:root {
    --primary-color: #e25840;
    --primary-color-light: #e8ddcc;
    --secondry-color: #e25840;
    --secondry-color-hover: #d32a0c;
    --text-muted: #999;
    --heading-color:#0c0407;
    --light-blue-bg: #ecf86e;
    --body-text-color:#5f5f5f;
    --grey-text: #787878;
    --grey-bg: #e8ddcc;
    --border-gray: #e4e4e4;
    --big-radius: 30px;
    --bs-body-font-family:'Poppins';
    --place-holder-color:#333;
    --fill-hover-btn: #f2f2f2;
    --fill-hover-btn-pressed: #e0e0e0;
    --fill-hover-btn-pressed-text: #545454;
    --shadowLarge: 0 2px 54px 0 rgba(0,0,0,.1);
    }

    body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: #262422;
    }


    h1, .h1 {
    font-size: 36px;
    color: var(--secondry-color);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -.6px;
    }


    h2, .h2 {
        font-size: 40px;
        line-height: 1.2;
        color: #0c0407;
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 20px;
        letter-spacing: -.6px;
    }
    h2.large {
        font-size: 48px;
    }
    h2 span, .h2 span {
    color: var(--text-muted);
    }

    h3, .h3 {
    font-size: 24px;
    line-height: 1.2;
    color: #0c0407;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 15px;
    letter-spacing: -.6px;
    }
    .lead {
        font-size: 20px;
    }

    h4, .h4 {
    font-size: calc(1.275rem + 0.3vw);
    }

    p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--body-text-color);
    line-height: 1.6;
    }
    .text-danger {
        color:red;
        margin-bottom:5px;
    }
    .btn-primary {
        padding:10px 15px!important;
    }
    .inq-btn {
            position: relative;
            width: 170px;
            display: flex;
            align-items: center;
            justify-content: center;
    }
    .inq-btn img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            height: 46px;
    }
    .w-100 {width: 100%}
    .img-fluid {
    max-width: 100%;
    width: 100%;
    }
    .text-dark {
        color: var(--heading-color);
    }
    .header-hidden {
            transform: translateY(calc(-100% - 10px));
        }
        .footer-hidden {
            transform: translateY(calc(100% + 25px));
        }
    .header-top {
        background-color: var(--primary-color);
        height: 55px;
            display: flex;
        align-items: center;
    }
    .nav-right {
        display: flex;
        align-items: center;
    }
    .top-header-nav {
        margin: 0 30px 0 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 30px;
    }
    .top-header-nav li a {
        color: #fff;
        text-decoration: none;
        transition: all .3s;
    }
    .top-header-nav li a:hover {
        color: var(--secondry-color);
        transition: all .3s;
    }
    .text-center{text-align:center}
    .header {
        padding:0px;
        width: 100%;
        position: fixed;
        z-index: 1092;
        transition: transform 0.3s ease-in-out;
        top: 0;
        background-image: linear-gradient(0deg, rgba(255, 79, 0, 0) 0%, #000000 120%);
        padding-top: 0px;
        }

        nav {
            padding-top: 25px;
            padding-bottom: 15px;
        }
    .detail-page-header nav {
        padding-top: 15px;
            padding-bottom: 15px;
    }
    .logo {text-decoration:none;font-size:28px;text-transform:uppercase;color: #fff}
    .logo img {max-width:140px;}
    .nav {margin:0;padding:0;display:flex;justify-content:center; align-items:center;list-style:none;transition: all .5s}
    .nav-item {position: relative; margin:0px 5px; border-radius:8px;}
    .nav-link{border-radius: 8px;padding:10px 15px;cursor:pointer;color:#fff;font-size:15px;text-decoration: none;font-weight: 500;display: block; text-transform: uppercase; }
    .nav-item:not(:disabled):active,  .nav-item:focus, .current-menu-item .nav-link {color: var(--primary-color);}
    .nav-item:hover {background-color: var(--primary-color);color: #fff}

    .submenu {display:none;position:absolute; top:26px;left:0px;box-shadow:var(--shadowLarge);min-width:300px;border-radius:12px;padding:10px 10px;list-style:none;background-color: #fff;}
    .submenu li {padding:15px 15px 15px 30px; border-bottom: 1px solid var(--fill-hover-btn);}
    .submenu li:last-child { border-bottom: 0px solid var(--fill-hover-btn);}
    .submenu li:hover{background-color:var(--fill-hover-btn);border-radius:4px}
    .submenu li a {text-decoration:none;font-size:14px;color:#000000;font-weight: 400;padding:0px;float:none!important; }
    .submenu::after {border-color: #fff transparent;border-style: solid;border-width: 0 10px 8px;content: "";left: 24px;position: absolute;top: -8px;}
    .submenu .current-menu-item .nav-link {background-color: transparent;border-color: transparent;}
    li.nav-item:hover .submenu {
    display: block;
    }
    .detail-page-header .nav-link, .detail-page-header .logo {
        color: #262422;
    }


    .dropdown .nav-link::after {
        padding: 3px;
        border: solid #fff;
        border-width: 0 1.5px 1.5px 0;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: relative;
        top: -3px;
        content: "" !important;
        display: inline-block;
        left: 7px;
        transition: all .3s;
    }

    .dropdown:hover .nav-link::after {transform: rotate(225deg);transition: all .3s; top: 0;border: solid var(--primary-color);
        border-width: 0 1.5px 1.5px 0;}


    .submenu .nav-link::after, .dropdown:hover .submenu .nav-link::after {border:0px;}


    .plus-minus-icon {
        position: relative;
        width: 20px;
        height: 20px;
        display: none;
    }

    .plus-minus-icon::before,
    .plus-minus-icon::after {
        content: '';
        position: absolute;
        background-color: #333;
        transition: transform 0.3s ease;
    }

    .plus-minus-icon::before {
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .plus-minus-icon::after {
        width: 2px;
        height: 100%;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }

    .plus-minus-icon.active::before {
        transform: translateY(-50%) rotate(0deg);
    }

    .plus-minus-icon.active::after {
        transform: rotate(90deg);
    }

    .submenu {
        list-style-type: none;
        padding: 0;
        margin: 13px 0 0;
        display: none;
        transition: all .3s;

    }
    .navbar-fixed {
        background: #fff;
        transition: all .4s;
        box-shadow: 0 3px 10px rgba(0,0,0,.1);
    }
    .navbar-fixed nav {
        padding-top:15px;
        transition: all .4s;
    }
    .navbar-fixed .nav-link {
        color: #262422;
        transition: all .4s;
    }
    .navbar-fixed .nav-link::after {
        border-color: #262422;
    }

    @media (max-width: 1199px) {

      .submenu {margin-top: 45px; transition: all .3s;display: none!important;}
      .submenu.visible {
        display: block!important;
        transition: all .3s;
    }
      .plus-minus-icon {display: block;}
      .dropdown .nav-link::after {display: none;}
      .dropdown .nav-link  {float: left;}
      .dropdown  .plus-minus-icon {float: right;margin: 10px 20px 0px;}
    }
    .nav-item:hover .nav-link::after {border-color: #fff}
    .menu-toggle, .close-btn {display: none;flex-direction: column;cursor: pointer;}
    .menu-toggle .bar {width: 25px;height: 3px;background-color: #000;margin: 4px 0;display:block;}
    .close-btn {font-size: 32px;color: #000;position: absolute;top: 10px;right: 20px;}
    .backdrop {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 10;}

    #backdrop2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    }
    .btn {
    background-color: var(--secondry-color);
    border: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 10px 25px;
    font-family: var(--bs-body-font-family);
    position: relative;
    cursor: pointer;
    text-decoration:none;
    padding: 0px 50px 0px 25px;
    }
    .btn-arrow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAsklEQVQ4jc2SMQtBYRiFnysmukpiMlnMMpB/4Cf4Fcp/MiqDlMViMLCbrAZlM0h5DFK6LPdDOfVOT53O+54XlZQzVOdq/h3PkF4roAWMgMILDUiI2lQP6kyNn1moIWpD3akLtfLJyg9tgQ4QA2OgBhCpdaAIXANMz0CJ+z33wCBSp0APuAQYRsAByAFlYP31hJ+UglpVN+pSrf2k5b/4w656VCdqIcmzAUW0gTXQB05JeAPVSMnxFkYtpAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: 83% 25px;
    }
    .inq-btn .btn {
    background-color: transparent;
    z-index: 1;
    border: none;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    width: 180px;
    text-transform: uppercase;
    padding: 0px;

    }
    .inq-btn .btn:hover {
        background-color: transparent;
    }
    .btn:hover {background-color:var(--secondry-color-hover);}
    .nav-right .btn {
        height: 40px;
    }
    .btn.large {
        height: 60px;
        font-size: 20px;
        border-radius: 32px;
        font-weight: 400;
        padding: 15px 30px;
    }
    .btn::after {
    width: 60px;
    height: 25px;
    content: "";
    position: absolute;
    bottom: -0px;
    left: auto;
    right: auto;
    background-color: var(--primary-color);
    filter: blur(13px);
    z-index: -1;
    display: none;
    }
    .hcw {display: flex;
    align-items: center;
    }



    /* hero area start */
    /* breadcrumbs start */
    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: 0px!important;
        margin-bottom: 0rem;
        list-style: none;
        margin-top: 0px;
    }
    .bread-center {
        display:flex;
        justify-content:center;
    }
    .breadcrumb-item {
        display: flex;
        font-size: 14px;
    }

    .breadcrumb-item::after {
        display: inline-block;
        padding-right: 0.5rem;
        padding-left:0.5rem;
        color: #fff;
        content: "/";
    }
    .breadcrumb-item:last-child::after {
        content:" ";
    }

    .breadcrumb-item a {
        color: #fff;
        text-decoration: none;
        background-color: transparent;
    }

    .breadcrumb-item a:hover {
        color: var(--primary-color);
        text-decoration: underline;
    }

    .breadcrumb-item.active {
        color: var(--grey-bg);
    }
    @media (max-width:767px){

        .breadcrumb {
            margin-top:0px;
            padding-top:0px;
        }
        .breadcrumb-item {font-size:14px;}
    }
    /* breadcrumbs ends */
    .hero-wrap {
    background-size: cover;
    background-position: center center;
    padding-top: 200px;
    padding-bottom: 80px;
    min-height: calc(100vh - 100px);
    position: relative;
    margin-top: 0px;
    }
    .hero-wrap:before {
        content: "";
        position: absolute;
        width: 70%;
        height: 100%;
        background: linear-gradient(270.47deg, rgba(0, 0, 0, 0) 3.65%, #000000 95.61%);
        opacity: .8;
        transition: ease all .2s;
        z-index: 1;
        top: 0px;
    }
    .hero-wrap .container {
        position: relative;
        z-index: 3;
    }
    .hero-wrap.inner {
        min-height: 500px;
        padding-top: 150px;
    }
    .exp-badge {
        position: absolute;
        bottom: 20px;
        display: flex;
        align-items: center;
        z-index: 2;
    }
    .exp-badge img {
        max-width: auto;
        max-height: 136px;
        margin-right: 30px;
    }
    .hero-wrap.blog {padding-top:150px;padding-bottom:50px;}
    .hero-wrap.blog img{
        border: 4px solid #9cbdef;
        border-radius: 16px;
        box-shadow: 20px 20px 0px rgb(12, 34, 68, 1);
    }

    .btw{padding-right: 50px;}
    .bh {
        font-size: 54px;
        font-weight: 600;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 25px;
    }
    .bsh {
        color: #fff;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 400;
        width: 80%;
    }


    .dw80 {
    width: 80%;
    }
    .blog .bh {margin-top:0px;}
    /* hero area ends */


    /* form style start here*/
    .form.mt-2 {
        margin-top:10px!important;
    }
    .fmain {
    position: relative;
    }
    .form-wrap {
    background-color: rgba(232, 221, 204, 1);
    border-radius: 6px;
    border: 1px solid var(--light-blue);
    padding: 30px 30px 30px;
    position: relative;
    z-index: 2;
    }
    .form-shd {
        width: 250px;
    height: 30px;
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    right: auto;
    background-color: #0d0d0d;
    filter: blur(18px);
    z-index: 1;
    transform: translateX(-50%);
    opacity: .5;
    }
    .form-header {
    color: #000;
    text-align: center;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    }
    .form-header span{
            font-size: 14px;
        font-weight: 400;
        color: var(--body-text-color);
        display: block;
        margin-top: 5px;
        margin-bottom:0px;
    }
    .form-control {
    color: var(--body-text-color);
    width: 100%;
    height: 46px;
    border: 1px solid #d4b98f;
    border-radius: 6px;
    padding: 0px 10px;
    margin-top: 10px;
    font-size: 15px;
    font-family: var(--bs-body-font-family);
    background-color: transparent;
    }
    input::placeholder {
        color: var(--body-text-color);
    }
    textarea.form-control{height: 90px;padding: 10px 15px;}
    input:focus-visible, textarea:focus-visible, select:focus-visible{
    border: 1px solid #000;
    outline: none;
    }
    .btn-f {

    padding: 10px 20px;
    margin-top: 15px;
    }
    .btn-f::after {
    width: 0;
    }
    .tabs {
    display: flex;
    flex-direction: column;
    }

    .tabs input[type="radio"] {
    margin: 0px;
    }

    .tabs label {
    margin-left: 5px;
    cursor: pointer;
    }

    .tabs input[type="radio"]:checked + label {
    color: var(--primary-color);
    }

    .tab-content {
    display: none;

    }

    #tab1:checked ~ #content1,
    #tab2:checked ~ #content2 {
    display: block;
    }
    .rbw {display: flex;align-items: center;
    margin-bottom: 20px;
    background-color: var(--light-blue);
    padding: 15px;
    border-radius: 8px;
    flex-direction: row;
    flex-wrap: wrap;
    }
    .fih {font-weight: 500;
    font-size: 18px;
    color: var(--secondry-color);
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    }
    .rb {
    display: flex;
    align-items: center;
    width: 50%;
    }
    .tf {
    column-gap: 5px;
    }
    .checkbox-container {
    margin: 10px 0px 15px;
    float: left;
    }

    .checkbox {
    margin-right: 5px;
    }

    .checkbox-label {
    margin-right: 15px;
    cursor: pointer;
    margin-left: 0px!important;
    font-size: 15px;
    }
    .cbw {display: block;float: left;}
    .cbw .cb {float: left;}
    .cbw .cb:first-child{
    margin-right: 15px;
    }
    .strong {font-weight: 600;}
    .btc .rb {
    color: var(--text-light);
    font-size: 14px;
    margin-bottom: 6px;
    }
    .btc .rb input {margin: 0px;
    margin-right: 8px;}
    .bmc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    }
    .fcu {
    border-top: 1px solid var(--light-blue);
    border-bottom: 1px solid var(--light-blue);
    padding: 15px 0px;
    margin: 15px 0px 20px;
    background-color: var(--secondry-color);
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    }
    .fcu p {
    font-size: 24px;
    font-weight: 500;
    color: #fff
    }
    .fcu .cnt, .fcu .cnn {color: #fff;}
    .fcu .call-btn {
    background-color: var(--primary-color);
    }
    .small {
    font-size: 14px;
    color: var(--body-text-color);
    margin-bottom: 7px;
    }
    .ot {display:flex;align-items:center;}
    .ot .fih {
        font-weight: 400;
        font-size: 14px;
        color: #0a0a0a;
        text-align: left;
        margin-bottom: 0px;
        width: 30%;
        border-right: 1px solid #e4e4e4;
        line-height: 1.4;
    }
    .otd {width: 70%;
        text-align: left;
        padding-left: 20px;
    }
    .otd .small {margin-bottom:0px;}
    /* form style ends here*/

    @media(max-width:1199px){
    .dw80 {width: 100%;}
    .dp {
    font-size: 20px;
    line-height: 1.4;
    width: 100%;
    }
    .nav-link {padding:15px 20px}
    .header {padding: 0px;}
    .submenu {
        background-color: var(--grey-bg);
        border-radius: 0px;
                box-shadow: none;
    }

    .submenu li {
        border-bottom: 1px solid #dfdbdb;
    }
    .hero-wrap, .hero-wrap.inner {padding-top: 50px;
        margin-bottom: 20px;
        background-size: cover;
    min-height: auto;
        padding-bottom: 20px;
    }
    .bh {font-size: 24px;
        width: 100%;
    }
    .btw {
        padding-right: 0px;
    }
    .bp {
        width: 100%;
        align-items: flex-start;
        margin-bottom: 0px;
    }
     .bp li {
        padding-right: 10px;
    }
    .plus-minus-icon{width:16px;height:16px;margin-top:14px!important;}

    .nav-item{width:100%;display:block;border-top:1px solid var(--fill-hover-btn);border-radius:0px;}
    .nav {transition:all .3s;padding-top:50px;padding-bottom:50px;transition: all .5s; overflow: auto;
     align-items: baseline; justify-content: flex-start; text-align: left;
    flex-direction: column;position:fixed;width:340px!important;left:-340px;top:0px;background-color:#fff;z-index:1050;border-right:4px solid var(--fill-hover-btn);height:100vh;transition:all .3s;}
    .menu-toggle{display:block}
    .nav.active {left: 0px;}
    .close-btn {display: block;}
    .submenu {position:relative;top:0px;min-width: auto;}
    .submenu::after {border:none;}
    .dynamic-list {border-radius:0px;box-shadow:none}
    .dynamic-list::after{border:none}
    .nav-link {border-radius:0px;}
    .backdrop.active {display: block;}
    }
    @media (max-width: 991px) {

        .wi-wrap {
            height: 400px;
        }
        .form-header {
            margin-bottom: 20px;
        }
        .header {
            background-color: #fff;
            background-image: none;
        }
        nav {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .nav-link {color: #0c0407}
        .inq-btn {display: none;}
            .h1, .h2, h1, h2 {
            font-size: 32px;
            letter-spacing: -.5px;
        }
        .bsh {
            font-size: 18px;
            width: 100%;
        }
        .exp-badge img {
        max-height: 100px;
        width: auto;
        max-width: auto;
        }
        .exp-badge {
        padding: 30px 10px 0px;
        position: relative;
        bottom: 0px;
    }
        .hero-wrap, .hero-wrap.inner {
            padding-top: 100px;
            padding-bottom: 25px;
            margin-bottom: 20px;
            margin-top: 0px;
        }
        .header-top {display: none;}

        .hero-wrap.blog {margin-bottom:50px!important;padding-top:120px;padding-bottom:30px;}
    .hero-wrap.blog img {display:none;}
    .hero-wrap.blog .justify-content-start {justify-content:center!important;}
    .hero-wrap.blog h1, .hero-wrap.blog p {text-align:center;}
    .form-wrap {padding: 20px;border-radius: 6px;}
    .btw {order: 2;padding-right: 15px;padding-top: 40px;}
    }
    @media (min-width:768px){
    .fbw{display: none;}
    }
    @media (max-width:767px) {
    :root {
        --big-radius: 16px;
    }
    .form-header {
        font-size: 20px;
        letter-spacing: -.5px;
    }
    .form-header span {
        margin-top: 3px;
        margin-bottom: 15px;
    }
    
    .logo img {max-width:110px;}
    img {max-width: 100%;height: auto;}
    .btw {order: 2;padding-right: 15px;padding-top: 40px;}

    .fbw {
        width: 100%;
        height: 50px;
        position: fixed;
        bottom: 0;
        background-color: #fff;
        border-top: 1px solid var(--light-blue);
        z-index: 1090;
        display: flex;
        transition: transform 0.3s ease-in-out;
        justify-content: space-between;
        background-color: var(--primary-color);
    }
    .fb-q, .fb-c {
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primary-color);
        color: #fff;
        font-size: 15px;
        border-right: 1px solid var(--primary-color-light);
    }
    .fb-q .btn, .fb-c .btn {
        background-color: transparent;
        font-size: 15px;
        font-weight: 400;
        padding: 0px;
    }
    .fb-q a {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
    }
    .fb-q img {
        width: 30px;
        margin-right: 10px;
    }
    .fb-c {
        background-color: var(--secondry-color);
    }
    .fb-c a {
         width: 100%;
         height: 100%;
        display: flex;
        align-items: center;
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        font-weight: 400;
    }
    .fb-c .call-btn {
        margin-right: 5px;
        width: 30px;
    }
    .btt {
        width: 44px;
        height: 44px;
        background-color: transparent;
        border-radius: 50%;
        /* box-shadow: 0px 1px 3px #787878; */
        position: relative;
        top: 4px;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        right: 10px;
    }
    .btt svg {fill: white}
    .hidden {
            transform: translateY(calc(100% + 20px));
        }
    .form-control.email, .form-control.phn {width: 100%!important;}

    }


    .lead {
    font-size: 18px;
    }
    .lead-t {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    }
    .text-white {
    color: #fff;
    }



    /* above the fold ends */