/** -- Bg color -- **/

.text-primary {
    color: #2DBDCA !important;
}

.text-secondary {
    color: #FF7400 !important;
}

.bg-primary {
    background-color: #2DBDCA !important;
}

.bg-none {
    background-color: transparent !important;
}

.red-light-1 {
    background: #FCE8EC !important;
}

.yellow-light-1 {
    background: #FEF2E8 !important;
}

.blue-light-1 {
    background: #F2F9FF !important;
}

.blue-1 {
    background: #2DBDCA !important;
}

.blue-light-2 {
    background: #F2F9FF !important;
}

.bg-dark-blue {
    background: #34394D !important;
}


/** -- Text color --**/

.text-secondary-light {
    color: #FF8824 !important;
}

.text-acent {
    color: #293450 !important;
}

.text-acent-70 {
    color: #293450b3 !important;
}

.text-acent-50 {
    color: #29345080 !important;
}

.text-70 {
    color: #707070;
}

.text-c2 {
    color: #c2c2c2;
}

.text-44 {
    color: #444444;
}

.text-dark-green {
    color: #45A86A !important;
}

.text-green {
    color: #1ABBCD;
}

.text-blue-light-3 {
    color: #8A95C2 !important;
}


/** -- Font Size -- **/

.c-font-1 {
    font-size: 28px;
}

.c-font-2 {
    font-size: 24px;
}

.c-font-3 {
    font-size: 21px;
}

.c-font-4 {
    font-size: 20px;
}

.c-font-5 {
    font-size: 18px;
}

.c-font-6 {
    font-size: 16px;
}

.c-font-7 {
    font-size: 14px;
}

.c-font-8 {
    font-size: 12px;
}

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

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

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

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

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

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

@media (max-width:1919px) {
    .c-font-1 {
        font-size: 22px;
    }
    .c-font-2 {
        font-size: 18px;
    }
    .c-font-3 {
        font-size: 16px;
    }
    .c-font-4 {
        font-size: 15px;
    }
    .c-font-5 {
        font-size: 15px;
    }
    .c-font-6 {
        font-size: 13px;
    }
    .c-font-7 {
        font-size: 14px;
    }
    .c-font-8 {
        font-size: 12px;
    }
}


/** -- Fonr weight -- **/

.fw-light {
    font-weight: 300;
}

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

.fw-medium {
    font-weight: 500;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-heavy {
    font-weight: 900;
}

.min-w-140 {
    min-width: 140px;
}

.border-color-gray-1 {
    border-color: #F4F5FD !important;
}

.border-color-light-blue-1 {
    border-color: #C7D6FF !important;
}

.lh-normal {
    line-height: normal;
}

.flex-0 {
    flex: 0;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-4 {
    opacity: 0.4;
}


/**-- Rounded css --**/

.rounded-8 {
    border-radius: 8px !important;
}

.rounded-9 {
    border-radius: 9px !important;
}

.rounded-15 {
    border-radius: 15px !important;
}

.rounded-top-left-0 {
    border-top-left-radius: 0px !important;
}

.rounded-top-right-0 {
    border-top-right-radius: 0px !important;
}

.rounded-top-left-8 {
    border-top-left-radius: 8px !important;
}

.rounded-top-right-8 {
    border-top-right-radius: 8px !important;
}

.rounded-bottom-left-8 {
    border-bottom-left-radius: 8px !important;
}

.rounded-bottom-right-8 {
    border-bottom-right-radius: 8px !important;
}


/**-- shadow css --**/

.box-shadow-1x {
    box-shadow: -3px -3px 6px 0px rgb(255 255 255 / 80%), 3px 3px 6px 0px rgb(211 231 248 / 82%);
}


/** --- Button css --- **/

.outline-btn-primary,
.btn-secondary,
.btn-primary {
    color: #2DBDCA;
    border: 1px solid #2DBDCA;
    border-radius: 18px;
    padding: 2px 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary {
    background-color: #2DBDCA;
    color: #fff;
}

.btn-secondary {
    background-color: #FF7400;
    border-color: #FF7400;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #ff7400cc;
    border-color: #ff7400cc;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #2dbdcae8;
    border-color: #2dbdcae8;
    box-shadow: none;
}

.btn-disable {
    background-color: #F3F3F3;
    border-color: #F3F3F3;
    color: #293450;
}

.btn-disable:hover {
    color: #293450;
    background-color: #f3f3f3e6;
    border-color: #f3f3f3e6;
}

.outline-grey {
    border-color: #E2E2E2;
    color: #293450;
    padding: 2px 10px;
}

.btn-light-secondary {
    background-color: #FF9340;
    border-color: #FF9340;
    color: #fff;
}

.btn-light-secondary:hover {
    background-color: #f1812b;
    border-color: #f1812b;
}

.btn-small {
    font-size: 12px;
}

.btn-default {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0px 0px 8px #8B8B8B29;
    border-radius: 50px !important;
    color: #FF7400;
}

.btn-default:hover {
    background-color: #ff7400cc;
    border-color: #ff7400cc;
    color: #fff;
}

.btn-rounded-50 {
    border-radius: 50px !important;
}

.btn-white {
    background: #fff;
    color: #FF7400;
    border-color: #fff;
}

.btn-white:hover {
    background: #ffead4;
    border-color: #ffead4;
}

.card-radius {
    border-radius: 21px;
}