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

.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;
}

.orange-light-1 {
    background: #ff72060f !important;
}

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

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

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

.bg-color-gray-1 {
    background-color: #a0a0a14d !important;
}

.bg-color-gray-2 {
    background: #ADCFDE38;
}


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

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

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

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

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

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

.text-acent-60 {
    color: #5D6174 !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-12 {
    font-size: 12px !important;
}

.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;
}


/**-- 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;
}

.rounded-50 {
    border-radius: 50px;
}


/**-- 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%);
}


/* Border color **/

.border-color-gray-1 {
    border-right: 1px solid #a0a0a114 !important;
}

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


/** Basic **/

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

.flex-0 {
    flex: 0;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-4 {
    opacity: 0.4;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.mx-width-300 {
    max-width: 300px !important;
}


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

.outline-btn-primary,
.btn-secondary,
.btn-primary {
    color: #2DBDCA;
    border: 1px solid #2DBDCA;
    border-radius: 50px;
    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;
}

.btn-blue {
    background: #293450;
    color: #fff;
    border: 1px solid #293450;
}

.btn-blue:hover {
    background: #232d46;
    border: 1px solid #232d46;
    color: #fff;
}


/** Bootstrap css columns **/

@media (min-width:1800px) {
    .col-xxxl {
        flex: 1 0 0%
    }
    .row-cols-xxxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }
    .row-cols-xxxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }
    .row-cols-xxxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-xxxl-3>* {
        flex: 0 0 auto;
        width: 33.333333%
    }
    .row-cols-xxxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }
    .row-cols-xxxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }
    .row-cols-xxxl-6>* {
        flex: 0 0 auto;
        width: 16.666667%
    }
    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.333333%
    }
    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.666667%
    }
    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%
    }
    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.333333%
    }
    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.666667%
    }
    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.333333%
    }
    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.666667%
    }
    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%
    }
    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.333333%
    }
    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.666667%
    }
    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
    .offset-xxxl-0 {
        margin-left: 0
    }
    .offset-xxxl-1 {
        margin-left: 8.333333%
    }
    .offset-xxxl-2 {
        margin-left: 16.666667%
    }
    .offset-xxxl-3 {
        margin-left: 25%
    }
    .offset-xxxl-4 {
        margin-left: 33.333333%
    }
    .offset-xxxl-5 {
        margin-left: 41.666667%
    }
    .offset-xxxl-6 {
        margin-left: 50%
    }
    .offset-xxxl-7 {
        margin-left: 58.333333%
    }
    .offset-xxxl-8 {
        margin-left: 66.666667%
    }
    .offset-xxxl-9 {
        margin-left: 75%
    }
    .offset-xxxl-10 {
        margin-left: 83.333333%
    }
    .offset-xxxl-11 {
        margin-left: 91.666667%
    }
    .g-xxxl-0,
    .gx-xxxl-0 {
        --bs-gutter-x: 0
    }
    .g-xxxl-0,
    .gy-xxxl-0 {
        --bs-gutter-y: 0
    }
    .g-xxxl-1,
    .gx-xxxl-1 {
        --bs-gutter-x: 0.25rem
    }
    .g-xxxl-1,
    .gy-xxxl-1 {
        --bs-gutter-y: 0.25rem
    }
    .g-xxxl-2,
    .gx-xxxl-2 {
        --bs-gutter-x: 0.5rem
    }
    .g-xxxl-2,
    .gy-xxxl-2 {
        --bs-gutter-y: 0.5rem
    }
    .g-xxxl-3,
    .gx-xxxl-3 {
        --bs-gutter-x: 1rem
    }
    .g-xxxl-3,
    .gy-xxxl-3 {
        --bs-gutter-y: 1rem
    }
    .g-xxxl-4,
    .gx-xxxl-4 {
        --bs-gutter-x: 1.5rem
    }
    .g-xxxl-4,
    .gy-xxxl-4 {
        --bs-gutter-y: 1.5rem
    }
    .g-xxxl-5,
    .gx-xxxl-5 {
        --bs-gutter-x: 3rem
    }
    .g-xxxl-5,
    .gy-xxxl-5 {
        --bs-gutter-y: 3rem
    }
    @media (min-width:1400px) {
        .float-xxxl-left {
            float: left !important
        }
        .float-xxxl-right {
            float: right !important
        }
        .float-xxxl-none {
            float: none !important
        }
        .d-xxxl-none {
            display: none !important
        }
        .d-xxxl-inline {
            display: inline !important
        }
        .d-xxxl-inline-block {
            display: inline-block !important
        }
        .d-xxxl-block {
            display: block !important
        }
        .d-xxxl-table {
            display: table !important
        }
        .d-xxxl-table-row {
            display: table-row !important
        }
        .d-xxxl-table-cell {
            display: table-cell !important
        }
        .d-xxxl-flex {
            display: flex !important
        }
        .d-xxxl-inline-flex {
            display: inline-flex !important
        }
        .flex-xxxl-fill {
            flex: 1 1 auto !important
        }
        .flex-xxxl-row {
            flex-direction: row !important
        }
        .flex-xxxl-column {
            flex-direction: column !important
        }
        .flex-xxxl-row-reverse {
            flex-direction: row-reverse !important
        }
        .flex-xxxl-column-reverse {
            flex-direction: column-reverse !important
        }
        .flex-xxxl-grow-0 {
            flex-grow: 0 !important
        }
        .flex-xxxl-grow-1 {
            flex-grow: 1 !important
        }
        .flex-xxxl-shrink-0 {
            flex-shrink: 0 !important
        }
        .flex-xxxl-shrink-1 {
            flex-shrink: 1 !important
        }
        .flex-xxxl-wrap {
            flex-wrap: wrap !important
        }
        .flex-xxxl-nowrap {
            flex-wrap: nowrap !important
        }
        .flex-xxxl-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }
        .justify-content-xxxl-start {
            justify-content: flex-start !important
        }
        .justify-content-xxxl-end {
            justify-content: flex-end !important
        }
        .justify-content-xxxl-center {
            justify-content: center !important
        }
        .justify-content-xxxl-between {
            justify-content: space-between !important
        }
        .justify-content-xxxl-around {
            justify-content: space-around !important
        }
        .justify-content-xxxl-evenly {
            justify-content: space-evenly !important
        }
        .align-items-xxxl-start {
            align-items: flex-start !important
        }
        .align-items-xxxl-end {
            align-items: flex-end !important
        }
        .align-items-xxxl-center {
            align-items: center !important
        }
        .align-items-xxxl-baseline {
            align-items: baseline !important
        }
        .align-items-xxxl-stretch {
            align-items: stretch !important
        }
        .align-content-xxxl-start {
            align-content: flex-start !important
        }
        .align-content-xxxl-end {
            align-content: flex-end !important
        }
        .align-content-xxxl-center {
            align-content: center !important
        }
        .align-content-xxxl-between {
            align-content: space-between !important
        }
        .align-content-xxxl-around {
            align-content: space-around !important
        }
        .align-content-xxxl-stretch {
            align-content: stretch !important
        }
        .align-self-xxxl-auto {
            align-self: auto !important
        }
        .align-self-xxxl-start {
            align-self: flex-start !important
        }
        .align-self-xxxl-end {
            align-self: flex-end !important
        }
        .align-self-xxxl-center {
            align-self: center !important
        }
        .align-self-xxxl-baseline {
            align-self: baseline !important
        }
        .align-self-xxxl-stretch {
            align-self: stretch !important
        }
        .order-xxxl-first {
            order: -1 !important
        }
        .order-xxxl-0 {
            order: 0 !important
        }
        .order-xxxl-1 {
            order: 1 !important
        }
        .order-xxxl-2 {
            order: 2 !important
        }
        .order-xxxl-3 {
            order: 3 !important
        }
        .order-xxxl-4 {
            order: 4 !important
        }
        .order-xxxl-5 {
            order: 5 !important
        }
        .order-xxxl-last {
            order: 6 !important
        }
        .m-xxxl-0 {
            margin: 0 !important
        }
        .m-xxxl-1 {
            margin: .25rem !important
        }
        .m-xxxl-2 {
            margin: .5rem !important
        }
        .m-xxxl-3 {
            margin: 1rem !important
        }
        .m-xxxl-4 {
            margin: 1.5rem !important
        }
        .m-xxxl-5 {
            margin: 3rem !important
        }
        .m-xxxl-auto {
            margin: auto !important
        }
        .mx-xxxl-0 {
            margin-right: 0 !important;
            margin-left: 0 !important
        }
        .mx-xxxl-1 {
            margin-right: .25rem !important;
            margin-left: .25rem !important
        }
        .mx-xxxl-2 {
            margin-right: .5rem !important;
            margin-left: .5rem !important
        }
        .mx-xxxl-3 {
            margin-right: 1rem !important;
            margin-left: 1rem !important
        }
        .mx-xxxl-4 {
            margin-right: 1.5rem !important;
            margin-left: 1.5rem !important
        }
        .mx-xxxl-5 {
            margin-right: 3rem !important;
            margin-left: 3rem !important
        }
        .mx-xxxl-auto {
            margin-right: auto !important;
            margin-left: auto !important
        }
        .my-xxxl-0 {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }
        .my-xxxl-1 {
            margin-top: .25rem !important;
            margin-bottom: .25rem !important
        }
        .my-xxxl-2 {
            margin-top: .5rem !important;
            margin-bottom: .5rem !important
        }
        .my-xxxl-3 {
            margin-top: 1rem !important;
            margin-bottom: 1rem !important
        }
        .my-xxxl-4 {
            margin-top: 1.5rem !important;
            margin-bottom: 1.5rem !important
        }
        .my-xxxl-5 {
            margin-top: 3rem !important;
            margin-bottom: 3rem !important
        }
        .my-xxxl-auto {
            margin-top: auto !important;
            margin-bottom: auto !important
        }
        .mt-xxxl-0 {
            margin-top: 0 !important
        }
        .mt-xxxl-1 {
            margin-top: .25rem !important
        }
        .mt-xxxl-2 {
            margin-top: .5rem !important
        }
        .mt-xxxl-3 {
            margin-top: 1rem !important
        }
        .mt-xxxl-4 {
            margin-top: 1.5rem !important
        }
        .mt-xxxl-5 {
            margin-top: 3rem !important
        }
        .mt-xxxl-auto {
            margin-top: auto !important
        }
        .mr-xxxl-0 {
            margin-right: 0 !important
        }
        .mr-xxxl-1 {
            margin-right: .25rem !important
        }
        .mr-xxxl-2 {
            margin-right: .5rem !important
        }
        .mr-xxxl-3 {
            margin-right: 1rem !important
        }
        .mr-xxxl-4 {
            margin-right: 1.5rem !important
        }
        .mr-xxxl-5 {
            margin-right: 3rem !important
        }
        .mr-xxxl-auto {
            margin-right: auto !important
        }
        .mb-xxxl-0 {
            margin-bottom: 0 !important
        }
        .mb-xxxl-1 {
            margin-bottom: .25rem !important
        }
        .mb-xxxl-2 {
            margin-bottom: .5rem !important
        }
        .mb-xxxl-3 {
            margin-bottom: 1rem !important
        }
        .mb-xxxl-4 {
            margin-bottom: 1.5rem !important
        }
        .mb-xxxl-5 {
            margin-bottom: 3rem !important
        }
        .mb-xxxl-auto {
            margin-bottom: auto !important
        }
        .ml-xxxl-0 {
            margin-left: 0 !important
        }
        .ml-xxxl-1 {
            margin-left: .25rem !important
        }
        .ml-xxxl-2 {
            margin-left: .5rem !important
        }
        .ml-xxxl-3 {
            margin-left: 1rem !important
        }
        .ml-xxxl-4 {
            margin-left: 1.5rem !important
        }
        .ml-xxxl-5 {
            margin-left: 3rem !important
        }
        .ml-xxxl-auto {
            margin-left: auto !important
        }
        .p-xxxl-0 {
            padding: 0 !important
        }
        .p-xxxl-1 {
            padding: .25rem !important
        }
        .p-xxxl-2 {
            padding: .5rem !important
        }
        .p-xxxl-3 {
            padding: 1rem !important
        }
        .p-xxxl-4 {
            padding: 1.5rem !important
        }
        .p-xxxl-5 {
            padding: 3rem !important
        }
        .px-xxxl-0 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }
        .px-xxxl-1 {
            padding-right: .25rem !important;
            padding-left: .25rem !important
        }
        .px-xxxl-2 {
            padding-right: .5rem !important;
            padding-left: .5rem !important
        }
        .px-xxxl-3 {
            padding-right: 1rem !important;
            padding-left: 1rem !important
        }
        .px-xxxl-4 {
            padding-right: 1.5rem !important;
            padding-left: 1.5rem !important
        }
        .px-xxxl-5 {
            padding-right: 3rem !important;
            padding-left: 3rem !important
        }
        .py-xxxl-0 {
            padding-top: 0 !important;
            padding-bottom: 0 !important
        }
        .py-xxxl-1 {
            padding-top: .25rem !important;
            padding-bottom: .25rem !important
        }
        .py-xxxl-2 {
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }
        .py-xxxl-3 {
            padding-top: 1rem !important;
            padding-bottom: 1rem !important
        }
        .py-xxxl-4 {
            padding-top: 1.5rem !important;
            padding-bottom: 1.5rem !important
        }
        .py-xxxl-5 {
            padding-top: 3rem !important;
            padding-bottom: 3rem !important
        }
        .pt-xxxl-0 {
            padding-top: 0 !important
        }
        .pt-xxxl-1 {
            padding-top: .25rem !important
        }
        .pt-xxxl-2 {
            padding-top: .5rem !important
        }
        .pt-xxxl-3 {
            padding-top: 1rem !important
        }
        .pt-xxxl-4 {
            padding-top: 1.5rem !important
        }
        .pt-xxxl-5 {
            padding-top: 3rem !important
        }
        .pr-xxxl-0 {
            padding-right: 0 !important
        }
        .pr-xxxl-1 {
            padding-right: .25rem !important
        }
        .pr-xxxl-2 {
            padding-right: .5rem !important
        }
        .pr-xxxl-3 {
            padding-right: 1rem !important
        }
        .pr-xxxl-4 {
            padding-right: 1.5rem !important
        }
        .pr-xxxl-5 {
            padding-right: 3rem !important
        }
        .pb-xxxl-0 {
            padding-bottom: 0 !important
        }
        .pb-xxxl-1 {
            padding-bottom: .25rem !important
        }
        .pb-xxxl-2 {
            padding-bottom: .5rem !important
        }
        .pb-xxxl-3 {
            padding-bottom: 1rem !important
        }
        .pb-xxxl-4 {
            padding-bottom: 1.5rem !important
        }
        .pb-xxxl-5 {
            padding-bottom: 3rem !important
        }
        .pl-xxxl-0 {
            padding-left: 0 !important
        }
        .pl-xxxl-1 {
            padding-left: .25rem !important
        }
        .pl-xxxl-2 {
            padding-left: .5rem !important
        }
        .pl-xxxl-3 {
            padding-left: 1rem !important
        }
        .pl-xxxl-4 {
            padding-left: 1.5rem !important
        }
        .pl-xxxl-5 {
            padding-left: 3rem !important
        }
        .text-xxxl-left {
            text-align: left !important
        }
        .text-xxxl-right {
            text-align: right !important
        }
        .text-xxxl-center {
            text-align: center !important
        }
    }
}