@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560;9..144,680&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  /* USCA Carrentals — navy + maple red (logo) */
  --color-primary:#002858;
  --color-primary-hover:#1A4E8C;
  --color-accent:#F08800;
  --color-accent-dark:#C66A00;
  --color-accent-soft:#F4F7FB;
  --color-bg:#F4F7FB;
  --color-surface:#FFFFFF;
  --color-text:#111111;
  --color-text-muted:#5C5C5C;
  --color-border:#CFCFCF;
  --color-success:#178A4C;
  --color-error:#F08800;
  /* legacy aliases (keep existing var() call sites working) */
  --purple-dark:var(--color-primary);
  --purple:var(--color-primary);
  --purple-light:var(--color-primary-hover);
  --coral:var(--color-accent);
  --coral-dark:var(--color-accent-dark);
  --lavender:#F4F7FB;
  --text-dark:var(--color-text);
  --text-muted:var(--color-text-muted);
  --new-font: "Fraunces", sans-serif;
}
body{ font-family: "Manrope", sans-serif!important; color: var(--color-text); background: var(--color-bg);}


.cookie-active .new_contact_page-contact-section{
    background: #F4F7FB;
    padding: 130px 0 90px;
}
.cookie-active .hero-section{    padding: 10rem 20px 1rem;}
@media (max-width: 767px) {
    .cookie-active .hero-section{    padding:8rem 5px 1rem;}
    body.cookie-active .call_banner_offer_card, body.banner-active .call_banner_offer_card{
        padding-top: calc(var(--cr-header-height, 6rem) + 0.025rem);
        height: auto;
        overflow: visible;
    }
}






















 
  
   
   
   
   
  
   
    

    @keyframes all{0% {
    transform: scale(0.8);
}
100% {
    transform: scale(1.2);
}}
    
    

    

    @keyframes blink12{0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.2;
}}


.rj_top_box div{width:100%;line-height: 10px;}



.rj_top_box, .rj_bottom_box{margin-bottom:1.2px;background:#fff;min-height:60px;display:flex;align-items:center;padding:0 5px;gap:8px;border: 1px solid #E3E3E3;border-radius:8px;}

.rj_top_box svg, .rj_bottom_box svg{
    width:20px;
    height:20px;
    flex-shrink:0;
    stroke:#333;
}


.rj_top_box small, .rj_bottom_box small{
    display:block;
    font-size:9px;
    text-transform:uppercase;
    color:#505050;
    margin-bottom:0px;
}
.rj_top_box input::placeholder, .rj_bottom_box input::placeholder{font-size:16px;font-weight:400;color:#000;}
.rj_top_box input, .rj_bottom_box input, .rj_top_box select{
    border:none;
    outline:none;
    background:none;
    width:100%;
    padding:0;
    font-size:14px;
    font-weight:400;
    text-overflow:ellipsis;
  
    padding:3px 8px 3px 0;
}
.rj_top_box input, .rj_bottom_box input{text-overflow:ellipsis;}
.rj_btn{
   width: 100%;
    height: 60px;
    border: none;
    border-radius: 6px;
    background:#F08800;
    color: #fff;
    font-size: 18px;
    font-weight:500;
    margin-left: 0px;
}
.top_border{border-top-left-radius:8px;border-bottom-left-radius:8px;}

.rj_check{
    display:flex;
    gap:12px;
    margin-top:8px;
    align-items:flex-start;
}

.rj_check input{
    width:20px;
    height:20px;
}

.rj_check span{
    font-size:12px;
    line-height:1.7;
    font-weight:400;
    opacity:0.8;
    color:#000;
}

.rj_check a{
    color:#1A4E8C;
}

.rj_error_field{
    background:#ffdede !important;
    /*border:1px solid #ff3b30 !important;*/
}

.rj_error_field input, .rj_error_field select{
    background:transparent !important;
    color:#8b0000 !important;
}

.rj_error_field small, .rj_error_field svg{
    color:#8b0000 !important;
}

.rj_check.rj_error_field{
    background:#ffdede !important;
    border-color:#ff3b30 !important;
}

.rj_check.rj_error_field span, .rj_check.rj_error_field label{
    color:#8b0000 !important;
}


  /*<!------------new-------------spanish--------------css------------------------!>*/

  .hero-section{
    padding: 7.5rem 0 2rem 0;
}
















.container{
    width:100%;
    max-width:1320px;
    margin:auto;
    padding:0 15px;
}



/*==============================
    LEFT IMAGE
===============================*/

















/*==============================
    RIGHT
===============================*/







/*==============================
    CAR GRID
===============================*/











.car-image{
    text-align:center;
    margin: 0;
}

.car-image img{
 width: 138px;
    /* max-width: 190px;*/
    transition:.4s;
}














/*==============================
    1200px
===============================*/






.container{
    max-width:1320px;
    margin:auto;
    padding:0 15px;
}

.section-heading{
    margin-bottom:45px;
}

.section-heading h2{
    font-size:40px;
    font-weight:700;
    color:#000;
    margin-bottom:12px;
}

.section-heading p{
    max-width:760px;
    color:#000;
    line-height:1.8;
    font-size:16px;
}

/* Grid */



/* Card */















/* Hover */






@media(max-width:992px){



.section-heading h2{
    font-size:36px;
}



}


/*====================================
    VALUE RENTAL SECTION
====================================*/




/*========================
    Heading
========================*/

.section-title{
    text-align:center;
    max-width:900px;
    margin:0 auto 70px;
}



.section-title h2{
   font-size: 40px;
    line-height: 1.15;
    font-weight: 700;
    color: #000000;
    margin-bottom: 18px;
}

.section-title p{
    color:#666;
    font-size:16px;
    line-height:1.8;
}





















/* Grid */














/* =========================================
   FAQ ACCORDION — Roadside Teal + Sunset
========================================= */













.car_faqquestion_wrapper{
    max-width: 100%;
    margin: 0 auto;
}

.car_faqquestion_item{
    display: block;
    align-items: stretch;
    gap: 0;
    margin-bottom: 10px;
}



.car_faqquestion_box{
    flex: 1;
    border: 1px solid rgba(0, 40, 88, 0.18);
    border-radius: 0;
    overflow: hidden;
    transition: background-color 0.22s ease, border-color 0.22s ease;
    background: #FFFFFF;
    box-shadow: none;
}

.car_faqquestion_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.15rem;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.22s ease;
}

.car_faqquestion_title h3{
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
    color: #002858;
    font-family: "Manrope", sans-serif;
    line-height: 1.35;
    transition: color 0.22s ease;
}

.car_faqquestion_item.active .car_faqquestion_box .car_faqquestion_title h3{
    font-weight: 700;
    color: #002858;
}

.car_faqquestion_icon{
    width: auto;
    height: auto;
    min-width: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: #F08800;
    background: transparent;
    border: 0;
    border-radius: 0;
    transition: color 0.22s ease, transform 0.22s ease;
}

.car_faqquestion_content{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    padding: 0 1.15rem;
}

.car_faqquestion_content p{
    padding: 0 0 1rem;
    color: #5C5C5C;
    line-height: 1.65;
    font-size: 0.875rem;
    margin: 0;
}

.car_faqquestion_box:hover{
    border-color: rgba(0, 40, 88, 0.28);
    box-shadow: none;
    transform: none;
    background: #F4F7FB;
}

.car_faqquestion_box:hover .car_faqquestion_title{
    background: transparent;
}

.car_faqquestion_box:hover .car_faqquestion_icon{
    border-color: transparent;
    color: #C66A00;
}

.car_faqquestion_item.active .car_faqquestion_box{
    border-color: #F08800;
    box-shadow: none;
    background: #F4F7FB;
}

.car_faqquestion_item.active .car_faqquestion_title{
    background: transparent;
}



.car_faqquestion_item.active .car_faqquestion_icon{
    color: #F08800;
    background: transparent;
    border-color: transparent;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .car_faqquestion_box, .car_faqquestion_title, .car_faqquestion_icon, .car_faqquestion_content{
        transition: none;
    }

    .car_faqquestion_box:hover{
        transform: none;
    }

    .car_faqquestion_item.active .car_faqquestion_icon{
        transform: none;
    }
}






/* Heading */












/* Item */







/* Icon */
























/* Button */







/*==========================
Responsive
===========================*/















/* Tablet */
















.footer{
 background:#002858;
    padding: 34px 0 25px;
    color:#CFCFCF;
}

.footer .container{
    max-width:1200px;
    margin:auto;
    padding:0 15px;
}

.footer-top{
    display:flex;
    justify-content:space-between;
    gap:60px;
    padding-bottom:45px;
    border-bottom:1px solid rgba(255,255,255,.08);
}










.footer-links, .footer-contact{
    flex:1;
}

.footer h4{
    color:#fff;
    font-size:18px;
    margin-bottom:14px;
    font-weight:700;
}

.footer ul{
    margin:0;
    padding:0;
    list-style:none;
}

.footer ul li{
    margin-bottom:10px;
}

.footer ul li a{
    color:#CFCFCF;
    text-decoration:none;
    transition:.3s;
    font-size:14px;
}

.footer ul li a:hover{
    color:#fff;
    padding-left:6px;
}

.footer-contact li{
    color:#CFCFCF;
    font-size:15px;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-top:25px;    padding-top: 2px;
}

.footer-bottom p{
    margin:0;
    font-size:13px;
    color:#fff;
}

.footer-social{
    display:flex;
    gap:10px;
}

.footer-social a{
    width:38px;
    height:38px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(255,255,255,.06);
    color:#fff;
    border-radius:6px;
    transition:.3s;
    text-decoration:none;
}

.footer-social a:hover{
    background:#F08800;
    transform:translateY(-3px);
}

@media(max-width:991px){

    .footer-top{
        flex-wrap:wrap;
        gap:40px;
    }

    

    .footer-links, .footer-contact{
        width:calc(50% - 20px);
        flex:none;
    }

    .footer-bottom{
        flex-direction:column;
        gap:20px;
        text-align:center;
    }

}

@media(max-width:576px){

    .footer{
             padding: 12px 0 20px;
    }

    .footer-links{
        width:47%;
    }

    .footer-contact{
        width:100%;
    }
    
    
        .footer-top{
        flex-wrap: wrap;
        gap: 8px;
    }
  
}


.footer-social img{    width: 330px;}


/*=====================================
    Header
=====================================*/

.cr-header{
    position:relative;
    z-index:999;
      width: 100%;
    background: unset;
    position: fixed;
    top: 0;
}

.cr-navbar{
    height:82px;
    background:#FFFFFF;
}

.cr-navbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:82px;
}
.cr-call-btn span{color:#fff;font-size:12px;}
.cr-call-btn div{line-height:16px;}

/*=====================================
    Logo
=====================================*/

.cr-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.cr-logo img{
    width:155px;
    max-width:100%;
    height:auto;
}

/*=====================================
    Desktop Navigation
=====================================*/

.cr-navigation{
    margin-left:auto;
    margin-right:30px;
}

.cr-navigation ul{
    display:flex;
    align-items:center;
    gap:40px;
    margin:0;
    padding:0;
    list-style:none;
}

.cr-navigation a{
    color:#002858;
    text-decoration:none;
    font-size:15px;
    font-weight:400;
    transition:.3s;
}

.cr-navigation a:hover{
    color:#F08800;
}

/*=====================================
    Right
=====================================*/

.cr-right{
    display:flex;
    align-items:center;
    align-self:center;
    height:100%;
    gap:18px;
}

/*=====================================
    Call Button
=====================================*/

.cr-call-btn{
 display: flex;
  align-items: center;
  gap: 3px;
  padding: 7px 9px 7px 9px;
  border-radius: 5px;
  background:#F08800;
  text-decoration: none;
  transition: .3s;
  margin: 0;
  line-height: 1;
}

.cr-call-btn img{
    width:18px;
    height:18px;
    display:block;
    object-fit:contain;
}

.cr-call-btn small{
    display:block;
    color:#fff;
    font-size:12px;
    line-height:1;
}

.cr-call-btn strong{
    display:block;
    color:#fff;font-weight:600;
    font-size:13.5px;
    line-height:1.2;
    margin:0;
}

/*=====================================
    Hamburger
=====================================*/

.cr-menu-btn{
    display:none;
    width: 28px;
    height: 32px;
    border: none;
    background: #0d6efd00;
    border-radius: 10px;
    cursor: pointer;
    padding: 0;
    margin-left: 4px;
    position: relative;
    flex-shrink: 0;
}

.cr-menu-btn span{
    position: absolute;
    left: 3px;
    width: 22px;
    height: 2px;
    background: #002858;
    transition: .3s;
    border-radius: 54px;
}

.cr-menu-btn span:nth-child(1){
    top:8px;
}

.cr-menu-btn span:nth-child(2){
    top:15px;
}

.cr-menu-btn span:nth-child(3){
    top:22px;
}

/*=====================================
    Cookie
=====================================*/

.cr-cookie{
    /* position: fixed; */
    left: 25px;
    bottom: 25px;
    /* width: 360px; */
    background: #fff;
    border-radius: 0px;
    /* box-shadow: 0 15px 45px rgba(0, 0, 0, .12); */
    padding: 6px;
    z-index: 99999;
    transition: .35s;
    background:#F3EBE3;
}
.cr-cookie-content{    display: flex;
    align-items: center;
    justify-content: center; gap:5px;}

.cr-cookie.show{
    visibility:visible;
    opacity:1;
    transform:none;
}

.cr-cookie-content p{
    margin:0;
    line-height:1.7;
    color:#000;
    font-size:13px;
}

.cr-cookie-buttons{
    display:flex;
       gap: 8px;
}

.cr-btn{
  border: none;
    cursor: pointer;
    border-radius:6px;
    padding: 5px 9px;
    font-weight: 600;
    font-size: 12px;border: 1px solid #d1c7d3;
}

.cr-btn-primary{
    background:#F08800;
    border-color:#F08800;
    color:#fff;
}

.cr-btn-light{
    background:#fff;
}



/*=====================================
    Overlay
=====================================*/

.cr-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);

    visibility:hidden;
    opacity:0;

    transition:.3s;
    z-index:998;
}

.cr-overlay.active{
    visibility:visible;
    opacity:1;
}

/*=====================================
    Sidebar
=====================================*/

.cr-sidebar{
    position:fixed;
    top:0;
    right:-360px;
    width:340px;
    max-width:100%;
    height:100vh;
    background:#fff;
    z-index:999;
    transition:.35s;
    display:flex;
    flex-direction:column;
    box-shadow:-8px 0 35px rgba(0,0,0,.12);
}

.cr-sidebar.active{
    right:0;
}

.cr-sidebar-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #eee;
}

.cr-sidebar-head img{
    width: 120px;
    max-width: 55%;
    height: auto;
    display: block;
    object-fit: contain;
}

#crSidebarClose{
    border:none;
    background:none;
    font-size:34px;
    cursor:pointer;
    color:#444;
}

.cr-sidebar-body{
    flex:1;
    overflow:auto;
        padding: 8px 22px;
}

.cr-sidebar-body ul{
    list-style:none;
    padding:0;
    margin:0;
}

.cr-sidebar-body li{
    border-bottom:1px solid #eee;
}

.cr-sidebar-body a{
    display:block;
    padding: 14px 0;
    color:#222;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.cr-sidebar-body a:hover{
    color:#0d6efd;
    padding-left:10px;
}

.cr-sidebar-contact{
 margin-top: 12px;
    background: #f7f9fc;
    border-radius: 15px;
    padding: 8px;
}

.cr-sidebar-contact p{
    margin-bottom:6px;
    color:#666;
    font-size:14px;
}

.cr-sidebar-contact a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:0;
    color:#0d6efd;
    font-weight:700;
}

.cr-sidebar-contact img{
    width:22px;
}

/*=====================================
    Responsive
=====================================*/

@media(max-width:991px){

    .cr-navigation{
        display:none;
    }

    .cr-call-btn{
        display:none;
    }

    .cr-menu-btn{
        display:block;
    }

}

@media(max-width:576px){


    .cr-navbar{
        height:72px;
    }

    .cr-navbar-inner{
        height:72px;
    }

    .cr-logo img{
        width:112px;
    }

    .cr-sidebar{
        width:100%;
        right:-100%;
    }

}





































































































.cookie-active .banner-section{padding-top:5rem;}
.banner-section{padding-top:3rem;
    background:#002858;
}


.banner-abt{
    padding:70px 0;
    text-align:center;
}

.banner-abt h1{
    font-size:42px;
    font-weight:700;
    color:#fff;
    margin-bottom:15px;
}

.banner-abt ol{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.banner-abt ol li{
    color:#d7e6f7;
    font-size:16px;
}

.banner-abt ol li a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.banner-abt ol li a:hover{
    color:#F08800;
}

.banner-abt .active{
    color:#F08800;
    font-weight:600;
}

/*===============================
        CONTENT
================================*/

.sitemap-content{
    padding:70px 0;
    background:#fff;
}

.sitemap-content .container{
    max-width:1200px;
    margin:auto;
}

.sitemap_block{
    margin-bottom:45px;
}

.main-heading{
    font-size:28px;
    font-weight:700;
    color:#002858;
    margin-bottom:20px;
    padding-bottom:12px;
    border-bottom:2px solid #e9ecef;
    position:relative;
}

.main-heading::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:70px;
    height:2px;
    background:#002858;
}

.sitemap-links{
    margin:0;
    padding:0;
    list-style:none;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:15px 35px;
}

.sitemap-links li{
    list-style:none;
}

.sitemap-links li a{
    display:flex;
    align-items:center;
    color:#555;
    font-size:17px;
    text-decoration:none;
    transition:.3s;
    padding:10px 15px;
    border:1px solid #e9ecef;
    border-radius:8px;
    background:#fff;
}

.sitemap-links li a::before{
    content:"➜";
    margin-right:10px;
    color:#002858;
    font-size:15px;
}

.sitemap-links li a:hover{
    color:#002858;
    border-color:#002858;
    background:#F4F7FB;
    transform:translateX(6px);
}

/*===============================
        RESPONSIVE
================================*/

@media(max-width:991px){

    .banner-abt{
        padding:55px 0;
    }

    .banner-abt h1{
        font-size:34px;
    }

    .main-heading{
        font-size:24px;
    }

    .sitemap-links{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .sitemap-content{
        padding:50px 0;
    }

    .banner-abt h1{
        font-size:28px;
    }

    .main-heading{
        font-size:22px;
    }

    .sitemap-links{
        grid-template-columns:1fr;
    }

    .sitemap-links li a{
        font-size:16px;
        padding:12px 14px;
    }

}

@media(max-width:480px){

    .banner-abt{
        padding:45px 0;
    }

    .banner-abt h1{
        font-size:24px;
    }

    .banner-abt ol li{
        font-size:14px;
    }

}

.about-section{
    padding:70px 0;
    background:#fff;
}















@media(max-width:768px){

    .about-section{
        padding:50px 0;
    }

    

    

}


/*==============================
        CONTACT PAGE
==============================*/























/* Form */




















.cr-cookie{
    display: block;
}

.cr-cookie.hide{
    display: none;
}

.vcr_footer_disclaimer p{    font-size: 13px;
    padding-top: 12px;
    color: #fff;
    line-height: 20px;}





























.call_banner_offer_card{
    background: #0a1428;
    overflow: hidden;
    padding-top: 5rem;
    position: relative;
    z-index: 9;
    display: none;
    margin-bottom: 0 !important;
}

.call_banner_hero{
    position: relative;
    background: url(/images/call_bannerbg.webp) center 42% / cover no-repeat;
    height: 100%;
    min-height: 560px;
    isolation: isolate;
}

.call_banner_overlay{
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
      linear-gradient(
        180deg,
        rgba(10, 20, 40, 0.92) 0%,
        rgba(0, 40, 88, 0.55) 18%,
        rgba(10, 20, 40, 0.12) 42%,
        rgba(10, 20, 40, 0.08) 58%,
        rgba(0, 40, 88, 0.62) 78%,
        rgba(10, 20, 40, 0.94) 100%
      ),
      radial-gradient(ellipse 90% 55% at 50% 48%, transparent 0%, rgba(10, 20, 40, 0.35) 100%);
}
.call_banner_overlay::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, #F08800 0%, #1A4E8C 55%, #002858 100%);
}
.call_banner_overlay::after{
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, transparent 0%, rgba(240, 136, 0, 0.12) 100%);
    pointer-events: none;
}
.call_banner_hero_content{
    position: relative;
    z-index: 2;
    padding: 1.25rem 1.1rem 1.75rem;
    color: #fff;
    padding-top: 3.25rem;
    display: flex;
    flex-direction: column;
    min-height: 560px;
    box-sizing: border-box;
}
.new_banners{
    max-width: 22rem;
}
.new_banners p{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.55;
    margin: 0;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}
.new_banners h2{
    font-size: 1.75rem;
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin: 0 0 0.7rem;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
    font-style: italic;
}
.new_banners h2::after{
    content: "";
    display: block;
    width: 2.75rem;
    height: 3px;
    margin-top: 0.75rem;
    border-radius: 3px;
    background: #F08800;
    box-shadow: 0 0 12px rgba(240, 136, 0, 0.55);
}
.new_banners_center{
    margin: auto 0 1.35rem;
    display: flex;
    justify-content: center;
    padding-top: 7.5rem;
}
.new_banners_center p{
    text-align: center;
    margin: 0;
    width: auto;
    min-width: 9.5rem;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background:
      linear-gradient(145deg, rgba(0, 40, 88, 0.72) 0%, rgba(20, 40, 80, 0.88) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 0.7rem 1.35rem 0.85rem;
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.15;
    color: #fff;
    border-radius: 14px;
    letter-spacing: 0.02em;
    box-shadow:
      0 10px 28px rgba(0, 0, 0, 0.35),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
    position: relative;
}
.new_banners_center p::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    border-top: 2px solid #F08800;
}
.new_banners_center p span{
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #ff6b63;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 0.15rem;
}
.new_banners_bottom{
    width: 100%;
}
.new_banners_bottom a{
    text-decoration: none;
    background: linear-gradient(180deg, #C66A00 0%, #F08800 55%, #C66A00 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    border: 0;
    border-radius: 14px;
    padding: 0.85rem 1.35rem 1rem;
    font-family: "Manrope", sans-serif;
    box-shadow:
      0 12px 28px rgba(240, 136, 0, 0.42),
      0 0 0 1px rgba(255, 255, 255, 0.08) inset;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    animation: callBannerCtaPulse 2.8s ease-in-out infinite;
}
.new_banners_bottom a:hover, .new_banners_bottom a:focus{
    background: linear-gradient(180deg, #F08800 0%, #C66A00 100%);
    color: #fff;
    box-shadow: 0 14px 32px rgba(160, 20, 14, 0.5);
    transform: translateY(-2px);
    animation: none;
}
.new_banners_bottom a span{
    font-size: 11px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.92);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    line-height: 1.2;
}
.new_banners_bottom a p{
    margin: 0.4rem 0 0;
    padding: 0.55rem 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.28);
    width: 100%;
    text-align: center;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    line-height: 1.2;
    color: #fff;
}
.new_banners_bottom strong{
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
    margin: 0.85rem 0 0;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82);
    font-family: "Manrope", sans-serif;
    letter-spacing: 0.04em;
}
.new_banners_bottom strong::before, .new_banners_bottom strong::after{
    content: "";
    width: 1.5rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.35);
}
@keyframes callBannerCtaPulse {
    0%, 100% { box-shadow: 0 12px 28px rgba(240, 136, 0, 0.42), 0 0 0 0 rgba(240, 136, 0, 0.35); }
    50% { box-shadow: 0 12px 28px rgba(240, 136, 0, 0.42), 0 0 0 10px rgba(240, 136, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .new_banners_bottom a, .new_banners_bottom a:hover, .new_banners_bottom a:focus{
        transition: none;
        transform: none;
        animation: none;
    }
}














.call_banner_hero_content h1{
    font-size:50px;
    line-height: 1;
    color: #fff;
    font-weight:700;letter-spacing: -2px;
    margin-bottom: 15px;
 
    text-shadow: 0 5px 10px rgba(0, 0, 0, .25);  font-style: italic;
}




/* Check mark */
.check-icon{
    color:#fff;
    font-size:24px;
    font-weight:400;
    line-height: 1;
    flex-shrink: 0;
}

/* Center lock */





/* Left side spacing */


/* Right side spacing */










.call_banner_hero_content h3{
    margin: 18px 0;
    font-size: 17px;
    font-weight: 600;
}

   








@media (max-width: 767px) {
        
        
     

        
     .call_banner_hero_content h1{
        font-size:48px;
     
    }
       .call_banner_offer_card{
        width: 100%;
        margin: 0 !important;
        display: block;
    }
    .call_banner_offer_card + .new_banner, body.cookie-active .call_banner_offer_card + .new_banner, body.banner-active .call_banner_offer_card + .new_banner{
        padding-top: 1.15rem !important;
        padding-bottom: 1.25rem !important;
        height: auto !important;
        min-height: 0;
        overflow: visible;
        position: relative;
        z-index: 1;
    }
    .call_banner_hero{
        height: auto;
        min-height: 540px;
        margin-top: 0;
        background-position: center 40%;
    }
    .call_banner_hero_content{
        min-height: 540px;
        padding-top: 2.75rem;
        padding-bottom: 1.5rem;
    }
    .new_banners h2{
        font-size: 1.65rem;
    }
    .new_banners_center{
        padding-top: 6.5rem;
    }

        
}




.hero-section{
    padding: 7rem 20px 1rem;
    background: #F4F7FB;    margin-bottom: 1rem;
}

.hero-section .container{
    max-width: 1100px;
    margin: 0 auto;
}

.hero-title{
    margin: 0 0 18px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #1f2937;
}

.hero-text{
    max-width: 850px;
    margin: 0 auto 12px;
    font-size: 16px;
    line-height: 1.7;
    color: #6b7280;
}

.hero-text strong{
    color: #374151;
    font-weight: 600;
}

.hero-image-wrap{
    margin-top: 45px;
    overflow: hidden;
    border-radius: 16px; display:none;
}

.hero-image{
    display: block;
    width: 100%;
    height: 330px;
    object-fit: cover;
}

/* Responsive */
@media (max-width: 767px) {
    .hero-section{
        padding: 45px 15px 0;
    }

    .hero-title{
        font-size: 30px;
        margin-bottom: 15px;
    }

    .hero-text{
        font-size: 14px;
        line-height: 1.6;
    }

    .hero-image-wrap{
        margin-top: 30px;
        border-radius: 12px;
    }

    .hero-image{
        height: 220px;
    }
}

.terms-block{
    margin-bottom: 35px;
}

.terms-heading{
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 600;
    color: #222;
}

.terms-list{
    margin: 0;
    padding-left: 22px;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

.terms-list li{
    margin-bottom: 8px;
}

.terms-list a{
    color: #222;
    text-decoration: none;
}

.terms-list a:hover{
    text-decoration: underline;
}

.contact-card{
    margin-top: 40px;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 8px;margin-bottom:12px;
}

.contact-row{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #555;
}

.contact-row:last-child{
    margin-bottom: 0;
}

.contact-icon{
    width: 25px;
    color: #333;
}

.contact-icon i{
    font-size: 16px;
}

@media (max-width: 767px) {
    .terms-heading{
        font-size: 19px;
    }

    .terms-list{
        font-size: 14px;
        line-height: 1.6;
    }

    .contact-card{
        padding: 15px;
    }
}

.terms-section{padding: 2rem 0;}

/* ================================
   Thank You Section
================================ */

.thankyou-section{
  padding: 120px 0 55px;
    background: #f8f9fb;
}

.ty-title{
    margin: 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: #1d1d1f;
}

.ty-subtitle{
    margin: 8px 0 10px;
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.ty-desc{
    max-width: 680px;
    margin: 0 auto 28px;
    font-size: 15px;
    line-height: 1.6;
    color: #666;
}


/* ================================
   Image
================================ */

.ty-image-wrap{
    max-width: 580px;
    margin: 0 auto 35px;
    text-align: center;
}
.ty-image-wrap img{width:100%;border-radius:15px;}
.go-home-btn{background: #F08800!important;}

.ty-image{
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.btn.go-home-btn{background:#002858!important;color:#fff!important;}
/* ================================
   Booking Details
================================ */

.ty-details{
    max-width: 900px;
    margin: 0 auto 45px;
}

.detail-card{
height: 100%;
    padding: 7px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(201, 147, 47, .12), rgba(201, 147, 47, .03));
    border: 1px solid rgba(201, 147, 47, .35);
}

.detail-label{
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #888;
}

.detail-value{
    display: block;
    min-height: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    word-break: break-word;
}


/* ================================
   Split Cards
================================ */

.split-card{
    display: flex;
    padding: 0;
    overflow: hidden;
}

.split-half{
    flex: 1;
    padding: 7px 14px;
}

.split-half + .split-half{
    border-left: 1px solid #e7e7e7;
}


/* ================================
   Help Section
================================ */

.ty-help{
    max-width: 900px;
    margin: 0 auto;
    align-items: stretch;
}

.next-steps-col{
    padding-right: 20px;
}

.section-title{
    margin: 0 0 20px;
    font-size: 23px;
    font-weight: 700;
    color: #222;
}

.step-list{
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
}

.step-list li{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

.step-icon{
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 50%;
    border: 1.5px solid #1973b3;
    color: #002858;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    position: relative;
    z-index: 2;
    background: #002858;
}

.step-icon img{
      display: block;
    width: 22px;
}


/* ================================
   Home Button
================================ */

.go-home-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 22px;
    border-radius: 7px;
    background: #222;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .2s ease;
}

.go-home-btn:hover{
    background: #000;
    color: #fff;
}

.ty-details, .ty-help{margin:0 auto 2rem !important;}
/* ================================
   Urgent Help
================================ */

.urgent-card{
    /*height: 100%;*/
    padding: 22px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    text-align: center;
}

.urgent-title{
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 700;
    color: #222;
}

.thank_contactmain{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.urgent-agent{
    flex: 0 0 64px;
}

.ty-image1{
       display: block;
    width: 62px;
    height: 62px;
    object-fit: contain;
}


.urgent-call-label{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 600;
    color: #777;
}

.urgent-call-label .line{
    width: 30px;
    height: 1px;
    background: #ddd;
}

.urgent-number{
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #222;
    text-decoration: none;
}

.urgent-number:hover{
    color: #000;
}


/* ================================
   Responsive
================================ */

@media (max-width: 767px) {

    .thankyou-section{
        padding: 90px 0px 40px;
    }

    .ty-title{
        font-size: 34px;
    }

    .ty-subtitle{
        font-size: 19px;
    }

    .ty-desc{
        font-size: 14px;
        margin-bottom: 25px;
    }

    .ty-image-wrap{
        margin-bottom: 25px;
    }

    .ty-details{
        margin-bottom: 35px;
    }

    .detail-card{
        padding: 10px;
    }

    .split-half{
        padding: 10px;
    }

    .detail-value{
        font-size: 14px;
    }

    .next-steps-col{
        padding-right: 0;
    }

    .section-title{
        font-size: 21px;
    }

    .urgent-card{
        padding: 20px 15px;
    }

}

@media (max-width: 575px) {

    .ty-title{
        font-size: 30px;
    }

    .ty-subtitle{
        font-size: 18px;
    }

    .ty-details .col-6, .ty-details .col-md-6{
        width: 100%;
    }

    .split-card{
        display: flex;
    }

    .thank_contactmain{
        gap: 12px;
    }

    .urgent-agent{
        flex-basis: 70px;
    }

    .ty-image1{
        width: 70px;
        height: 70px;
    }

    .urgent-number{
        font-size: 18px;
    }

}

#loader{display:none !important;}

/* Mobile Bottom Call Strip */
.bottom_call_strip{
    display: none;
}

@media (max-width: 767px) {

    .bottom_call_strip{
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: -100px;
        width: 100%;
        z-index: 9999;
        padding: 8px 10px;
            background:#002858;
        border-top: 1px solid #fff;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.12);
         transition: bottom 0.35s ease;
    }


    

    .bottom_call_strip.show{
        bottom: 0;
    }

    .bottom_call_strip_inner{
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 52px;
        padding: 6px 10px;
        border-radius: 8px;
        text-decoration: none;
        color: #222;justify-content: center;
    }

    .bottom_call_left{
        width: 46px;
        height: 46px;
        margin-right: 10px;
        border-radius: 50%;
        overflow: hidden;
    }

    .bottom_call_left img{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bottom_call_center{
        min-width: 0;
        line-height: 1.2;
    }

    .bottom_call_center > span{
        display: block;
        margin-bottom: 3px;
 font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    .bottom_call_right{
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        white-space: nowrap;
    }

    .bottom_call_right svg{
        flex-shrink: 0;
        width: 17px;
        height: 17px;
    }

    .bottom_call_right strong{
        font-size: 17px;
        font-weight: 700;
    }
}


.new_contact_page-contact-section{
  background:
   #F4F7FB;
  padding: 110px 0 90px;
}

.new_contact_page-cu-title{
  font-weight: 800;
  font-size: 2.6rem;
  margin-bottom: 6px;color:#000;
}

.new_contact_page-cu-subtitle{
  font-size: 1.4rem;
  font-weight: 400;
  color: #222;
  margin-bottom: 40px;
}

.new_contact_page-cu-image-wrap{
  max-width: 950px;
  margin: 0 auto 14px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 30px 60px rgba(0,0,0,.4);
}

.new_contact_page-cu-image{
     width: 100%;
    height: 330px;
    object-fit: cover;
    display: block;
    object-position: center;
}

/* ===================== GET IN TOUCH ===================== */
.new_contact_page-cu-touch{
  max-width: 950px;
  margin: 0 auto 60px !important;
}

.new_contact_page-section-title{
  font-size: 1.9rem;
  font-weight: 700;
  margin-bottom: 18px;color:#000;
}

.new_contact_page-cu-lead{
  color: #222;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

.new_contact_page-cu-label{
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 10px;color: #000;
}

.new_contact_page-cu-text{
  color: #000;
  font-size: .95rem;
  line-height: 1.7;
}

.new_contact_page-call-col{
  border-left: 1px solid rgba(201,147,47,.3);
  padding-left: 40px;
}

.new_contact_page-call-card{
  border: 1px solid #666;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 18px;
}

.new_contact_page-call-title{
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 18px; color:#000;
}

.new_contact_page-call-inner{
  display: flex;
  align-items: center;
  gap: 18px;
}

.new_contact_page-agent-photo-wrap{
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--gold-light);
}

.new_contact_page-agent-photo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.new_contact_page-call-info{ flex: 1; }

.new_contact_page-call-label{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #222;
  font-size: .8rem;
  margin-bottom: 6px;
}

.new_contact_page-call-label .new_contact_page-line{
  flex: 1;
  max-width: 40px;
  height: 1px;
  background: rgba(201,147,47,.4);
}

.new_contact_page-call-number{
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  color: #000;
}


.new_contact_page-cu-email{
  color: #000;
  font-size: .95rem;
}
.new_contact_page-cu-email a{
  color: #000;
}
.new_contact_page-cu-email a:hover{ color: var(--gold-light); }

/* ===================== FORM ===================== */
.new_contact_page-cu-form-wrap{
  max-width: 950px;
  margin: 0 auto;
}

.new_contact_page-form-field{
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px 18px 12px;
}

.new_contact_page-form-field label{
  display: block;
  font-size: .8rem;
  color: #000;
  margin-bottom: 2px;
}

.new_contact_page-form-field .form-control, .new_contact_page-form-field .form-select{
  background: transparent;
  border: none;
  padding: 0;
  color: #000;
  font-weight: 600;
  font-size: 1rem;
}

.new_contact_page-form-field .form-control::placeholder{
  color: #000;
  opacity: .55;
  font-weight: 400;
}

.new_contact_page-form-field .form-control:focus, .new_contact_page-form-field .form-select:focus{
  box-shadow: none;
  outline: none;
  background: transparent;
  color: #000;
}

.new_contact_page-form-field .form-select{
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23e8b84b' stroke-width='1.6' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2px center;
  padding-right: 22px;
}

.new_contact_page-form-field .form-select option{
  background: #fff;
  color: #000;
}

textarea.form-control{
  resize: vertical;
  min-height: 90px;
}

.new_contact_page-send-btn{
  display: inline-block;
  padding: 14px 34px;
  border-radius: 8px;
  font-weight: 600;
  color: #fff;
  background:#F08800;
  box-shadow: 0 10px 25px rgba(240, 136, 0, 0.35);
  border: none;
  transition: transform .15s ease;
}
.new_contact_page-send-btn:hover{
  color: #fff;
  background:#C66A00;
  transform: translateY(-2px);
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 991.98px){
  .new_contact_page-cu-title{ font-size: 2.6rem; }
  .new_contact_page-cu-subtitle{ font-size: 1.15rem; }
  .new_contact_page-cu-image{ height: 240px; }
  .new_contact_page-call-col{
    border-left: none;
    padding-left: 15px;
  }
}

@media (max-width: 575.98px){
  .new_contact_page-cu-title{ font-size: 2rem; }
  .new_contact_page-call-title{display:none;}
  .new_contact_page-cu-touch{
    max-width: 950px;
    margin: 0 auto 12px !important;
}
}

/* Accessibility */
a:focus-visible, .form-control:focus-visible, .form-select:focus-visible, .new_contact_page-send-btn:focus-visible{
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}





 
  
 
  
 
  
  
 
  
  
  
 
  










/*.new_home_left h1::after{position:absolute;content:'';background:url(/images/h1_bg.webp);left:0;z-index:1;top:0;background-size:cover;background-position:center;width:350px;height:350px;border-radius:100%;}*/



.navbar-brand{font-weight:800; font-size:1.5rem; color:#fff !important; display:flex; align-items:center; gap:.4rem;}
.navbar-brand i{color:var(--coral);}
.nav-link{color:#002858 !important; font-weight:600;}
.nav-link:hover{color:#F08800 !important;}


.hero-title{color:#000; font-weight:600; font-size:2.1rem; line-height:1.3;}
.hero-title strong{font-weight:800; font-size:2.3rem; display:block;}

















/* call expert */







/* category cards */








/* why book */









/* steps */








/* faq */







/*.new_banner{background:url(/images/3567.jpg)no-repeat;background-size:cover;background-position:center 35%;width: 100%; padding-top:13.4rem;padding-bottom:4rem;}*/
.new_banner{
  position: relative;
  width: 100%;
  padding-top: 16rem;
  padding-bottom: 4rem;
  background-image:
linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0.55) 45%,
    rgba(0, 0, 0, 0.15) 75%,
    rgba(0, 0, 0, 0) 100%
),
    url(/images/hero-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 45%;
}
.new_banner::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 70% 55% at 78% 42%, rgba(240, 136, 0, 0.18) 0%, transparent 62%),
    linear-gradient(180deg, rgba(12, 14, 48, 0.22) 0%, transparent 28%, rgba(12, 14, 48, 0.35) 100%);
}
.new_banner > *{
  position: relative;
  z-index: 1;
}

.new_banner_sub{
    /*max-width:750px;*/
    margin:0 auto 1rem;
    /*text-align:center;*/

}
.new_banner_sub span{font-size:28px;color:#fff;color: #F08800;font-weight: 600;letter-spacing: .4px;}
.new_banner_sub p{font-size:14px;color:#fff;margin:0;padding:0;}
.new_banner_sub h1{font-size:35px;font-weight:700;color:#fff; text-transform:capitalize;font-family:var(--new-font)!important;}
.new_banner_search{padding:10px 10px;border-radius:10px;background:#fff;}

select{width:100%;padding:8px 8px 8px 35px;text-overflow:ellipsis;border:1px solid #ddc9e6;border-radius:5px;font-family:var(--new-font)!important;background:#fff;}






 


  
  
  
  

  
  
  
  
  

  /* ============ segments ============ */
  
  
  
  
  
  
  
  
  
/* footer */





 
  
  
 
  
  
  
  /* =====================================
   CAR SLICK SLIDER
===================================== */

















 
  
  
  
  
  
  
  

       .new_why_heading{max-width: 850px;margin: 0 auto 2rem;text-align: center;  position: relative;
  z-index: 2;}
       .new_why_heading h2{font-size: 26px;font-weight: 700;margin-bottom: 5px;color:#fff;}
       .new_why_heading p{font-size:14px;font-weight:300;}

        

        

       

        

        

        
        
        
         
        
        
        
        
        .new_faq{
          position: relative;
          margin: 0;
          padding: 0 0 3.5rem;
          background: #FFFFFF;
        }
        .new_faq_hero{
          width: 100%;
          height: 240px;
          background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.05) 55%, rgba(255, 255, 255, 0.15) 100%),
            url(/images/faq_bg.webp) center 45% / cover no-repeat;
          background-color: #1a1a1a;
        }
        .new_faq > .container-lg{
          position: relative;
          z-index: 1;
          margin-top: -110px;
        }
        .new_faq_panel{
          width: 100%;
          max-width: 980px;
          margin: 0 auto;
          padding: 2.25rem 2rem 2rem;
          background: #FFFFFF;
          box-shadow: 0 12px 40px rgba(0, 40, 88, 0.14);
        }
        .new_faq .new_why_heading{
          max-width: 780px;
          margin: 0 auto 1.75rem;
          text-align: center;
        }
        .new_faq .new_why_heading h2{
          position: relative;
          display: inline-block;
          margin: 0 0 0.75rem;
          padding-bottom: 0;
          color: #002858;
          font-family: "Manrope", sans-serif;
          font-size: clamp(1.4rem, 2.2vw, 1.75rem);
          font-weight: 700;
          letter-spacing: -0.01em;
        }
        .new_faq .new_why_heading h2::after{
          display: none;
        }
        .new_faq .new_why_heading p{
          margin: 0;
          color: #5C5C5C;
          font-size: 0.9375rem;
          font-weight: 400;
          line-height: 1.6;
        }
/* Space between cards */

/*#new_car_box1 .col-lg-3{padding:0 10px;}*/


@media (max-width: 991px) {

    

    .new_why_heading{
        margin-bottom: 30px;
    }

    .new_why_heading h2{
        font-size: 28px;
    }

    .new_why_heading p{
        font-size: 15px;
    }

    

    

    

    

    
}


/* =========================================
   MOBILE 767PX
========================================= */

@media (max-width: 767px) {

    


    


    /* =====================================
       MOBILE HEADING
    ===================================== */

    .new_why_heading{

        width: 100%;

        margin: 0 auto 12px;

        padding: 0 8px;
    }

    .new_why_heading h2{

        margin: 0 0 12px;

        font-size: 24px;

    }

    .new_why_heading p{
max-width: 437px;
    margin: auto;
    font-size: 13px;
    }


    /* =====================================
       SLICK CONTAINER
    ===================================== */

    


    /*
       IMPORTANT:
       Slick rows ke andar cards generate karega.
    */

    


    


    


    /*
       Slick row
    */

    


    /* =====================================
       MOBILE CARD
    ===================================== */

    


    /* =====================================
       CHECK
    ===================================== */

    

    


    /* =====================================
       TITLE
    ===================================== */

    


    /* =====================================
       TEXT
    ===================================== */

    


    /* =====================================
       DOTS
    ===================================== */

    


    


    


    


    


    /* =====================================
       REMOVE ARROWS
    ===================================== */

    
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575px) {

    

    .new_why_heading{
        margin-bottom: 10px;
        padding: 0 7px;
    }

    .new_why_heading h2{
        font-size: 19px;
    }

    .new_why_heading p{
        font-size: 9.5px;
        line-height: 1.3;
    }

    

    

    

    

    

    
}


/* =========================================
   400PX
========================================= */
@media (max-width:480px) {.call_banner_offer_card{margin-bottom: 0 !important;}
}
@media (max-width: 400px) {.call_banner_offer_card{margin-bottom: 0 !important;}
    
    

    .new_why_heading h2{
        font-size: 18px;
    }

    .new_why_heading p{
        font-size: 9px;
    }

    

    

    

    

    
}


/* =========================================
   360PX
========================================= */

@media (max-width: 360px) {

    

    .new_why_heading h2{
        font-size: 17px;
    }

    .new_why_heading p{
        font-size: 8.5px;
    }

    

    
}
/* Equal height */
#new_car_box1 .slick-track{
    display: flex !important;
}

#new_car_box1 .slick-slide{
    height: inherit !important;
}

#new_car_box1 .slick-slide > div{
    height: 100%;
}








/* =====================================
   CUSTOM ARROWS
===================================== */





#new_car_box1 .slick-prev, #new_car_box1 .slick-next{
    width: 48px;
    height: 48px;

    background: #fff;

    border: 1px solid #e9e9e9;
    border-radius: 50%;

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);

    display: flex !important;
    align-items: center;
    justify-content: center;

    z-index: 10;

    transition: all 0.3s ease;
}


/* Arrow positions */

#new_car_box1 .slick-prev{
    left: -45px;
}

#new_car_box1 .slick-next{
    right: -45px;
}


/* Remove slick default arrow */

#new_car_box1 .slick-prev:before, #new_car_box1 .slick-next:before{
    display: none;
}


/* Our arrow icon */

#new_car_box1 .slick-prev:after, #new_car_box1 .slick-next:after{
    content: "";
    width: 10px;
    height: 10px;

    border-top: 2px solid #222;
    border-right: 2px solid #222;

    transition: all 0.3s ease;
}


/* Previous arrow */

#new_car_box1 .slick-prev:after{
    transform: rotate(-135deg);
    margin-left: 4px;
}


/* Next arrow */

#new_car_box1 .slick-next:after{
    transform: rotate(45deg);
    margin-right: 4px;
}


/* Hover */

#new_car_box1 .slick-prev:hover, #new_car_box1 .slick-next:hover{
    background: #F08800;
    border-color: #F08800;

    transform: translateY(-50%) scale(1.08);

    box-shadow: 0 8px 25px rgba(255, 107, 91, 0.3);
}


#new_car_box1 .slick-prev:hover:after, #new_car_box1 .slick-next:hover:after{
    border-color: #fff;
}


/* =====================================
   DOTS
===================================== */

#new_car_box1 .slick-dots{
    position: relative;
    bottom: auto;

    margin-top: 22px;
    padding: 0;

    display: flex !important;
    align-items: center;
    justify-content: center;

    gap: 7px;
}


#new_car_box1 .slick-dots li{
    width: auto;
    height: auto;

    margin: 0;
}


#new_car_box1 .slick-dots li button{
    width: 8px;
    height: 8px;

    padding: 0;

    border: 0;
    border-radius: 20px;

    background: #d9d9d9;

    transition: all 0.3s ease;
}

#new_car_box1.slick-dots li button:before{
    display: none;
}


/* Active dot */

#new_car_box1 .slick-dots li.slick-active button{
    width: 26px;
    background: #002858;
}

/* ===============================
   STATS
================================ */


















/* Slick */








/* Desktop par dots hide */




/* =================================
   MOBILE
================================= */

@media (max-width: 767px) {

    


    /* 2 items ek row */

    


    


    


    


    


    /* ==========================
       ARROWS HIDE
    ========================== */

    


    /* ==========================
       DOTS
    ========================== */

    


    


    


    


    /* Active */

    

}

#new_car_box1 .slick-list{
    margin: 0;
    overflow: hidden;
}

#new_car_box1 .slick-track{
    display: flex;
}

#new_car_box1 .slick-slide{
    padding: 0;
    margin: 0px 12px;
}

#new_car_box1 .slick-slide:first-child{
    padding-left: 0;
}

#new_car_box1 .slick-slide:last-child{
    padding-right: 0;
}
/* =====================================
   TABLET
===================================== */




/* =====================================
   MOBILE
===================================== */

@media (max-width: 767px) {

    

    


    /* Hide arrows on mobile */

    


    /* Dots spacing */

    

}

@media(max-width:991px){
    .cr-sidebar-body a{color:#000 !important;}
    .cr-sidebar-head img{
        display: block;
        width: 120px;
        max-width: 55%;
        height: auto;
    }
  
  
  .navbar-brand{display:none;}
  

    
   

    

    /* Slick slide */
    

    

    /* Card spacing */
    

    /* Image */
    

    /* Remove slick arrows */
    

    /* Hide dots */
    

    /* Prevent side overflow */
    

    }
@media(max-width:767px) {.new_banner{ height: 444px;background-position: 80% center;align-items: flex-end;position: relative;overflow: hidden;}.new_banner_sub h1{font-size:35px;}.new_banner_sub span{font-size:21px;}
    .car_faqquestion_content p{font-size:11px;padding: 7px 0;}
.footer{padding: 34px 0 5rem;}

}

@media(max-width:480px) {
     
     
     .car_faqquestion_title h3{font-size:13px !important;}.car_faqquestion_content p{font-size:12px;}

.new_banner_sub{margin-left:unset;}.new_banner_sub{margin-bottom:20px;max-width:95%;text-align:left;}.new_banner_sub h1{font-size:23px;}.new_banner_sub span{font-size:19px;}.new_banner{height: 210px;background-position: 56% 0;}
 .new_banner_search{padding:14px; position: relative;}
 select{font-size:14px;padding: 8px 8px 8px 29px;}
.new_banner_sub p{font-size:13px;}.rj_check span{font-size:10px;}
}




/* ==========================================
   576PX - 767PX
   2 CARDS
========================================== */




/* ==========================================
   575PX AND BELOW
   1 CARD
========================================== */




/* ==========================================
   SLICK
========================================== */










@media (max-width: 400px) {.new_banner_sub h1{font-size: 22px;}
}
/* =========================================
   ABOUT TEXT / CAR RENTAL GUIDE
========================================= */

.about_text{
    width: 100%;
    padding: 70px 0;
    background: #f7f8fa;
    margin-bottom:1.5rem;
}

.about_text_main{
    max-width: 1150px;
    margin: 0 auto;
    background: #ffffff;
    padding:25px;
    border-radius:18px;
    border: 1px solid #e8ebef;
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.05);
}




.about_text_main > h1{
    color: #18212f;
    font-size:28px;
    line-height: 1.2;
    font-weight:600;
    margin: 0 0 10px;
}
.about_text_main h2{font-size:22px;font-weight:600;margin:0 0 10px;color:#18212f;}
.about_text_main p{
    color: #626b78;
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 17px;
}
.about_text_main ul li{font-size:15px;padding:6px 0;}
.new_faq .new_why_heading h2{color:#002858;}
@media (max-width: 767.98px) {
  .new_faq{padding: 0 0 2.5rem;}
  .new_faq_hero{height: 180px;}
  .new_faq > .container-lg{margin-top: -80px; padding-left: 0.75rem; padding-right: 0.75rem;}
  .new_faq_panel{padding: 1.5rem 1rem 1.35rem;}
  .new_faq .new_why_heading h2{font-size: 1.25rem;}
  .new_faq .new_why_heading p{font-size: 0.8125rem;}
  .car_faqquestion_title{padding: 0.85rem 0.9rem;}
  .car_faqquestion_title h3{font-size: 0.85rem;}
  .car_faqquestion_content p{font-size: 0.8rem; padding: 0 0 0.85rem;}
  .car_faqquestion_box:hover{transform: none;}
}


@media (max-width: 991px) {

    .about_text{padding:40px 0;}.about_text_main{width:95%;}.about_text_main > h1{font-size:26px;}
}

@media (max-width: 480px) {
    
        .about_text_main > h1{font-size:22px;margin-bottom:7px;}.about_text_main p{font-size:14px;line-height:1.65;margin-bottom:13px;}.about_text_main h2{font-size:19px;margin-bottom:7px;}.about_text_main ul{padding-left:1rem;}.about_text_main ul li{font-size:13px;padding:4px 0;}

}


/* =====================================
   LOCATION ABOUT SECTION
===================================== */

.loc-about{
    background: #ffffff;
    color: #1f2937;
    overflow: hidden;
}

.loc-about .container-lg{
    position: relative;
}


/* =====================================
   SECTION HEADING
===================================== */

.loc-about__head{
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.loc-about__head h2{
    margin: 0 0 10px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #111827;
}

.loc-journey{margin-top:1.5rem !important;}

.loc-about__head h2 span{
    color:#002858;
        text-transform: capitalize;
}

.loc-about__head p{
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #667085;
}

.loc-about__head p strong{
    color: #344054;text-transform: capitalize;
    font-weight: 600;
}


/* =====================================
   LEFT CONTENT
===================================== */

.loc-intro{
    padding-right: 25px;
}

.loc-intro h3, .loc-perks h3{
    margin: 0 0 18px;
    font-size: 27px;
    line-height: 1.3;
    font-weight: 700;
    color: #111827;
}

.loc-intro h3 span{
    color:#002858;text-transform: capitalize;
}

.loc-intro p{
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.8;
    color: #667085;text-transform: capitalize;
}

.loc-intro p strong{
    color: #344054;
    font-weight: 600;
}


/* =====================================
   IMAGE
===================================== */

.loc-intro__frame{
    position: relative;
    margin-top: 28px;
    overflow: hidden;
    border-radius: 20px;
    background: #f3f6f9;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.09);
}

.loc-intro__frame img{
    display: block;
    width: 100%;
    height: 310px;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.loc-intro__frame:hover img{
    transform: scale(1.03);
}


/* =====================================
   RIGHT PERKS CARD
===================================== */

.loc-perks{
    position: relative;
    padding: 35px;
    border: 1px solid #e6eaf0;
    border-radius: 22px;
    background:
        linear-gradient(
            145deg,
            #f8fbff 0%,
            #ffffff 60%,
            #f6f9fc 100%
        );
    box-shadow: 0 15px 45px rgba(15, 23, 42, 0.07);
}

.loc-perks::before{
    content: "";
    position: absolute;
    top: 0;
    left: 35px;
    width: 75px;
    height: 4px;
    border-radius: 0 0 10px 10px;
    background: #002858;
}

.loc-perks h3{
    margin-bottom: 25px;
}


/* =====================================
   PERKS LIST
===================================== */

.loc-perks__list{
    padding: 0;
    margin: 0;
    list-style: none;
}

.loc-perks__list li{
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #e6eaf0;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: #344054;
}

.loc-perks__list li:first-child{
    padding-top: 0;
}

.loc-perks__list li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

.loc-perks__mark{
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eaf3ff;
    color: #002858;
}

.loc-perks__mark svg{
    width: 17px;
    height: 17px;
}


/* =====================================
   JOURNEY SECTION
===================================== */

.loc-journey{
    margin-top: 55px;
    border: 1px solid #e5e9ef;
    border-radius: 22px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 15px 45px rgba(15, 23, 42, 0.06);
}

.loc-drive, .loc-book{
    position: relative;
    padding: 38px 40px;
}

.loc-drive{
    background: #f8fbff;
}

.loc-book{background:#002858;color: #ffffff;}
.loc-drive::after{content: "";position: absolute;top: 35px;right: 0;bottom: 35px;width: 1px;background: #dde4ec;}
.loc-journey__pin{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 18px;
    padding: 7px 12px;
    border-radius: 30px;
    background: #eaf3ff;
    color: #000;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.loc-journey__pin svg{
    width: 16px;
    height: 16px;
}

.loc-book .loc-journey__pin{
    background: rgba(255, 255, 255, 0.14);
    color:#fff;
}


/* =====================================
   JOURNEY TEXT
===================================== */

.loc-drive h3, .loc-book h3{
    margin: 0 0 13px;
    font-size: 24px;
    line-height: 1.35;
    font-weight: 700;
}

.loc-drive h3{
    color: #111827;
}

.loc-book h3{
    color: #ffffff;
}

.loc-drive p, .loc-book p{
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
}

.loc-drive p{
    color: #667085;
}

.loc-book p{
    color: rgba(255, 255, 255, 0.84);
}

.loc-book p strong{
    color: #ffffff;
}


/* =====================================
   TABLET
===================================== */

@media (max-width: 991.98px) {

    .loc-about{
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .loc-about__head{
        margin-bottom: 35px;
    }

    .loc-about__head h2{
        font-size: 32px;
    }

    .loc-intro{
        padding-right: 12px;
        margin-bottom: 20px;
    }

    .loc-intro__frame img{
        height: 280px;
    }

    .loc-perks{
        padding: 30px;
    }

    .loc-journey{
        margin-top: 35px;
    }

    .loc-drive, .loc-book{
        padding: 30px;
    }

    .loc-drive::after{
        display: none;
    }

    .loc-drive{
        border-bottom: 1px solid #dde4ec;
    }
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 767.98px) {

    .loc-about{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .loc-about__head{
        text-align: left;
        margin-bottom: 28px;
    }

    .loc-about__head h2{
        font-size: 27px;
    }

    .loc-about__head p{
        font-size: 14px;
    }

    .loc-intro h3, .loc-perks h3{
        font-size: 23px;
    }

    .loc-intro p{
        font-size: 14px;
        line-height: 1.7;
    }

    .loc-intro__frame{
        margin-top: 22px;
        border-radius: 16px;
    }

    .loc-intro__frame img{
        height: 230px;
    }

    .loc-perks{
        margin-top: 5px;
        padding: 25px 20px;
        border-radius: 18px;
    }

    .loc-perks::before{
        left: 20px;
    }

    .loc-perks__list li{
        gap: 11px;
        padding: 14px 0;
        font-size: 14px;
    }

    .loc-perks__mark{
        flex-basis: 30px;
        width: 30px;
        height: 30px;
    }

    .loc-journey{
        margin-top: 30px;
        border-radius: 18px;
    }

    .loc-drive, .loc-book{
        padding: 25px 20px;
    }

    .loc-drive h3, .loc-book h3{
        font-size: 21px;
    }

    .loc-drive p, .loc-book p{
        font-size: 14px;
        line-height: 1.7;
    }
}


/* =====================================
   SMALL MOBILE
===================================== */

@media (max-width: 480px) {

    .loc-about__head h2{
        font-size: 24px;
    }

    .loc-intro h3, .loc-perks h3{
        font-size: 21px;
    }

    .loc-intro__frame img{
        height: 200px;
    }

    .loc-perks{
        padding: 22px 17px;
    }

    .loc-drive, .loc-book{
        padding: 22px 17px;
    }
}







/* ================================
   LEFT AREA
================================ */




/* ================================
   AGENT IMAGE
================================ */






/* ================================
   TEXT
================================ */










/* ================================
   CALL BUTTON
================================ */






/* ================================
   MOBILE RESPONSIVE
================================ */




/* Extra small devices */



.rj_error_field span{    color: #000;}


.cookie-active .thankyou-section{
    padding: 145px 0 55px;
    background: #f8f9fb;
}


/* =========================================
   DESKTOP
========================================= */

.mobile_search_overlay{
    display: none;
}


/* =========================================
   MOBILE SEARCH
========================================= */

@media (max-width: 767px) {

    /* Mobile Open Button */
    

    

    


    /* -----------------------------------------
       Search Popup
    ----------------------------------------- */

    


    /* Popup Open */
    


    /* -----------------------------------------
       Header
    ----------------------------------------- */

    


    


    

    


    


    


    /* -----------------------------------------
       Close Button
    ----------------------------------------- */

    


    


    


    /* -----------------------------------------
       Search Content
    ----------------------------------------- */

    


    /* -----------------------------------------
       Overlay
    ----------------------------------------- */

    .mobile_search_overlay{
        position: fixed;

        inset: 0;

        display: block;

        background: rgba(13, 20, 19, 0.58);

        z-index: 99998;

        opacity: 0;
        visibility: hidden;

        transition:
            opacity 0.3s ease,
            visibility 0.3s ease;

        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }


    .mobile_search_overlay.mobile_search_overlay_open{
        opacity: 1;
        visibility: visible;
    }


    /* Disable page scroll */
    body.mobile_search_body_open{
        overflow: hidden;
        touch-action: none;
    }
}


/* =========================================
   EXTRA SMALL MOBILE
========================================= */




/* ================================
   CAR TYPES SECTION
================================ */












/* ================================
   GRID
================================ */




/* ================================
   CARD
================================ */






/* ================================
   ICON
================================ */






/* ================================
   CARD TEXT
================================ */








/* ================================
   TABLET
================================ */




/* ================================
   MOBILE
================================ */

@media (max-width: 576px) {

    

    

    

    

    

    


    /* 2 cards in each row */

    


    

    


    

    


    

    

}
.new_banner_search{position:relative;z-index:9;}










  
  
 
  /* ---------- Tabs row ---------- */
  
 
  
  
 
  
 
  
  
  
 
  
  
  
 
  /* ---------- Content panel ---------- */
  
 
  
 
  
  
  
 
  
 
  
  
  
 
  
  
  
  
  
 
  
  
  
  /* =========================================
     WHY CHOOSE US — Figma "Why Book with us"
  ========================================= */

  .wcu-header h2{
    position: relative;
    display: inline-block;
    font-size: clamp(1.5rem, 2.4vw, 1.875rem);
    font-weight: 700;
    color: #002858;
    font-family: "Manrope", sans-serif;
    margin-bottom: 0.85rem;
    padding-bottom: 0;
    letter-spacing: -0.01em;
  }

  .wcu-header h2::after{
    display: none;
  }

  .wcu-header p{
    color: #002858;
    font-size: 0.9375rem;
    line-height: 1.65;
    max-width: 760px;
    margin: 0 auto 2rem;
    opacity: 0.9;
  }

  .wcu-slider{
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    max-width: 980px;
    margin: 0 auto;
  }

  .wcu-viewport{
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .wcu-track{
    display: flex;
    gap: 1rem;
    will-change: transform;
    transition: transform 0.45s ease;
  }

  .wcu-card{
    flex: 0 0 calc((100% - 1rem) / 2);
    background: #FFFFFF;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 1.5rem 1.35rem;
    box-shadow: 0 8px 28px rgba(0, 40, 88, 0.12);
    height: auto;
    min-height: 150px;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    box-sizing: border-box;
    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease,
      border-color 0.25s ease;
  }

  .wcu-card:hover{
    transform: translateY(-4px);
    border-color: rgba(240, 136, 0, 0.45);
    box-shadow: 0 16px 36px rgba(0, 40, 88, 0.2);
  }

  .wcu-icon{
    width: 56px;
    height: 56px;
    min-width: 56px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #F4F7FB;
    border: 1px solid rgba(0, 40, 88, 0.08);
    padding: 0;
    transition:
      background-color 0.22s ease,
      border-color 0.22s ease,
      transform 0.22s ease;
  }

  .wcu-card:hover .wcu-icon{
    background: rgba(240, 136, 0, 0.12);
    border-color: rgba(240, 136, 0, 0.35);
    transform: scale(1.06);
  }

  .wcu-icon img{
    width: 48px;
    height: 48px;
    object-fit: contain;
    transition: transform 0.22s ease;
  }

  .wcu-card:hover .wcu-icon img{
    transform: scale(1.05);
  }

  .wcu-text{
    flex: 1;
    min-width: 0;
  }

  .wcu-text h4{
    font-size: 1.05rem;
    font-weight: 700;
    color: #002858;
    margin-bottom: 0.45rem;
    font-family: "Manrope", sans-serif;
    line-height: 1.3;
    transition: color 0.22s ease;
  }

  .wcu-card:hover .wcu-text h4{
    color: #F08800;
  }

  .wcu-text p{
    font-size: 0.875rem;
    color: #002858;
    margin-bottom: 0;
    line-height: 1.55;
    opacity: 0.85;
  }

  .wcu-nav{
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 0;
    background: #FFFFFF;
    color: #002858;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0, 40, 88, 0.14);
    cursor: pointer;
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease,
      box-shadow 0.2s ease;
  }

  .wcu-nav:hover{
    background: #F08800;
    color: #fff;
    transform: scale(1.06);
    box-shadow: 0 8px 20px rgba(240, 136, 0, 0.35);
  }

  .wcu-nav:focus-visible{
    outline: 2px solid #F08800;
    outline-offset: 3px;
  }

  .wcu-nav i{
    font-size: 1.1rem;
    line-height: 1;
  }

  @media (prefers-reduced-motion: reduce){
    .wcu-track, .wcu-card, .wcu-icon, .wcu-icon img, .wcu-text h4, .wcu-nav{
      transition: none;
    }
    .wcu-card:hover, .wcu-card:hover .wcu-icon, .wcu-card:hover .wcu-icon img, .wcu-nav:hover{
      transform: none;
    }
  }

  @media (max-width:767px){
    .wcu-slider{
      gap: 0.5rem;
    }
    .wcu-card{
      flex: 0 0 100%;
      padding: 1.2rem 1.1rem;
      min-height: 0;
    }
    .wcu-nav{
      width: 40px;
      height: 40px;
    }
    .wcu-icon{
      width: 44px;
      height: 44px;
      min-width: 44px;
    }
    .wcu-icon img{
      width: 36px;
      height: 36px;
    }
    .wcu-text h4{
      font-size: 0.95rem;
    }
    .wcu-text p{
      font-size: 0.8rem;
    }
  }

  @media (max-width:480px){
    .wcu-slider{
      gap: 0.35rem;
    }
    .wcu-nav{
      display: inline-flex;
      width: 36px;
      height: 36px;
    }
    .wcu-nav i{
      font-size: 0.95rem;
    }
    .wcu-card{
      flex-direction: row;
      gap: 0.75rem;
      padding: 1.1rem 0.9rem;
    }
  }

  
  
 
  
  
 
  
 
  /* ---- Left image side ---- */
  
  
 
  /* ---- Right navy side ---- */
  
 
  
  
  
 
  /* ---- Ribbon badge shape ---- */
  
  
  
 
  /* ---- Step 01 card straddling the boundary ---- */
  
  
  
  
 
  
 
  
  .moblie_phone{display:none;}
@media (max-width:992px) {.moblie_phone{display:flex;align-items:center;justify-content:center;gap:4px;height:100%;}.moblie_phone .phones{display:flex;align-items:center;height:100%;}.moblie_phone .cr-call-btn{display:flex;align-items:center;margin:0;align-self:center;}.moblie_phone .cr-call-btn img{display:block;}.moblie_phone .cr-menu-btn{margin-left:0;margin-right:-4px;align-self:center;}
}
@media (max-width:580px) {.wcu-header h2{font-size:21px;}.wcu-header p{font-size:13.5px;}
.new_banner{padding-top:5rem;}}
@media (max-width:480px) {.new_banner{background-position:top;}

}
/* =========================================
   TRUCK ABOUT SECTION
========================================= */

/* =========================================
   TRUCK ABOUT — Book Truck Rentals (sleek / content-first)
========================================= */

.truck-about-section.about_text, .truck-about-section{
    padding: 2.5rem 0 2.75rem;
    margin-bottom: 0;
    background: #F4F7FB;
}

.truck-about-section .about_text_main{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.truck-about-intro{
    max-width: 40rem;
    margin: 0 auto 1.5rem;
    text-align: center;
}

.truck-about-label{
    display: block;
    margin: 0 0 0.35rem;
    color: #F08800;
    font-family: "Manrope", sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.truck-about-intro h1{
    position: relative;
    display: block;
    margin: 0 0 0.65rem;
    color: #002858;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.65rem, 2.4vw, 2.1rem);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.truck-about-intro h1::after{
    content: "";
    display: block;
    width: 2.25rem;
    height: 2px;
    margin: 0.55rem auto 0;
    border-radius: 2px;
    background: #F08800;
}

.truck-about-intro p{
    margin: 0;
    color: #5C5C5C;
    font-family: "Manrope", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.truck-about-content{
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.truck-about-card{
    position: relative;
    display: flex;
    gap: 0.9rem;
    padding: 1rem 1.15rem;
    background: #ffffff;
    border: 1px solid rgba(0, 40, 88, 0.1);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 40, 88, 0.04);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.truck-about-card:hover{
    border-color: rgba(240, 136, 0, 0.4);
    box-shadow: 0 6px 18px rgba(0, 40, 88, 0.08);
}

.truck-about-number{
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #002858;
    color: #ffffff;
    border-radius: 8px;
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    transition: background-color 0.2s ease;
}

.truck-about-card:hover .truck-about-number{
    background: #F08800;
}

.truck-about-card h2, .truck-small-card h2{
    margin: 0 0 0.4rem;
    color: #002858;
    font-family: "Manrope", sans-serif;
    font-size: 1.05rem;
    line-height: 1.3;
    font-weight: 700;
}

.truck-about-card p, .truck-small-card p{
    margin: 0;
    color: #5C5C5C;
    font-family: "Manrope", sans-serif;
    font-size: 0.9rem;
    line-height: 1.55;
}

.truck-about-section .truck-feature-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.45rem 1.25rem;
    margin: 0.75rem 0 0;
    padding: 0 !important;
    list-style: none;
}

.truck-about-section .truck-feature-list li{
    position: relative;
    margin: 0;
    padding: 0 0 0 1.45rem !important;
    color: #111111;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    line-height: 1.45;
    list-style: none;
}

.truck-about-section .truck-feature-list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: rgba(240, 136, 0, 0.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23F08800' d='M6.5 11.2L3.3 8l1.1-1.1 2.1 2.1 4.6-4.6L12.2 5.5z'/%3E%3C/svg%3E") center / 0.65rem no-repeat;
}

.truck-about-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.truck-small-card{
    padding: 1rem 1.15rem;
    background: #ffffff;
    border: 1px solid rgba(0, 40, 88, 0.1);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 40, 88, 0.04);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.truck-small-card:hover{
    border-color: rgba(240, 136, 0, 0.4);
    box-shadow: 0 6px 18px rgba(0, 40, 88, 0.08);
}

.truck-small-icon{
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.65rem;
    background: rgba(240, 136, 0, 0.12);
    color: #F08800;
    border: 1px solid rgba(240, 136, 0, 0.25);
    border-radius: 8px;
    font-family: "Manrope", sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.truck-small-card:hover .truck-small-icon{
    background: #F08800;
    color: #fff;
    border-color: #F08800;
}

.truck-booking-process{
    padding: 1.35rem 1.35rem 1.25rem;
    background: linear-gradient(145deg, #002858 0%, #1A4E8C 100%);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0, 40, 88, 0.22);
}

.truck-process-heading{
    max-width: 40rem;
    margin-bottom: 1rem;
}

.truck-process-heading .truck-about-label{
    color: #F08800;
}

.truck-process-heading h2{
    margin: 0 0 0.45rem;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.truck-process-heading p{
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-family: "Manrope", sans-serif;
    font-size: 0.9rem;
    line-height: 1.55;
}

.truck-process-steps{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.65rem;
}

.truck-process-step{
    padding: 0.9rem;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.truck-process-step:hover{
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(240, 136, 0, 0.5);
}

.truck-process-step > span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.75rem;
    margin-bottom: 0.55rem;
    padding: 0 0.45rem;
    color: #fff;
    background: #F08800;
    border-radius: 999px;
    font-family: "Manrope", sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
}

.truck-process-step h3{
    margin: 0 0 0.3rem;
    color: #ffffff;
    font-family: "Manrope", sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
}

.truck-process-step p{
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-family: "Manrope", sans-serif;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.truck-tips-list{
    grid-template-columns: repeat(2, 1fr);
}

.truck-about-bottom{
    margin-top: 0.75rem;
    padding: 1.35rem 1.25rem;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(0, 40, 88, 0.1);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 40, 88, 0.04);
}

.truck-about-bottom .truck-about-label{
    color: #F08800;
}

.truck-about-bottom h2{
    margin: 0 0 0.5rem;
    color: #002858;
    font-family: "Manrope", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.truck-about-bottom p{
    max-width: 40rem;
    margin: 0 auto 1rem;
    color: #5C5C5C;
    font-family: "Manrope", sans-serif;
    font-size: 0.9rem;
    line-height: 1.55;
}

.truck-about-call{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 9.5rem;
    padding: 0.7rem 1.5rem;
    background: #F08800;
    color: #ffffff !important;
    border-radius: 999px;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(240, 136, 0, 0.3);
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.truck-about-call:hover{
    background: #C66A00;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(160, 20, 14, 0.38);
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    .truck-about-card, .truck-about-card:hover, .truck-about-number, .truck-small-card, .truck-small-card:hover, .truck-small-icon, .truck-process-step, .truck-process-step:hover, .truck-about-call, .truck-about-call:hover{
        transition: none;
        transform: none;
    }
}

@media (max-width: 991px) {
    .truck-about-section.about_text, .truck-about-section{
        padding: 2rem 0 2.25rem;
    }

    .truck-about-intro h1{
        font-size: 1.75rem;
    }

    .truck-process-steps{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .truck-about-section.about_text, .truck-about-section{
        padding: 1.75rem 0 2rem;
    }

    .truck-about-intro{
        margin-bottom: 1.15rem;
        padding: 0 0.25rem;
    }

    .truck-about-intro h1{
        font-size: 1.5rem;
    }

    .truck-about-intro p{
        font-size: 0.875rem;
    }

    .truck-about-card{
        flex-direction: column;
        padding: 0.9rem 1rem;
        gap: 0.65rem;
    }

    .truck-about-number{
        width: 2rem;
        height: 2rem;
        flex-basis: 2rem;
    }

    .truck-about-card h2, .truck-small-card h2{
        font-size: 1rem;
    }

    .truck-about-card p, .truck-small-card p{
        font-size: 0.85rem;
    }

    .truck-about-section .truck-feature-list li{
        padding: 0 0 0 1.4rem !important;
        font-size: 0.8125rem;
    }

    .truck-about-section .truck-feature-list, .truck-about-section .truck-tips-list{
        grid-template-columns: 1fr;
    }

    .truck-about-grid{
        grid-template-columns: 1fr;
    }

    .truck-booking-process{
        padding: 1.1rem;
    }

    .truck-process-heading h2{
        font-size: 1.15rem;
    }

    .truck-process-steps{
        grid-template-columns: 1fr;
    }

    .truck-about-bottom{
        padding: 1.15rem 1rem;
    }

    .truck-about-bottom h2{
        font-size: 1.15rem;
    }
}

/* =========================================
   BANNER BOTTOM — Roadside Teal + Sunset
   Category strip (desktop chips / mobile grid)
========================================= */

.banner_bottom{
    width: 100%;
    padding: 0;
    background:
        linear-gradient(180deg, #F4F7FB 0%, var(--color-bg, #F4F7FB) 100%);
    border-top: 3px solid var(--color-primary, #002858);
    border-bottom: 1px solid var(--color-border, #CFCFCF);
}

.banner_bottom_marquee{
    width: 100%;
}

.banner_bottom_marquee_wrap{
    width: 100%;
}

.banner_bottom_main{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.55rem 0.65rem;
    min-height: 72px;
    padding: 0.35rem 0;
}

.banner_bottom_main a{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 1.05rem;
    color: var(--color-primary, #002858) !important;
    background: var(--color-surface, #FFFFFF);
    border: 1px solid var(--color-border, #CFCFCF);
    border-radius: 999px;
    text-decoration: none !important;
    font-family: "Manrope", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 40, 88, 0.06);
    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.banner_bottom_main a::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0.35rem;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--color-accent, #F08800);
    transform: translateX(-50%);
    transition: width 0.22s ease;
}

.banner_bottom_main a:hover{
    color: var(--color-primary, #002858) !important;
    background: var(--color-accent-soft, #F4F7FB);
    border-color: rgba(240, 136, 0, 0.45);
    box-shadow: 0 4px 14px rgba(0, 40, 88, 0.12);
    transform: translateY(-2px);
}

.banner_bottom_main a:hover::after{
    width: 42%;
}

.banner_bottom_main a:active{
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(0, 40, 88, 0.1);
}

.banner_bottom_main a:focus-visible{
    outline: 2px solid var(--color-accent, #F08800);
    outline-offset: 3px;
    border-color: var(--color-accent, #F08800);
}

@media (prefers-reduced-motion: reduce) {
    .banner_bottom_main a, .banner_bottom_main a::after{
        transition: none;
    }

    .banner_bottom_main a:hover{
        transform: none;
    }

    .banner_bottom_marquee{
        animation: none !important;
    }
}

/* =========================================
   BANNER BOTTOM — DESKTOP MARQUEE
========================================= */

@media (min-width: 992px) {
    .banner_bottom{
        overflow: hidden;
    }

    .banner_bottom .container-lg{
        max-width: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .banner_bottom_marquee_wrap{
        width: 100%;
        overflow: hidden;
    }

    .banner_bottom_marquee{
        display: flex;
        flex-wrap: nowrap;
        width: max-content;
        align-items: center;
        gap: 0;
        animation: banner-bottom-marquee 22s linear infinite;
        will-change: transform;
        backface-visibility: hidden;
    }

    .banner_bottom_marquee:hover{
        animation-play-state: paused;
    }

    .banner_bottom_marquee .banner_bottom_main{
        display: flex;
        flex: 0 0 auto;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        width: max-content;
        min-width: max-content;
        max-width: none;
        gap: 0.65rem;
        min-height: 72px;
        margin: 0;
        padding: 0.35rem 0;
        box-sizing: content-box;
    }

    /* Keep spacing between duplicated sets identical to item gap */
    .banner_bottom_marquee .banner_bottom_main{
        padding-right: 0.65rem;
    }
}

@keyframes banner-bottom-marquee {
    0% {
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* =========================================
   BANNER BOTTOM — TABLET
========================================= */

@media (max-width: 991.98px) {
    .banner_bottom_marquee_wrap{
        width: 100%;
    }

    .banner_bottom_marquee{
        display: contents;
    }

    .banner_bottom_main[aria-hidden="true"], .banner_bottom_clone{
        display: none !important;
    }

    .banner_bottom_main{
        justify-content: center;
        gap: 0.45rem;
    }

    .banner_bottom_main a{
        font-size: 0.8125rem;
        padding: 0.5rem 0.9rem;
    }

    .banner_bottom_main a:nth-child(2), .banner_bottom_main a:nth-child(3){
        color: #F08800 !important;
        border-color: #F08800;
    }

    .banner_bottom_main a:nth-child(2)::after, .banner_bottom_main a:nth-child(3)::after{
        background: #F08800;
    }

    .banner_bottom_main a:nth-child(2):hover, .banner_bottom_main a:nth-child(3):hover{
        color: #C66A00 !important;
        background: #FDF2F1;
        border-color: #C66A00;
    }
}

/* =========================================
   BANNER BOTTOM — MOBILE
========================================= */

@media (max-width: 767.98px) {
    .banner_bottom{
        width: 100%;
        padding: 0.65rem 0 0.75rem;
        overflow: hidden;
        background: linear-gradient(180deg, #F4F7FB 0%, #F4F7FB 100%);
        border-top: 3px solid var(--color-primary, #002858);
        border-bottom: 1px solid var(--color-border, #CFCFCF);
    }

    .banner_bottom .container-lg{
        width: 100%;
        max-width: 100%;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .banner_bottom_main{
        position: relative;
        width: 100%;
        min-height: unset;
        padding: 0.25rem 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        align-items: stretch;
        justify-content: unset;
    }

    .banner_bottom_main::after{
        display: none;
    }

    .banner_bottom_main a{
        width: 100%;
        height: auto;
        min-height: 44px;
        justify-content: center;
        padding: 0.65rem 0.5rem;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        border-radius: 10px;
        box-sizing: border-box;
    }

    .banner_bottom_main a::after{
        bottom: 0.28rem;
    }

    .banner_bottom_main a:hover{
        transform: translateY(-1px);
    }

    .banner_bottom_main a:nth-child(n + 5){
        display: none;
    }
}

/* =========================================
   BANNER BOTTOM — SMALL MOBILE
========================================= */

@media (max-width: 480px) {
    .banner_bottom .container-lg{
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    .banner_bottom_main{
        gap: 0.4rem;
    }

    .banner_bottom_main a{
        min-height: 42px;
        font-size: 0.6875rem;
        letter-spacing: 0.03em;
        padding: 0.55rem 0.35rem;
    }
}
/* =========================================
   HIGHLIGHT STATS STRIP (reusable)
========================================= */

.cr-highlight-stats{
    position: relative;
    width: 100%;
    padding: 1.75rem 0 1rem;
    overflow: hidden;
    background: #fff;
}

.cr-highlight-stats::before, .cr-highlight-stats::after{
    content: "";
    position: absolute;
    top: 50%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    pointer-events: none;
    transform: translateY(-50%);
    background-image:
        radial-gradient(circle, rgba(0, 40, 88, 0.14) 1.1px, transparent 1.2px),
        radial-gradient(circle, rgba(0, 40, 88, 0.08) 1px, transparent 1.1px);
    background-size: 14px 14px, 22px 22px;
    background-position: 0 0, 7px 7px;
    opacity: 0.55;
    -webkit-mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
    mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
}

.cr-highlight-stats::before{
    left: -90px;
    box-shadow:
        inset 0 0 0 1px rgba(0, 40, 88, 0.06),
        inset 0 0 0 28px transparent,
        inset 0 0 0 29px rgba(0, 40, 88, 0.08),
        inset 0 0 0 56px transparent,
        inset 0 0 0 57px rgba(0, 40, 88, 0.07),
        inset 0 0 0 84px transparent,
        inset 0 0 0 85px rgba(0, 40, 88, 0.06);
}

.cr-highlight-stats::after{
    right: -90px;
    box-shadow:
        inset 0 0 0 1px rgba(0, 40, 88, 0.06),
        inset 0 0 0 28px transparent,
        inset 0 0 0 29px rgba(0, 40, 88, 0.08),
        inset 0 0 0 56px transparent,
        inset 0 0 0 57px rgba(0, 40, 88, 0.07),
        inset 0 0 0 84px transparent,
        inset 0 0 0 85px rgba(0, 40, 88, 0.06);
}

.cr-highlight-stats-row{
    position: relative;
    z-index: 1;
    display: block;
}

.cr-highlight-stats-left, .cr-highlight-stats-right{
    width: 100%;
}

.cr-highlight-stats-grid{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.55rem;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.cr-highlight-stats-call{
    display: none;
}

.cr-highlight-stat{
    min-height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    padding: 0.75rem 0.5rem;
    text-align: center;
    background: var(--color-bg, #F4F7FB);
    border: 1px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: default;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background-color 0.22s ease;
}

.cr-highlight-stat:hover{
    transform: translateY(-4px);
    background: #fff;
    border-color: rgba(0, 40, 88, 0.14);
    box-shadow: 0 10px 22px rgba(0, 40, 88, 0.12);
}

.cr-highlight-stat:hover .cr-highlight-stat-icon, .cr-highlight-stat:hover .cr-highlight-stat-icon i, .cr-highlight-stat:hover .cr-highlight-stat-icon .bi, .cr-highlight-stat:hover .cr-highlight-stat-icon i::before, .cr-highlight-stat:hover .cr-highlight-stat-icon .bi::before{
    color: #F08800 !important;
}

.cr-highlight-stat-icon{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 0 0.25rem !important;
    padding: 0 !important;
    color: #002858 !important;
    font-family: bootstrap-icons !important;
    font-size: 1.75rem !important;
    font-weight: normal !important;
    line-height: 1 !important;
    text-transform: none !important;
}

.cr-highlight-stat-icon i, .cr-highlight-stat-icon .bi, .cr-highlight-stat-icon i::before, .cr-highlight-stat-icon .bi::before{
    display: block;
    color: #002858 !important;
    font-size: inherit !important;
    line-height: 1 !important;
}

.cr-highlight-stat strong{
    display: block;
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    text-transform: capitalize;
}

.cr-highlight-stat strong:only-of-type:last-child{
    max-width: 11em;
    font-size: 0.8125rem;
    line-height: 1.25;
}

.cr-highlight-stat > span:not(.cr-highlight-stat-icon){
    display: block;
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.25;
    color: #000;
    text-transform: capitalize;
}

@media (min-width: 992px) {
    .cr-highlight-stats{
        padding: 2rem 0;
    }

    .cr-highlight-stats-row{
        display: flex;
        align-items: center;
        width: 100%;
        /*max-width: 1140px;*/
        margin: 0 auto;
        min-height: 120px;
    }

    .cr-highlight-stats-left, .cr-highlight-stats-right{
        display: flex;
        align-items: center;
    }

    .cr-highlight-stats-left{
        flex: 0 0 75%;
        width: 75%;
        max-width: 75%;
        justify-content: flex-start;
        padding-right: 1.5rem;
    }

    .cr-highlight-stats-right{
        flex: 0 0 25%;
        width: 25%;
        max-width: 25%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0.65rem;
        padding-left: 1.25rem;
        border-left: 1px solid rgba(0, 40, 88, 0.18);
    }

    .cr-highlight-stats-call-heading{
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        font-family: "Manrope", sans-serif;
        font-size: 0.9375rem;
        font-weight: 700;
        color: #002858 !important;
        letter-spacing: 0.01em;
        line-height: 1.3;
        text-align: left;
        white-space: normal;
    }

    .cr-highlight-stats-grid{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.55rem;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .cr-highlight-stat{
        min-height: 96px;
        padding: 0.75rem 0.4rem;
        border-radius: 8px;
    }

    .cr-highlight-stat:hover{
        transform: translateY(-5px);
        box-shadow: 0 12px 26px rgba(0, 40, 88, 0.14);
    }

    .cr-highlight-stat-icon{
        width: 48px;
        height: 48px;
        margin-bottom: 0.3rem;
        font-size: 2rem !important;
        color: #002858 !important;
    }

    .cr-highlight-stat-icon i, .cr-highlight-stat-icon .bi, .cr-highlight-stat-icon i::before, .cr-highlight-stat-icon .bi::before{
        font-size: 2rem !important;
        color: #002858 !important;
    }

    .cr-highlight-stat strong{
        font-size: 0.8125rem;
    }

    .cr-highlight-stat > span:not(.cr-highlight-stat-icon){
        font-size: 0.75rem;
    }

    .cr-highlight-stat strong:only-of-type:last-child{
        max-width: 9.5em;
        font-size: 0.75rem;
        line-height: 1.25;
    }

    .cr-highlight-stats-call{
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 100%;
        max-width: 100%;
        min-height: 72px;
        padding: 0.5rem 1rem 0.5rem 3.75rem;
        border-radius: 999px;
        background: var(--color-accent, #F08800);
        color: #fff;
        text-decoration: none !important;
        box-shadow: 0 8px 22px rgba(240, 136, 0, 0.32);
        transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
        z-index: 2;
        box-sizing: border-box;
    }

    .cr-highlight-stats-call:hover{
        background: var(--color-accent-dark, #C66A00);
        color: #fff;
        box-shadow: 0 10px 26px rgba(240, 136, 0, 0.4);
        transform: translateY(-1px);
    }

    .cr-highlight-stats-call-avatar{
        position: absolute;
        left: 0.4rem;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid #fff;
        flex-shrink: 0;
        background: #fff;
    }

    .cr-highlight-stats-call-avatar img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .cr-highlight-stats-call-text{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        line-height: 1.1;
        min-width: 0;
        text-align: center;
    }

    .cr-highlight-stats-call-text strong{
        display: block;
        width: 100%;
        font-family: "Manrope", sans-serif;
        font-size: 1.4rem;
        font-weight: 800;
        color: #fff;
        white-space: nowrap;
        text-transform: none;
        letter-spacing: 0.02em;
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    .cr-highlight-stats-right, .cr-highlight-stats-call, .cr-highlight-stats-call-heading{
        display: none !important;
    }

    .cr-highlight-stat:nth-child(1) .cr-highlight-stat-icon, .cr-highlight-stat:nth-child(1) .cr-highlight-stat-icon i, .cr-highlight-stat:nth-child(1) .cr-highlight-stat-icon .bi, .cr-highlight-stat:nth-child(1) .cr-highlight-stat-icon i::before, .cr-highlight-stat:nth-child(1) .cr-highlight-stat-icon .bi::before, .cr-highlight-stat:nth-child(4) .cr-highlight-stat-icon, .cr-highlight-stat:nth-child(4) .cr-highlight-stat-icon i, .cr-highlight-stat:nth-child(4) .cr-highlight-stat-icon .bi, .cr-highlight-stat:nth-child(4) .cr-highlight-stat-icon i::before, .cr-highlight-stat:nth-child(4) .cr-highlight-stat-icon .bi::before{
        color: #F08800 !important;
    }

    .cr-highlight-stat:nth-child(1) strong, .cr-highlight-stat:nth-child(1) > span:not(.cr-highlight-stat-icon), .cr-highlight-stat:nth-child(4) strong, .cr-highlight-stat:nth-child(4) > span:not(.cr-highlight-stat-icon){
        color: #F08800;
    }

    .cr-highlight-stat:nth-child(1):hover .cr-highlight-stat-icon, .cr-highlight-stat:nth-child(1):hover .cr-highlight-stat-icon i, .cr-highlight-stat:nth-child(1):hover .cr-highlight-stat-icon .bi, .cr-highlight-stat:nth-child(1):hover .cr-highlight-stat-icon i::before, .cr-highlight-stat:nth-child(1):hover .cr-highlight-stat-icon .bi::before, .cr-highlight-stat:nth-child(4):hover .cr-highlight-stat-icon, .cr-highlight-stat:nth-child(4):hover .cr-highlight-stat-icon i, .cr-highlight-stat:nth-child(4):hover .cr-highlight-stat-icon .bi, .cr-highlight-stat:nth-child(4):hover .cr-highlight-stat-icon i::before, .cr-highlight-stat:nth-child(4):hover .cr-highlight-stat-icon .bi::before{
        color: #C66A00 !important;
    }

    .cr-highlight-stat:nth-child(1):hover strong, .cr-highlight-stat:nth-child(1):hover > span:not(.cr-highlight-stat-icon), .cr-highlight-stat:nth-child(4):hover strong, .cr-highlight-stat:nth-child(4):hover > span:not(.cr-highlight-stat-icon){
        color: #C66A00;
    }
}

@media (max-width: 767.98px) {
    .cr-highlight-stats{
        padding: 1.25rem 0 1.5rem;
    }

    .cr-highlight-stats::before, .cr-highlight-stats::after{
        width: 180px;
        height: 180px;
        opacity: 0.35;
    }

    .cr-highlight-stats::before{
        left: -70px;
    }

    .cr-highlight-stats::after{
        right: -70px;
    }

    .cr-highlight-stats-grid{
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .cr-highlight-stat{
        min-height: 64px;
        padding: 0.65rem 0.4rem;
    }

    .cr-highlight-stat strong{
        font-size: 0.875rem;
    }

    .cr-highlight-stat > span:not(.cr-highlight-stat-icon){
        font-size: 0.6875rem;
    }
}

/* =========================================
   TOP CAR DEALS — Roadside Teal + Sunset
========================================= */

.top-car-deals{
    width: 100%;
    padding: 3.5rem 0 2.75rem;
    background: #fff;
}

.top-car-deals-heading{
    margin-bottom: 1.75rem;
    text-align: center;
}

.top-car-deals-heading h2{
    position: relative;
    display: inline-block;
    margin: 0;
    padding-bottom: 0;
    font-size: clamp(1.5rem, 2.4vw, 1.875rem);
    line-height: 1.25;
    font-weight: 700;
    color: #111;
    font-family: "Manrope", sans-serif;
    letter-spacing: -0.01em;
    text-transform: none;
}

.top-car-deals-heading h2::after{
    display: none;
}

.top-car-deals-heading p{
    max-width: 48rem;
    margin: 0.85rem auto 0;
    color: #5C5C5C;
    font-size: 0.9375rem;
    line-height: 1.6;
    font-weight: 400;
}

/* =========================================
   CAR DEALS SLIDER
========================================= */

.car-deals-wrapper{
    width: 100%;
    overflow: hidden;
}

.car-deals-track{
    display: flex;
    gap: 0.875rem;
    width: 100%;
    transform: translateX(0);
    transition: transform 0.45s ease;
    will-change: transform;
}

/* =========================================
   CARD — Figma: image + navy footer bar
========================================= */

.car-deal-card{
    flex: 0 0 calc((100% - 2.625rem) / 4);
    min-width: 0;
    max-width: none;
    border: 0;
    border-radius: 14px;
    background: #fff;
    padding: 0;
    box-shadow: none;
    text-decoration: none !important;
    color: inherit;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    transition: opacity 0.22s ease;
}

.car-deal-card:hover, .car-deal-card:focus-visible{
    text-decoration: none !important;
    color: inherit;
}

.car-deal-card:hover .car-deal-image img{
    transform: scale(1.04);
}

.car-deal-card:hover .car-deal-footer{
    background: #001E42;
}

.car-deal-card:hover .car-deal-icon{
    background: #F08800;
    color: #fff;
}

.car-deal-card:focus-visible{
    outline: 2px solid #F08800;
    outline-offset: 3px;
}

.car-deal-image{
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    /*background: #F4F7FB;*/
    flex: 1 1 auto;
    aspect-ratio: 4 / 3;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.car-deal-image img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
    transition: transform 0.35s ease;
}

.car-deal-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 50px;
    padding: 0.7rem 1rem;
    background: #002858;
    box-sizing: border-box;
    transition: background-color 0.22s ease;
}

.car-deal-title{
    margin: 0;
    color: #fff;
    font-size: 0.9375rem;
    line-height: 1.2;
    font-weight: 700;
    font-family: "Manrope", sans-serif !important;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



.car-deal-icon{
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    color: #002858;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    line-height: 1;
    transition: background-color 0.22s ease, color 0.22s ease;
}

.car-deal-icon i{
    font-size: 0.7rem;
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    .car-deal-card, .car-deal-image img, .car-deals-track, .car-deal-footer, .car-deal-icon{
        transition: none;
    }

    .car-deal-card:hover .car-deal-image img{
        transform: none;
    }
}

.car-slider-controls{
    margin-top: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.car-slider-btn{
    display: none;
}

.car-slider-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.car-slider-dot{
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    background: #D0D0D0;
    border: 0;
    cursor: pointer;
    transition: background-color 0.25s ease, transform 0.25s ease, width 0.25s ease;
}

.car-slider-dot.active{
    width: 22px;
    border-radius: 999px;
    background: #F08800;
    transform: none;
}

.car-slider-dot:focus-visible{
    outline: 2px solid #F08800;
    outline-offset: 2px;
}

@media (max-width: 991.98px) {
    .car-deal-card{
        flex: 0 0 calc((100% - 0.875rem) / 2);
    }
}

@media (max-width: 767.98px) {
    .top-car-deals{
        padding: 2rem 0.75rem 1.75rem;
        background: #fff;
    }

    .top-car-deals-heading{
        margin-bottom: 1.25rem;
    }

    .top-car-deals-heading h2{
        font-size: 1.35rem;
    }

    .car-deals-track{
        gap: 0;
    }

    .car-deal-card{
        flex: 0 0 100%;
        width: 100%;
        border-radius: 12px;
    }

    .car-deal-image{
        aspect-ratio: 4 / 3;
    }

    .car-deal-footer{
        min-height: 46px;
        padding: 0.65rem 0.9rem;
    }

    .car-deal-title{
        font-size: 0.9rem;
    }

    .car-slider-controls{
        margin-top: 1.1rem;
    }

    .car-slider-btn{
        display: none;
    }
}

@media (max-width: 480px) {
    .top-car-deals-heading h2{
        font-size: 1.25rem;
    }

    .car-deal-footer{
        min-height: 44px;
    }
}


.new_why_us{
  position: relative;
  height: auto;
  min-height: 520px;
  padding: 4.5rem 1rem 5rem;
  display: flex;
  align-items: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.08) 28%, rgba(255, 255, 255, 0) 55%),
    url(/images/why_choose_bg.webp) center 62% / cover no-repeat;
  background-color: #C5D6DE;
}
.new_why_main{
  position: relative;
  z-index: 1;
  width: 100%;
}
.wcu-header{
  max-width: 780px;
  margin: 0 auto 0.25rem;
  text-align: center;
}
/* =========================================
   HIRE CAR SECTION — Figma layout
========================================= */

.hire_car_main{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.hire-car-section{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 3.5rem 0 3.25rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 22%, rgba(0, 40, 88, 0.06) 0 2px, transparent 2.5px) 0 0 / 18px 18px,
        #FFFFFF;
}

.hire-car-section::before, .hire-car-section::after{
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
    width: 280px;
    height: 180px;
    background:
        radial-gradient(ellipse at center, transparent 40%, rgba(0, 40, 88, 0.045) 41%, transparent 70%);
    opacity: 0.9;
}

.hire-car-section::before{
    top: -40px;
    left: -60px;
}

.hire-car-section::after{
    right: -50px;
    bottom: -30px;
}

.hire-car-heading{
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 720px;
    margin: 0 auto 2.25rem;
    text-align: center;
}

.hire-car-heading h2{
    position: relative;
    display: inline-block;
    margin: 0 0 0.85rem;
    padding-bottom: 0;
    color: #111111;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.45rem, 2.3vw, 1.875rem);
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.hire-car-heading h2::after{
    display: none;
}

.hire-car-heading p{
    margin: 0;
    color: #5C5C5C;
    font-size: 0.9375rem;
    line-height: 1.65;
    font-weight: 400;
}

.hire-car-layout{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 2.5rem 3rem;
    align-items: center;
}

.hire-car-media{
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: #E8EEF2;
    aspect-ratio: 608 / 315;
    min-height: 280px;
}

.hire-car-media img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.hire-car-media:hover img{
    transform: scale(1.04);
}

.hire-car-steps{
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.hire-car-step{
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.85rem 0.75rem 1.35rem 0.35rem;
    margin: 0;
    text-align: left;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    cursor: default;
    transition:
      background-color 0.22s ease,
      transform 0.22s ease,
      box-shadow 0.22s ease;
}

.hire-car-step:last-child{
    padding-bottom: 0.85rem;
}

.hire-car-step:not(:last-child)::before{
    content: "";
    position: absolute;
    left: calc(0.35rem + 24px);
    top: 52px;
    bottom: 0;
    width: 0;
    border-left: 2px dashed rgba(0, 40, 88, 0.28);
    transition: border-color 0.22s ease;
}

.hire-car-step:hover{
    transform: translateX(4px);
    background: #F4F7FB;
    box-shadow: 0 8px 22px rgba(0, 40, 88, 0.08);
}

.hire-car-step:hover:not(:last-child)::before{
    border-left-color: rgba(240, 136, 0, 0.45);
}

.hire-step-index{
    position: relative;
    z-index: 1;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #002858;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 40, 88, 0.2);
    transition:
      background-color 0.22s ease,
      transform 0.22s ease,
      box-shadow 0.22s ease;
}

.hire-car-step:hover .hire-step-index{
    background: #F08800;
    transform: scale(1.08);
    box-shadow: 0 8px 18px rgba(240, 136, 0, 0.35);
}

.hire-step-index span{
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.02em;
    font-family: "Manrope", sans-serif;
    color: #fff;
}

.hire-step-body{
    flex: 1;
    min-width: 0;
    padding-top: 0.15rem;
}

.hire-car-step h3, .hire-step-body h3{
    margin: 0 0 0.35rem;
    color: #002858;
    font-size: 1.05rem;
    line-height: 1.3;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    transition: color 0.22s ease;
}

.hire-car-step:hover h3, .hire-car-step:hover .hire-step-body h3{
    color: #F08800;
}

.hire-car-step p, .hire-step-body p{
    margin: 0;
    color: #6B6B6B;
    font-size: 0.875rem;
    line-height: 1.55;
    font-weight: 400;
}



.hire-step-icon{
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .hire-car-step, .hire-step-index, .hire-car-media img, .hire-car-step h3, .hire-step-body h3{
        transition: none;
    }

    .hire-car-step:hover, .hire-car-step:hover .hire-step-index, .hire-car-media:hover img{
        transform: none;
    }
}

@media (max-width: 991.98px) {
    .hire-car-layout{
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }

    .hire-car-media{
        min-height: 240px;
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 767.98px) {
    .hire-car-section{
        padding: 2.5rem 0 2.25rem;
    }

    .hire-car-heading{
        margin-bottom: 1.5rem;
    }

    .hire-car-heading h2{
        font-size: 1.3rem;
    }

    .hire-car-heading p{
        font-size: 0.8125rem;
    }

    .hire-car-layout{
        gap: 1.35rem;
    }

    .hire-step-index{
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .hire-car-step:not(:last-child)::before{
        left: calc(0.35rem + 20px);
        top: 46px;
    }

    .hire-step-body h3, .hire-car-step h3{
        font-size: 0.95rem;
    }

    .hire-step-body p, .hire-car-step p{
        font-size: 0.8rem;
    }
}

.border_left_new{border-left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;}
.border_right_new{border-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;}

@media (max-width:767px) {
  .new_why_us{
    min-height: 460px;
    padding: 3rem 0.75rem 3.25rem;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.06) 30%, rgba(255, 255, 255, 0) 55%),
      url(/images/why_choose_bg.webp) center 58% / cover no-repeat;
  }
  .wcu-header h2{font-size:1.35rem;}
  .wcu-header p{max-width:95%;font-size:0.8125rem;}
}
@media (max-width:480px) {
  .new_why_us{
    min-height: 420px;
    padding: 2.5rem 0.5rem 2.75rem;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 40%),
      url(/images/why_choose_bg.webp) center 55% / cover no-repeat;
  }
}
@media (max-width:416px) {
    .rj_top_box input, .rj_bottom_box input, .rj_top_box select{font-size:15px;}.rj_top_box, .rj_bottom_box{padding:0 9px;min-height:54px;}.rj_btn{height:54px!important;}
}

.call_banner{width:100%;height:95px;background:#002858;display:none;text-decoration:none!important;color:#fff!important;cursor:pointer;overflow:hidden;}
.call_banner_inner{width:100%;height:95px;padding:10px 10px;display:flex;align-items:center;box-sizing:border-box;}
.call_banner_img{width:60px;height:60px;min-width:60px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #F08800;}
.call_banner_img img{width:100%;height:100%;display:block;object-fit:cover;}
.call_banner_content{margin-left:11px;flex:1;min-width:0;}
.call_banner_text{color:#fff;font-size:16px;font-weight:400;line-height:20px;white-space:nowrap;margin-bottom:2px;}
.call_banner_phone{color:#F08800;font-size:16px;font-weight:700;line-height:20px;white-space:nowrap;}
.call_banner_phone span{font-size:15px;margin-right:3px;color:#F08800;}
.call_banner_btn{height:32px;min-width:96px;padding:0 15px;margin-left:10px;border:1px solid #F08800;border-radius:18px;color:#fff;background:#F08800;font-family:"Manrope",sans-serif;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;}
.call_banner:hover{color:#fff!important;text-decoration:none!important;}
.call_banner:hover .call_banner_btn{color:#fff;background:#C66A00;border-color:#C66A00;}
@media (max-width:767.98px) {
.call_banner{height:95px;display:block;background:#002858;}
.call_banner_inner{height:95px;padding:10px 9px;}
.call_banner_img{width:60px;height:60px;min-width:60px;}
.call_banner_content{margin-left:10px;}
.call_banner_text{font-size:15px;line-height:19px;}
.call_banner_phone{font-size:16px;line-height:20px;color:#F08800;}
.call_banner_btn{min-width:96px;height:32px;margin-left:8px;font-size:15px;background:#F08800;border-color:#F08800;color:#fff;}
}
@media (max-width:480px) {
.call_banner{height:85px;}
.call_banner_inner{height:85px;padding:10px 9px;}
.call_banner_img{width:48px;height:48px;min-width:48px;}
.call_banner_content{margin-left:10px;}
.call_banner_text{font-size:11px;line-height:14px;}
.call_banner_phone{font-size:15px;line-height:20px;}
.call_banner_btn{min-width:83px;height:32px;padding:0 14px;margin-left:8px;font-size:14px;}
}

/* =========================================
   RENTAL SERVICE SECTION — Roadside Teal + Sunset
========================================= */

.rental-service-section{
    width: 100%;
    padding: 3rem 0 2.75rem;
    background:
        linear-gradient(180deg, #FFFFFF 0%, var(--color-bg, #F4F7FB) 100%);
}

.rental-service-header{
    width: 100%;
    max-width: 960px;
    margin: 0 auto 1.75rem;
    text-align: center;
}

.rental-service-header h2{
    position: relative;
    display: inline-block;
    margin: 0 0 0.85rem;
    padding-bottom: 0.65rem;
    color: var(--color-primary, #002858);
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.4rem, 2.2vw, 1.75rem);
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.rental-service-header h2 strong{
    font-weight: 800;
    color: var(--color-accent, #F08800);
}

.rental-service-header h2::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 3rem;
    height: 3px;
    border-radius: 3px;
    background: var(--color-accent, #F08800);
    transform: translateX(-50%);
}

.rental-service-header p{
    margin: 0 auto;
    max-width: 860px;
    color: var(--color-text-muted, #5C5C5C);
    font-size: 0.9375rem;
    line-height: 1.6;
    font-weight: 400;
}

.rental-service-banner{
    position: relative;
    width: 100%;
    min-height: 280px;
    border-radius: 16px;
    overflow: hidden;
    padding: 2rem 2.25rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background:
        linear-gradient(115deg, rgba(0, 40, 88, 0.72) 0%, rgba(0, 40, 88, 0.45) 45%, rgba(240, 136, 0, 0.28) 100%),
        url(/images/page_why.webp) center / cover no-repeat;
    box-shadow:
        0 4px 18px rgba(0, 40, 88, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.35) inset;
}



.rental-service-content{
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 360px;
    width: 100%;
    padding: 1.25rem 1.4rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 40, 88, 0.1);
    border-radius: 14px;
    box-sizing: border-box;
    box-shadow: 0 8px 24px rgba(0, 40, 88, 0.14);
    backdrop-filter: blur(6px);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.rental-service-content:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 40, 88, 0.18);
}

.rental-service-content ul{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rental-service-content li{
    position: relative;
    margin: 0 0 0.65rem;
    padding-left: 1.35rem;
    color: var(--color-text, #111111);
    font-size: 0.875rem;
    line-height: 1.55;
    font-weight: 500;
}

.rental-service-content li:last-child{
    margin-bottom: 0;
}

.rental-service-content li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.35rem;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--color-accent, #F08800);
    box-shadow: 0 0 0 3px rgba(240, 136, 0, 0.18);
}

@media (prefers-reduced-motion: reduce) {
    .rental-service-content, .rental-service-content:hover{
        transition: none;
        transform: none;
    }
}

@media (max-width: 767px) {
    .rental-service-section{
        padding: 2.25rem 0 2rem;
    }

    .rental-service-header{
        margin-bottom: 1.25rem;
    }

    .rental-service-header h2{
        font-size: 1.25rem;
    }

    .rental-service-header p{
        font-size: 0.8125rem;
    }

    .rental-service-banner{
        min-height: 220px;
        padding: 1.25rem;
        border-radius: 14px;
        background:
            linear-gradient(160deg, rgba(0, 40, 88, 0.78) 0%, rgba(0, 40, 88, 0.5) 55%, rgba(240, 136, 0, 0.32) 100%),
            url(/images/page_why.webp) center / cover no-repeat;
    }

    .rental-service-content{
        max-width: 100%;
        padding: 1rem 1.1rem;
    }

    .rental-service-content li{
        font-size: 0.8125rem;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 480px) {
    .rental-service-banner{
        padding: 1rem;
        min-height: 0;
    }

    .rental-service-content{
        padding: 0.85rem 0.95rem;
        border-radius: 12px;
    }

    .rental-service-content li{
        margin: 0 0 0.4rem;
        padding-left: 1.15rem;
        font-size: 0.75rem;
        line-height: 1.45;
    }

    .rental-service-content li::before{
        top: 0.3rem;
        width: 0.45rem;
        height: 0.45rem;
        box-shadow: 0 0 0 2px rgba(240, 136, 0, 0.18);
    }

    .rental-service-header p{
        font-size: 0.75rem;
    }
}






/* =========================================
   HOW BOOKING WORKS — Roadside Teal + Sunset
========================================= */






































.budget-content-section{width:100%;background:#fff;padding:18px 0 30px;}
.budget-content{width:100%;margin:0 auto;color:#222;}
.budget-content h1{font-size:26px;font-family:var(--new-font);margin:10px 0;font-weight:600;}
.budget-content h2{margin:10px 0;color:#111;font-size:20px;line-height:1.25;font-weight:600;}
.budget-content h3{margin:14px 0 10px;color:#333;font-size:18px;line-height:1.3;font-weight:600;}
.budget-content p{margin:0;color:#666;font-size:14px;line-height:1.4;font-weight:400;margin-bottom:10px;}


.budget-content ul{margin:0;padding-left:14px;}.budget-content ul li{font-size:14px;color:#666;}
.m-switch{
    display: none;
    align-items: center;
    margin: 8px 0 12px;
}

.m-switch input{
    display: none;
}

.m-switch label{
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 48px;
    min-height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a;
    cursor: pointer;
}

/* Toggle background */
.m-switch label::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 34px;
    height: 18px;
    transform: translateY(-50%);
    background: #d5d5d5;
    border-radius: 20px;
    transition: all 0.25s ease;
}

/* Toggle circle */
.m-switch label::after{
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: all 0.25s ease;
}


/* CHECKED */
.m-switch input:checked + label::before{
    background: #ff6800;
}

.m-switch input:checked + label::after{
    left: 19px;
}
@media (max-width:767.98px) {.m-switch{display:flex;}
    .budget-content-section{padding:22px 0 10px;}.budget-content h2{font-size:20px;}}
@media (max-width:480px) {.budget-content-section{padding:20px 0 28px;}.budget-content h2{font-size:18px;margin-bottom:12px;}.budget-content h3{font-size:16px;margin-top:15px;}.budget-content p{font-size:13px;line-height:1.5;}
}

@media (max-width:981px){
    .new_banner_sub{
        margin:0 0 10px;
    }

    .new_banner{
        padding-top: 5rem !important;
        padding-bottom: 1rem !important;
    }

    .cr-navbar{
  background: #FFFFFF !important;
}


}

@media (max-width:767.98px){
    .new_banner_sub{
        margin:0 0 10px;
    }
}