:root {
    /* --primary-font: "Onest", sans-serif; */
    --primary-font: 'Roboto', sans-serif;

    --primary-color: rgba(234, 86, 67, 1);
    --heading-color: rgba(0, 0, 0, 1);
    --content-color: rgba(0, 0, 0, 1);
    --link-color: rgba(234, 86, 67, 1);

    --btn-primary-bg-color: rgba(255, 0, 0, 1);
    --btn-primary-bg-color-hover: #d10000;

    --bg-grey-dark: rgba(255, 233, 230, 1);
    --bg-grey: rgba(245, 245, 245, 1);

    --header-height: 65px;
    --header-main-y-space: 7px;
}
*, ::after, ::before {
  box-sizing: border-box;
}
body::-webkit-scrollbar{
    border-radius: 10px;
    width: 8px;
    background-color: #dddddd;
}
body::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background: #ea5643;
}
/* Bootstrap CSS S */
    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    @media (min-width:576px) {
        .container {
            max-width: 540px
        }
    }
    @media (min-width:768px) {
        .container {
            max-width: 720px
        }
    }
    @media (min-width:992px) {
        .container {
            max-width: 960px
        }
    }
    @media (min-width:1200px) {
        .container {
            max-width: 1140px
        }
    }
    .container-fluid {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }
    .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1,.col-auto{-webkit-box-flex:0}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2,.col-3{-webkit-box-flex:0}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4,.col-5{-webkit-box-flex:0}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6,.col-7{-webkit-box-flex:0}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8,.col-9{-webkit-box-flex:0}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10,.col-11{-webkit-box-flex:0}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}
/* Bootstrap CSS E */

/* === Bootstrap 5 Table Styles === */
    table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
        border-collapse: collapse;
    }

    th,
    td {
        padding: 10px;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
        background-color: #f8f9fa;
    }

    tbody tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    /* Optional: Bordered table style */
    .table-bordered {
        border: 1px solid #dee2e6;
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6;
    }
/* === Bootstrap 5 Table Styles === */

/* Alert S */
    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }
    .alert-dismissable, .alert-dismissible {
        padding-right: 35px;
    }
    .alert-danger {
        color: #ffffff;
        font-family: Roboto, sans-serif;
        background-color: #f89406 !important;
        border-style: none;
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        background-position: 15px center;
        background-repeat: no-repeat;
        opacity: .95;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        border-radius: 5px;
    }
    .alert-success {
        color: #ffffff;
        font-family: Roboto, sans-serif;
        background-color: #00C851 !important;
        border-style: none;
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        background-position: 15px center;
        background-repeat: no-repeat;
        opacity: .95;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        border-radius: 5px;
    }
    .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }
    .alert-warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }
    .reletive{
        position: relative;
    }
    .absolute_img_height{    
        top: 50%;
        position: absolute !important;
        margin-top: -14px;
        left: 3%;
    }
    .last_col_toast{
        font-size: 15px;
        font-weight: 500;
        margin-left: 16%;
    }
    .alert .title img{
        margin-bottom: 2px;
        margin-right: 3px;
    }
    .cross_toaster{  
        position: absolute;
        top: -10px;
        right: -10px;
        cursor: pointer;
        font-size: 16px;
        font-style: normal;
    }    
/* Alert E */

/* Modal S */
    body.modal-open,
    html.modal-open {
        overflow: hidden;
        height: 100%;
    }
    /* === Modal Base === */
    .modal {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1050;
        overflow: hidden;
        outline: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0);
        transition: opacity 0.3s ease, background-color 0.3s ease, visibility 0.3s ease;
    }

    /* === Show Modal === */
    .modal.fade.show {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        background-color: rgba(0, 0, 0, 0.5);
    }

    /* === Hiding (Fade-out) === */
    .modal.fade.hiding {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0);
        transition: opacity 0.3s ease, background-color 0.3s ease, visibility 0.3s ease;
    }

    .modal.fade.hiding .modal-dialog {
        transform: translateY(-30px);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    /* === Modal Dialog === */
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 1.75rem auto;
        max-width: 500px;
        width: 90%;
        pointer-events: none;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    /* === When modal is visible === */
    .modal.fade.show .modal-dialog {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }

    /* === Modal Content === */
    .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        background-clip: padding-box;
        border-radius: 0.5rem;
        outline: 0;
        transform: translateY(-30px);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        overflow: hidden;
    }
    .modal.fade.show .modal-content {
        transform: translateY(0);
        opacity: 1;
    }

    /* === Modal Sections === */
    .modal-header,
    .modal-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
    }

    .modal-title {
        margin: 0;
        font-size: 1.25rem;
    }

    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
        overflow-y: auto;
    }

    /* === Modal Sizes === */
    .modal-xl {
        max-width: 1040px;
    }

    .modal-lg {
        max-width: 800px;
    }

    .modal-sm {
        max-width: 300px;
    }

    /* === Centered Modal === */
    .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
    }

    /* === Scrollable Modal === */
    .modal-dialog-scrollable {
        display: flex;
        flex-direction: column;
        max-height: calc(100% - 1rem);
    }

    .modal-dialog-scrollable .modal-content {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

    .modal-dialog-scrollable.modal-dialog-centered {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100%;
    }

    .modal-dialog-scrollable.modal-dialog-centered .modal-content {
        display: flex;
        flex-direction: column;
        max-height: 100%;
        overflow: hidden;
    }

    .modal-dialog-scrollable.modal-dialog-centered .modal-body {
        overflow-y: auto;
    }
    @media (max-width: 768px) {
        .modal-dialog-scrollable.modal-dialog-centered {
            /* align-items: flex-start; */
            justify-content: flex-start;
            padding-top: 1rem;
        }
    }


    /* === Fullscreen Variants === */
    .modal-fullscreen {
        width: 100%;
        height: 100%;
        margin: 0;
        max-width: 100%;
    }

    .modal-fullscreen .modal-content {
        height: 100%;
        border: none;
        border-radius: 0;
    }

    @media (max-width: 576px) {
        .modal-fullscreen-sm-down {
            width: 100%;
            height: 100%;
            margin: 0;
            max-width: 100%;
        }
    }
    @media (max-width: 768px) {
        .modal-fullscreen-md-down {
            width: 100%;
            height: 100%;
            margin: 0;
            max-width: 100%;
        }
    }
    @media (max-width: 992px) {
        .modal-fullscreen-lg-down {
            width: 100%;
            height: 100%;
            margin: 0;
            max-width: 100%;
        }
    }
    @media (max-width: 1200px) {
        .modal-fullscreen-xl-down {
            width: 100%;
            height: 100%;
            margin: 0;
            max-width: 100%;
        }
    }
    @media (max-width: 1400px) {
        .modal-fullscreen-xxl-down {
            width: 100%;
            height: 100%;
            margin: 0;
            max-width: 100%;
        }
    }
/* Modal E */

/* Form Inputs S */
    /* === Form Group Wrapper === */
    .form-group {
        margin-bottom: 1rem;
        position: relative;
    }
    .form-group .error {
        position: absolute;
        bottom: -18px;
        left: 0;
        color: var(--primary-color);
        font-size: 12px;
        font-weight: 500;
        font-style: normal;
    }
    .icon-input-group .error {
        bottom: -15px;
    }

    /* === Labels === */
    label {
        display: inline-block;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }

    /* === Inputs, Textarea, Select === */
    .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        height: 45px;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        appearance: none;
        border-radius: 0.375rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .form-control:focus {
        color: var(--content-color);
        background-color: #fff;
        border-color: var(--primary-color);
        outline: 0;
        /* box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); */
    }

    /* === Placeholder === */
    .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
    }

    /* === Disabled State === */
    .form-control:disabled,
    .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }

    /* === Textarea === */
    textarea.form-control {
        min-height: 100px;
        resize: vertical;
        height: auto;
    }

    /* === Select === */
    select.form-control {
        background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 4 5'%3E%3Cpath d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center/8px 10px;
        appearance: none;
        padding-right: 2.25rem;
    }

    /* === Form Check Wrapper === */
    .form-check {
        position: relative;
        user-select: none;
    }
    .check-label {
        cursor: pointer;
        padding-left: 30px;
        line-height: normal;
        display: block;
        width: 100%;
    }

    /* === Hide default checkbox/radio === */
    .form-check input[type="checkbox"],
    .form-check input[type="radio"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* === Custom Checkmark Span === */
    .form-check .checkmark {
        position: absolute;
        left: 0;
        top: 0px;
        height: 20px;
        width: 20px;
        background-color: #fff;
        border: 1.5px solid #adb5bd;
        border-radius: 0rem;
        transition: all 0.2s ease;
        box-sizing: border-box;
        cursor: pointer;
    }

    /* === Checked State === */
    .form-check input[type="checkbox"]:checked ~ .checkmark {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

    .form-check input[type="checkbox"]:checked ~ .checkmark::after {
        content: "";
        position: absolute;
        left: 5px;
        top: 0;
        width: 8px;
        height: 13px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
    }

    /* === Radio Checkmark === */
    .form-check input[type="radio"] ~ .checkmark {
        border-radius: 50%;
    }

    .form-check input[type="radio"]:checked ~ .checkmark::after {
        content: "";
        position: absolute;
        top: 0.25rem;
        left: 0.25rem;
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 50%;
        background: #fff;
    }

    /* === Check/Radio Label === */
    .form-check-label {
        margin-bottom: 5px;
        display: block;
        line-height: normal;
        font-weight: 400;
    }

    .icon-input-group {
        position: relative;
    }
    .icon-input-group .text {
        position: absolute;
        left: 0;
        height: 100%;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #ced4da;
    }
    .icon-input-group .form-control {
        padding-left: 55px;
    }
/* Form Inputs E */

/* Global S */
    html, body {overflow-x: hidden;}
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
    abbr, acronym, address, big, cite, code, del, dfn,
    em, font, img, ins, kbd, q, s, samp, small, strike,
    strong, sub, sup, tt, var, b, u, i, center, dl, dt,
    dd, ol, ul, li, fieldset, form, label, legend {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    html {
        width: 100%;
        -webkit-overflow-style: scrollbar;
        -khtml-overflow-style: scrollbar;
        -moz-overflow-style: scrollbar;
        -ms-overflow-style: scrollbar;
        -o-overflow-style: scrollbar;
        overflow: scrollbar;
    }
    @media (min-width: 1260px) {
        .container {
            max-width: 1240px;
        }
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        color: var(--heading-color);
        font-family: var(--primary-font);
        margin: 0;
    }
    body, p {
        font-size: 16px;
        line-height: 20px;
        color: var(--content-color);
        font-family: var(--primary-font);
        line-height: 1.42857143;
        margin: 0px;
    }
    body p + p {
        margin-top: 15px;
    }
    a, a:hover, a:focus {
        text-decoration: none;
        transition: all 0.3s;
        color: var(--primary-color);
    }
    ol, ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    * {
        font-family: var(--primary-font);
    }
    img {
        display: block;
        max-width: 100%;
    }
    .bg-grey-dark {background-color: var(--bg-grey-dark) !important;}
    .bg-grey {background-color: var(--bg-grey) !important;}
    .full-width {
        width: 100%;
    }
    .btn {
        cursor: pointer;
        padding: 10px 16px;
        border-radius: 6px;
        border: 1px solid;
        transition: all 0.3s;
        font-weight: 500;
        position: relative;
        font-size: 20px;
        display: inline-block;
        text-align: center;
    }
    @media (max-width: 991.98px) {
        .btn {
            font-size: 16px;
        }
    }
    .btn.btn-primary {
        background-color: var(--btn-primary-bg-color);
        color: #fff;
        border-color: var(--btn-primary-bg-color);
    }
    .btn.btn-primary:hover {
        background-color: var(--btn-primary-bg-color-hover);
        color: #fff;
        border-color: var(--btn-primary-bg-color-hover);
    }

    .btn.btn-secondary {
        background-color: transparent;
        border-color: var(--btn-primary-bg-color);
        color: var(--btn-primary-bg-color);
    }
    .btn.btn-secondary:hover {
        background-color: var(--btn-primary-bg-color);
        border-color: var(--btn-primary-bg-color);
        color: var(--heading-color);
    }

    .btn.btn-phone {
        border-color: rgb(255 255 255);
        color: var(--heading-color);
    }
    .btn.btn-phone:hover {
        background-color: rgb(249 249 249);
        border-color: rgb(231 227 227);
        color: var(--heading-color);
    }
    
    .btn.btn-grey {
        background-color: rgba(243, 243, 243, 1);
        border-color: rgba(243, 243, 243, 1);
        color: var(--heading-color);
    }
    .btn.btn-grey:hover {
        background-color: rgb(231 227 227);
        border-color: rgb(231 227 227);
        color: var(--heading-color);
    }

    .btn.btn-white {
        background-color: #fff;
        border-color: #fff;
        color: var(--btn-primary-bg-color);
    }
    .btn.btn-white:hover {
        background-color: rgb(231 227 227);
        border-color: rgb(231 227 227);
        color: var(--heading-color);
    }

    .btn.btn-white-outline {
        background-color: transparent;
        border-color: #fff;
        color: #ffffff;
    }
    .btn.btn-white-outline:hover {
        background-color: #fff;
        border-color: #fff;
        color: var(--heading-color);
    }

    .btn-icon {
        padding-left: 46px;
    }
    .btn-icon > .icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translate(0px, -50%);
    }

    .section-gap-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .top-gap-padding {
        padding-top: 80px;
    }
    .bottom-gap-padding {
        padding-bottom: 80px;
    }
    .section-gap-half-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .top-gap-half-padding {
        padding-top: 50px;
    }
    .bottom-gap-half-padding {
        padding-bottom: 50px;
    }
    @media (max-width: 1366.98px) {
        .section-gap-padding {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .top-gap-padding {
            padding-top: 50px;
        }
        .bottom-gap-padding {
            padding-bottom: 50px;
        }
        .section-gap-half-padding {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .top-gap-half-padding {
            padding-top: 30px;
        }
        .bottom-gap-half-padding {
            padding-bottom: 30px;
        }
    }

    .title-sc {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-bottom: 50px;
    }
    .title-sc.text-left {
        align-items: flex-start;
    }
    .title-sc .main-title {
        font-size: 46px;
        font-weight: 600;
        line-height: 54px;
        margin: 0;
    }
    .title-sc p {
        margin-bottom: 0px;
    }
    @media (max-width: 1366.98px) {
        .title-sc {
            margin-bottom: 30px;
        }
        .title-sc .main-title {
            font-size: 36px;
            line-height: 1.2;
        }
    }
    @media (max-width: 575.98px) {
        .title-sc {
            margin-bottom: 30px;
        }
        .title-sc .main-title {
            font-size: 30px;
        }
    }

    .main {
        padding-top: var(--header-height);
    }

    @media (min-width: 1199.98px) {
        .hidden-xl {display: none !important;}
        .align-items-center-xl {align-items: center;}
    }
    @media (max-width: 1199.98px) and (min-width: 991.99px) {
        .hidden-lg {display: none !important;}
        .align-items-center-lg {align-items: center;}
    }
    @media (max-width: 991.98px) and (min-width: 767.99px) {
        .hidden-md {display: none !important;}
        .align-items-center-md {align-items: center;}
    }
    @media (max-width: 767.98px) and (min-width: 575.99px) {
        .hidden-sm {display: none !important;}
        .align-items-center-sm {align-items: center;}
    }
    @media (max-width: 575.98px) {
        .hidden-xs {display: none !important;}
        .align-items-center-xs {align-items: center;}
    }
    .text-left {text-align: left !important;}
    .text-right {text-align: right !important;}
    .text-center {text-align: center !important;}
    .font-500 {font-weight: 500 !important;}
    .font-600 {font-weight: 600 !important;}
    .font-700 {font-weight: 700 !important;}
    .font-primary {color: var(--primary-color);}
/* Global E */

/* header {
    display: none;
} */