/* Font */

 .text-fs-42 {
     font-size: 42px;
 }

 .text-fs-36 {
     font-size: 36px;
 }

 .text-fs-28 {
     font-size: 28px;
 }

 .text-fs-22 {
     font-size: 22px;
 }

 .text-fs-20 {
     font-size: 20px;
 }

 .text-fs-18 {
     font-size: 18px;
 }

 .text-fs-16 {
     font-size: 16px;
 }

 .text-fs-14 {
     font-size: 14px;
 }

 .text-fs-13 {
     font-size: 13px;
 }

 .text-fs-light {
     font-weight: 300;
 }

 .text-fs-regular {
     font-weight: 400;
 }

 .text-fs-meduim {
     font-weight: 500;
 }

 .text-fs-bold {
     font-weight: 700;
 }

 /* Colors */

 .color-primary {
     color: #573f94 !important;
 }

 .bg-primary {
     background: #573f94 !important;
 }

 .color-dark-primary {
     color: #39285E !important;
 }

 .bg-dark-primary {
     background: #39285E !important;
 }

 .color-primary-light {
     color: #8b859e !important;
 }

 .bg-primary-light {
     background: #8b859e !important;
 }

 .color-black {
     color: #000000 !important;
 }

 .bg-black {
     background: #000000 !important;
 }

 .color-white {
     color: #ffffff !important;
 }

 .bg-white {
     background: #ffffff !important;
 }

 .color-orange-light {
     color: #f7a71c !important;
 }

 .bg-orange-light {
     background: #f7a71c !important;
 }

 .color-orange-dark {
     color: #Ef684D !important;
 }

 .bg-orange-dark {
     background: #Ef684D !important;
 }

 .color-text {
     color: #677294 !important;
 }

 .bg-text {
     background: #677294 !important;
 }

 .color-green-lighter {
     color: #5EA57B !important;
 }

 .bg-green-lighter {
     background: #5EA57B !important;
 }

 .color-green-light {
     color: #0cbb78 !important;
 }

 .bg-green-light {
     background: #0cbb78 !important;
 }

 .color-gray-lightest {
     color: #fcfcfc !important;
 }

 .bg-gray-lightest {
     background: #fcfcfc !important;
 }

 .color-gray-lighter {
     color: #fafafe !important;
 }

 .bg-gray-lighter {
     background: #fafafe !important;
 }

 .color-gray-light2 {
     color: #f5f5f5 !important;
 }

 .bg-gray-light2 {
     background: #f5f5f5 !important;
 }

 .color-gray-light1 {
     color: #e6e7e8 !important;
 }

 .bg-gray-light1 {
     background: #e6e7e8 !important;
 }

 .color-gray-light {
     color: #bfc3d4 !important;
 }

 .bg-gray-light {
     background: #bfc3d4 !important;
 }

 .color-dark-gray {
     color: #5F5F5F !important;
 }

 .bg-dark-gray {
     background: #5F5F5F !important;
 }

 .color-silver-light {
     color: #b7b7b7 !important;
 }

 .bg-silver-light {
     background: #b7b7b7 !important;
 }

 .color-dark-cyan {
     color: #009cae !important;
 }

 .bg-dark-cyan {
     background: #009cae !important;
 }

 .color-red-light {
     color: #e74d67 !important;
 }

 .bg-red-light {
     background: #e74d67 !important;
 }

 .color-red {
     color: #d73c28 !important;
 }

 .bg-red {
     background: #d73c28 !important;
 }

 .color-blue {
     color: #287cbc !important;
 }

 .bg-blue {
     background: #287cbc !important;
 }

 /* Buttons */

 .edu-btn {
     padding: 16px 32px;
     border: 0;
     border-radius: 5px;
     line-height: 1;
     box-shadow: 10px 20px 40px 0 rgba(98, 53, 229, 0.15);
     transition: transform 0.3s;
     outline: none;
 }

 .edu-btn:active {
     transform: translateY(-3px);
 }

 /* Spinner */

 .spinner {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1051;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.4);
     cursor: pointer;
 }

 .spinner::after {
     content: "";
     position: absolute;
     border: 5px solid #f3f3f3;
     /* Light grey */
     border-top: 5px solid #583e92;
     /* Blue */
     border-radius: 50%;
     width: 50px;
     height: 50px;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     animation: spin 1.5s linear infinite;
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }