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

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