.mb-8em {
    margin-bottom: 8em;
}

.mt-10px {
    margin-top: 10px;
}

.fw-400 {
    font-weight: 400;
}

.mt-20px {
    margin-top: 20px;
}

.gap-20px {
    gap: 20px;
}

.w-50px {
    width: 50px;
}

.mb-20px {
    margin-bottom: 20px;
}

.w-60 {
    width: 60% !important;
}

.gray-color {
    color: grey;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-9 {
    font-size: 9px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.font-unbounded {
    font-family: Unbounded, serif
}

.bg-graddus-blue-1 {
    background-color: #012970;
}

.c-white {
    color: white;
}

.w-250px {
    width: 250px;
}

.w-100px {
    width: 100px;
}

.w-150px {
    width: 150px;
}

.border-grey {
    border-color: rgb(128, 128, 128);
}

.border-1px {
    border-width: 1px;
}

.border-solid {
    border: solid;
}

.fs-24px {
    font-size: 24px;
}

.bg-graddus-blue {
    background-color: #012970
}

.bg-graddus-lightblue {
    background-color: #73E5DF
}

.mr-2em {
    margin-right: 2em;
}

.mt-100px {
    margin-top: 100px;
}

.c-graddus-orange {
    color: #FF5942;
}

.br-5px {
    border-radius: 5px;
}


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

.mt-30px {
    margin-top: 30px;
}

.gap-30px {
    gap: 30px;
}

.gap-10px {
    gap: 10px;
}

/* Typography */
.font-arial { font-family: Arial, serif; }
.font-work-sans { font-family: "Work Sans", serif; }
.font-open-sans { font-family: "Open Sans", serif; }
.font-italic { font-style: italic; }
.fw-600 { font-weight: 600; }

.fs-12{font-size:12px;} .fs-14{font-size:14px;} .fs-15{font-size:15px;} .fs-16{font-size:16px;}
.fs-17{font-size:17px;} .fs-18{font-size:18px;} .fs-20{font-size:20px;} .fs-21{font-size:21px;}
.fs-28{font-size:28px;} .fs-30{font-size:30px;} .fs-1-5-rem{font-size:1.5rem;}

/* Colors */
.c-graddus,.text-primary{color:var(--color-primary);} .c-black{color:#000;} .c-green{color:green;} .c-red{color:red;}
.c-grey{color:var(--color-grey);} .c-5c5959{color:#5c5959;} .c-0d6efd{color:#0d6efd;}
.c-73e5e3{color:var(--color-accent);} .c-213-155-9{color:rgb(213,155,9);}

.bg-graddus{background-color:var(--color-primary);} .bg-73e5e3{background-color:var(--color-accent);}

/* Borders */
.border-grey{border:1px solid var(--color-grey);} .border-c-graddus{border:1px solid var(--color-primary);} .border-right-blue{border-right:1px solid;}

/* Card */
.cont{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-card);}

/* Width */
.w-5{width:5%;}.w-7{width:7%;}.w-8{width:8%;}.w-10{width:10%;}.w-15{width:15%;}.w-30{width:30%;}.w-40{width:40%;}.w-48{width:48%;}.w-60px{width:60px;}
.w-60 {
    width: 60%;
}

/* Height */
.h-15px{height:15px;}.h-30px{height:30px;}.h-40px{height:40px;}
.h-20{height:20%;}.h-24{height:24%;}.h-28{height:28%;}.h-33{height:33%;}.h-38{height:38%;}.h-42{height:42%;}.h-56{height:56%;}.h-62{height:62%;}.h-65{height:65%;}

/* Spacing */
.m-20px{margin:20px;} .m-0-8-px{margin:0 8px;} .mb-10px{margin-bottom:10px;} .ml-8px{margin-left:8px;} .ml-20px{margin-left:20px;} .mr-4px{margin-right:4px;}
.p-5px{padding:5px;} .p-10px{padding:10px;} .pl-20px{padding-left:20px;} .pt-10px{padding-top:10px;}

/* Position */
.bottom-50px{bottom:50px;} .b-minus-40px{bottom:-40px;} .b-100px{bottom:100px;} .b-140px{bottom:140px;}
.l-minus-7px{left:-7px;} .l-minus-15px{left:-15px;} .l-minus-18px{left:-18px;} .l-minus-20px{left:-20px;} .l-4px{left:4px;} .l-20px{left:20px;}

/* Alerts */
.bg-primary-light{background:#cfe2ff;border-color:#cfe2ff;}
.bg-secondary-light{background:#e2e3e5;border-color:#e2e3e5;}
.bg-success-light{background:#d1e7dd;border-color:#d1e7dd;}
.bg-danger-light{background:#f8d7da;border-color:#f8d7da;}
.bg-warning-light{background:#fff3cd;border-color:#fff3cd;}
.bg-info-light{background:#cff4fc;border-color:#cff4fc;}
.bg-dark-light{background:#d3d3d4;border-color:#d3d3d4;}

.fs-14 {
    font-size: 14px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

@media (min-width: 768px) {
    .fs-md-10 {
        font-size: 10px !important;
    }
}

@media (min-width:1200px){ .me-xl-15em{margin-right:15em !important;} }

@media (max-width: 1200px) {
    .mb-6em {
        margin-bottom: 6em !important;
    }
}

@media (min-width:768px){ .fs-md-17{font-size:17px;} .fs-md-20{font-size:20px;} }

@media (min-width: 768px) {
    .text-md-none {
        text-align: initial !important;
    }
}

@media (max-width: 1200px) {
    .mb-6em {
        margin-bottom: 6em !important;
    }
}