/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: WordPress.org
Description: ...
Version: ...
Text Domain: twentytwentyone
*/

/*=========================
BASE STYLES
=========================*/

/*=========================
SHARED UTILITIES
Reuse these instead of writing a new one-off "icon circle" class —
add a size/shape modifier, don't duplicate the whole declaration block.
=========================*/

/* Filled icon badge (light backgrounds): peach circle, orange icon. */
.htm-icon-badge{
    flex:0 0 auto;
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:50%;
    background:#fff3df;
    color:#F7A600;
}

.htm-icon-badge .htm-icon{
    width:20px;
    height:20px;
}

.htm-icon-badge--xs{ width:20px; height:20px; }
.htm-icon-badge--sm{ width:30px; height:30px; }
.htm-icon-badge--sm .htm-icon{ width:14px; height:14px; }
.htm-icon-badge--lg{ width:52px; height:52px; }
.htm-icon-badge--lg .htm-icon{ width:24px; height:24px; }
.htm-icon-badge--square{ border-radius:10px; }

/* Outlined icon ring (dark backgrounds): no fill, orange border + icon. */
.htm-icon-ring{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:50%;
    border:1.5px solid #F7A600;
    color:#F7A600;
}

.htm-icon-ring .htm-icon{
    width:20px;
    height:20px;
}

.htm-icon-ring--lg{ width:52px; height:52px; }
.htm-icon-ring--lg .htm-icon{ width:24px; height:24px; }
.htm-icon-ring--xl{ width:68px; height:68px; }
.htm-icon-ring--xl .htm-icon{ width:26px; height:26px; }
.htm-icon-ring--square{ width:36px; height:36px; border-radius:8px; }
.htm-icon-ring--square .htm-icon{ width:18px; height:18px; }

/*=========================
  TOP BAR
==========================*/

.top-bar{
    background:#fff;
    border-bottom:1px solid #eee;
    padding:8px 0;
}

.top-item{
    display:flex;
    align-items:center;
    gap:12px;
    line-height:1.4;
}

.top-item-center{
    justify-content:center;
}

.top-item-end{
    justify-content:flex-end;
}

.top-item-icon{
    flex:0 0 auto;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#FFF5D6;
    color:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
}

.top-item-icon svg{
    width: 14px;
}

.top-item-icon img{
    width:20px;
    height:20px;
    object-fit:contain;
}

.top-item-badge{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 12px;
    border:1px solid #e2e2e2;
    border-radius:20px;
    background:#fff;
}

.top-item-badge img{
    height:16px;
    width:auto;
    display:block;
}

.top-item-badge-text{
    font-size:11px;
    font-weight:700;
    color:#333;
    letter-spacing:.3px;
}

.top-item-text{
    display:flex;
    flex-direction:column;
}

.top-bar strong{
    font-size:12px;
    color:#111;
}

.top-bar small{
    color:#888;
    font-size:10px;
}

.top-item-end .top-item-text{
    align-items:flex-end;
    text-align:right;
}

.top-item-end .top-item-text a{
    color:#111;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
}

.top-item-end .top-item-text a:hover{
    color:#F7A600;
}

.site-main{
    padding: 0;
}



/*=========================================================
   CHAUFFEUR BOOKING SYSTEM — booking page style + responsive
   (theme-level overrides for the third-party plugin markup;
   the plugin ships no tablet/mobile breakpoints of its own)
=========================================================*/

/* --- Card shell, matches .booking-card / .contact-form-card --- */

.chbs-main.chbs-booking-form-id-188:not(.chbs-widget){
    background:#fff;
    border-radius:18px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    padding:32px;
}

.chbs-main .chbs-main-content{
    margin-top:32px;
}

.chbs-main .chbs-main-content>div>div:last-child{
    margin-top:32px;
}

/* --- Form fields --- */

.chbs-main .chbs-form-field{
    background: transparent !important;
    border: none !important;
}

.chbs-main .chbs-form-field input,
.chbs-main .chbs-form-field select,
.chbs-main .chbs-form-field textarea {
    line-height: 1.5;
    padding: 10px !important;
    background: #fff;
    border: 1px solid #dddddd !important;
    border-radius: 8px;
    box-shadow: none !important;
    font-size:16px !important;
    transition:border-color .2s ease;
}

.chbs-main .chbs-form-field input:focus,
.chbs-main .chbs-form-field select:focus,
.chbs-main .chbs-form-field textarea:focus {
    border-color:#F7A600 !important;
    outline:none;
}

.chbs-main .chbs-form-field>label{
    margin-left: 0 !important;
}

.chbs-main .ui-selectmenu-button {
    display: block;
    width: 100% !important;
    padding: 10px;
    border: 1px solid #d5d5d5 !important;
    border-radius: 8px;
    font-size: 15px !important;
    box-shadow: none !important;
}

/* --- Distance / Hourly tab switcher, restyled as pill buttons --- */

.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom: 20px;
}

.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav>li{
    float:none !important;
    margin:0 !important;
}

.chbs-main .chbs-tab.ui-tabs .ui-tabs-nav>li>a {
    padding: 10px 22px !important;
    border-radius: 999px;
    font-weight:600;
}

.chbs-main .chbs-tab.ui-tabs .ui-tabs-panel{
    border: none !important;
}

/* --- Buttons: match the site's brand orange --- */

.chbs-main .chbs-button.chbs-button-style-1{
    background:#F7A600 !important;
    border-color:#F7A600 !important;
    color:#111 !important;
    transition:background-color .2s ease, opacity .2s ease;
}

.chbs-main .chbs-button.chbs-button-style-1:hover{
    background:#e59700 !important;
    border-color:#e59700 !important;
    opacity:1 !important;
}

/* --- Step navigation (desktop) --- */

.chbs-main .chbs-main-navigation-default>ul>li>a>span:first-child+span{
    line-height:1.3;
}

/* --- Vehicle list cards --- */

.chbs-main .chbs-vehicle-list>ul>li{
    border-radius:14px;
}

/* --- Hero booking form: no map, no distance/time summary --- */

#hero-booking-form .chbs-google-map,
#hero-booking-form .chbs-ride-info{
    display:none !important;
}

/* --- Hero booking form: compact sizing (reduced padding/gaps) --- */

#hero-booking-form .chbs-main.chbs-booking-form-id-188:not(.chbs-widget){
    padding:20px;
}

#hero-booking-form .chbs-main .chbs-main-content{
    margin-top:16px;
}

#hero-booking-form .chbs-main .chbs-main-content>div>div:last-child{
    margin-top:16px;
}

#hero-booking-form .chbs-main .chbs-main-navigation-default>ul>li>a>span:first-child{
    width:34px;
    height:34px;
}

#hero-booking-form .chbs-main .chbs-main-navigation-default>ul>li>a>span:first-child>span:first-child{
    font-size:14px;
    line-height:34px;
}

#hero-booking-form .chbs-main .chbs-main-navigation-default>ul>li>a>span:first-child+span{
    margin-top:8px;
    font-size:12px;
}

#hero-booking-form .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav{
    margin-bottom:18px;
}

#hero-booking-form .chbs-main .chbs-tab.ui-tabs .ui-tabs-nav>li>a{
    padding:8px 16px !important;
    font-size:13px;
}

#hero-booking-form .chbs-main .chbs-form-label-group{
    margin-top:18px;
    padding:8px 14px 9px 14px;
    font-size:12px;
}

#hero-booking-form .chbs-main .chbs-form-field{
    padding-top:26px !important;
}

#hero-booking-form .chbs-main .chbs-form-field>label{
    margin-bottom:6px;
    font-size:12px;
}

/* Gutter between side-by-side fields (pickup date/time, quantity fields, etc.) */

#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-50,
#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-33,
#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-25{
    box-sizing:border-box;
    padding-right:8px !important;
}

#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-50+.chbs-form-field-width-50,
#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-33+.chbs-form-field-width-33,
#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-25+.chbs-form-field-width-25{
    padding-left:8px !important;
}

#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-50:last-child,
#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-33:last-child,
#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-width-25:last-child{
    padding-right:0 !important;
}

#hero-booking-form .chbs-main .chbs-form-field input,
#hero-booking-form .chbs-main .chbs-form-field select,
#hero-booking-form .chbs-main .chbs-form-field textarea{
    padding:8px !important;
    font-size:14px !important;
}

/* Reserve room for the add/remove location icons so the input text
   doesn't run underneath them, and re-center the icons on the now-shorter field */

#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-location-switch>input{
    padding-right:40px !important;
}

#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-location-switch+.chbs-form-field.chbs-form-field-location-switch input{
    padding-right:70px !important;
}

#hero-booking-form .chbs-main .chbs-location-add,
#hero-booking-form .chbs-main .chbs-location-remove{
    top:33px;
    width:26px;
    height:26px;
    line-height:22px;
}

#hero-booking-form .chbs-main .chbs-location-add{
    right:8px;
}

#hero-booking-form .chbs-main .chbs-form-field.chbs-form-field-location-switch+.chbs-form-field.chbs-form-field-location-switch .chbs-location-remove{
    right:38px;
}

#hero-booking-form .chbs-main .chbs-button.chbs-button-step-prev,
#hero-booking-form .chbs-main .chbs-button.chbs-button-step-next{
    padding:10px 20px !important;
}

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

@media(max-width:991px){

    .chbs-main.chbs-booking-form-id-188:not(.chbs-widget){
        padding:22px;
    }

    /* Layout columns (ride details / map, summary / sidebar) stack */
    .chbs-main .chbs-layout-50x50>.chbs-layout-column-left,
    .chbs-main .chbs-layout-50x50>.chbs-layout-column-right,
    .chbs-main .chbs-layout-33x33x33>.chbs-layout-column-left,
    .chbs-main .chbs-layout-33x33x33>.chbs-layout-column-center,
    .chbs-main .chbs-layout-33x33x33>.chbs-layout-column-right,
    .chbs-main .chbs-layout-25x75>.chbs-layout-column-left,
    .chbs-main .chbs-layout-25x75>.chbs-layout-column-right,
    .chbs-main .chbs-layout-75x25>.chbs-layout-column-left,
    .chbs-main .chbs-layout-75x25>.chbs-layout-column-right{
        width:100% !important;
        float:none !important;
        margin-right:0 !important;
        margin-bottom:24px;
    }

    .chbs-main .chbs-google-map #chbs_google_map{
        height:280px;
    }
}

@media(max-width:767px){

    .chbs-main.chbs-booking-form-id-188:not(.chbs-widget){
        padding:16px;
        border-radius:14px;
    }

    .chbs-main .chbs-main-content{
        margin-top:20px;
    }

    .chbs-main .chbs-main-content>div>div:last-child{
        margin-top:20px;
    }

    /* Row groups of date/time/passenger fields stack full-width */
    .chbs-main .chbs-form-field.chbs-form-field-width-50,
    .chbs-main .chbs-form-field.chbs-form-field-width-33,
    .chbs-main .chbs-form-field.chbs-form-field-width-25{
        width:100% !important;
        float:none !important;
    }

    /* Switch the step tabs for the compact dropdown nav */
    .chbs-main .chbs-main-navigation-default{
        display:none !important;
    }

    .chbs-main .chbs-main-navigation-responsive{
        display:block !important;
        margin-bottom:16px;
    }

    /* Vehicle image stacks above its details instead of sitting beside them */
    .chbs-main .chbs-vehicle .chbs-vehicle-image{
        float:none;
        max-width:100%;
        margin-bottom:16px;
    }

    .chbs-main .chbs-vehicle .chbs-vehicle-image+.chbs-vehicle-content,
    .chbs-main .chbs-vehicle .chbs-vehicle-image+.chbs-vehicle-gallery+.chbs-vehicle-content{
        margin-left:0;
    }

    .chbs-main .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header{
        text-align:left;
    }

    .chbs-main .chbs-vehicle .chbs-vehicle-content>div.chbs-vehicle-content-header>span{
        float:none;
        width:100%;
    }

    /* Prev/Next buttons stack full-width instead of floating side by side */
    .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-prev,
    .chbs-main .chbs-main-content-navigation-button .chbs-button.chbs-button-step-next{
        float:none;
        display:block;
        width:100%;
        text-align:center;
        margin-bottom:10px;
    }

    .chbs-main .chbs-button.chbs-button-style-1,
    .chbs-main .chbs-button.chbs-button-style-2,
    .chbs-main .chbs-button.chbs-button-style-3{
        padding:14px 20px 16px 20px;
    }
}

/* .site-main > *{margin-bottom:0 !important ;} */
/*=========================
 NAVBAR
==========================*/

.navbar{
    padding:10px 0;
    position:fixed;
    top:0;
    z-index:1030;
    transition:box-shadow .3s ease, padding .3s ease;
    width: 100%;

}

.htm-navbar-dark{
    background:transparent;
}

.navbar.is-scrolled{
    background:#111315;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
    padding:6px 0;
}

.navbar-brand img, a.custom-logo-link img {
    max-height: 60px;
    max-width: 200px;
}

.navbar-nav li{
    margin:0 10px;
    position:relative;
}

.navbar-nav li a{
    color: #222;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
    font-size: 14px;
}

.navbar-nav li a:hover{
    color:#F7A600;
}

.htm-navbar-dark .navbar-nav li a{
    color:#fff;
    padding:8px 2px;
}

.htm-navbar-dark .navbar-nav li a:hover,
.htm-navbar-dark .navbar-nav .current-menu-item > a,
.htm-navbar-dark .navbar-nav .current_page_item > a{
    color:#F7A600;
}

.htm-navbar-dark .navbar-nav .current-menu-item > a::before,
.htm-navbar-dark .navbar-nav .current_page_item > a::before{
    content:"";
    position:absolute;
    left:2px;
    right:2px;
    bottom:-4px;
    height:1px;
    background:#F7A600;
}

.htm-navbar-actions{
    display:flex;
    align-items:center;
    gap:22px;
    margin-left:24px;
}

.htm-navbar-phone{
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    white-space:nowrap;
}
.htm-navbar-phone img{filter: invert(1);}

.htm-navbar-phone:hover{
    color:#F7A600;
}

.htm-navbar-dark .navbar-toggler{
    border-color:rgba(255,255,255,.3);
}

/*.htm-navbar-dark .navbar-toggler-icon{*/
/*    filter:invert(1);*/
/*}*/

/*=========================
MOBILE NAV DRAWER (offcanvas)
=========================*/

.htm-mobile-drawer{
    background:#111315;
    width:320px;
    max-width:85vw;
}

.htm-mobile-drawer .offcanvas-header{
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:18px 22px;
    justify-content: space-between;
}

.htm-mobile-drawer .offcanvas-title{
    display:flex;
    align-items:center;
    color:#fff;
    font-weight:700;
    font-size:16px;
}

.htm-mobile-drawer .offcanvas-title img{
    max-height:36px;
}

.htm-drawer-close{
    width:36px;
    height:36px;
    border:2px solid #F7A600;
    border-radius:8px;
    background:transparent;
    color:#F7A600;
    font-size:22px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    transition:.2s;
}

.htm-drawer-close:hover{
    background:#F7A600;
    color:#171717;
}

.htm-drawer-actions{
    display:flex;
    flex-direction:column;
    gap:14px;
    margin:30px 0 0;
}

.htm-drawer-btn{
    display:block;
    width:100%;
    text-align:center;
    padding:14px 20px;
    border-radius:50px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    transition:.2s;
}

.htm-drawer-btn--outline{
    background:transparent;
    border:2px solid #F7A600;
    color:#F7A600;
}

.htm-drawer-btn--outline:hover{
    background:#F7A600;
    color:#171717;
}

.htm-drawer-btn--solid{
    background:#F7A600;
    border:2px solid #F7A600;
    color:#171717;
}

.htm-drawer-btn--solid:hover{
    background:#e59700;
    border-color:#e59700;
    color:#171717;
}

@media(max-width:991.98px){
    .htm-mobile-drawer .offcanvas-body{
        padding:24px 22px;
        display:flex;
        flex-direction:column;
    }

    .htm-mobile-drawer .navbar-nav{
        width:100%;
    }

    .htm-mobile-drawer .navbar-nav li{
        margin:0;
        width:100%;
    }

    .htm-mobile-drawer .navbar-nav li a{
        display:block;
        padding:16px 4px;
        font-size:16px;
    }

    .htm-mobile-drawer .navbar-nav .dropdown-menu{
        position:static !important;
        background:transparent;
        box-shadow:none !important;
        padding:0 0 10px 14px;
    }

    .htm-mobile-drawer .navbar-nav .dropdown-menu li a{
        color:#b9bbc0;
        padding:10px 4px;
        font-size:14px;
    }

    .htm-mobile-drawer .navbar-nav{
        border-bottom:1px solid rgba(255,255,255,.08);
        padding-bottom:10px;
    }
}

.navbar-nav .dropdown-menu{
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1) !important;
    margin: 0 !important;
}

.navbar-nav .dropdown-menu  li{
    margin: 0 !important;
}

.navbar-nav .dropdown-menu li a{
    padding: 10px !important;
}

.navbar-nav .dropdown-item{
    border-radius: 0 !important;
}

.btn-warning{
    padding: 8px 20px;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
}

.hero-section{
    position:relative;
    padding:64px 0 56px;
    background-color:#111315;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    display:flex;
    align-items:center;
    margin: 0 !important;
}

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(100deg, rgba(10,11,13,.92) 35%, rgba(10,11,13,.72) 60%, rgba(10,11,13,.35) 100%);
}

.hero-section .container{
    position:relative;
    z-index:2;
}

.hero-section-bg{
    position:absolute;
    inset:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

/* Slider variant */

.hero-section--slider{
    padding:0;
    display:block;
    background:none;
}

.hero-slider,
.hero-slider .swiper-wrapper{
    width:100%;
}

.hero-slide{
    position:relative;
    min-height:640px;
    padding:50px 0 38px;
    display:flex;
    align-items:center;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

.hero-pagination{
    position:absolute!important;
    left:0;
    bottom:22px!important;
    width:100%;
    text-align:center;
    z-index:3;
}

.hero-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:.6;
    transition:.3s;
}

.hero-pagination .swiper-pagination-bullet-active{
    background:#F7A600;
    opacity:1;
    width:28px;
    border-radius:6px;
}

.hero-badges-container{
    background:#fff;
    padding:26px 0;
    position:relative;
    z-index:2;
}

.hero-tag{
    display:inline-block;
    color:#F7A600;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.hero-section h1{
    color:#fff;
    font-size:42px;
    font-weight:800;
    line-height:1.2;
}

.hero-title-accent{
    color:#F7A600;
}

.hero-section p{
    color: #d5d7db;
    font-size: 16px;
    line-height:1.7;
    margin: 18px 0 0;
}

/* ===========================
   Booking Card
=========================== */

.booking-card{
    background: #fff;
    border: 1px solid #2c2f34;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .45);
}

.booking-header span{
    display:inline-block;
    color:#F7A600;
    font-weight:700;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.booking-header h3{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0 !important;
    color: #000;
}

.booking-header p{
    color: #9a9ca0;
    margin: 4px 0px 14px 0;
    font-size: 13px;
}

/* ===========================
   Contact Form 7
=========================== */

.booking-card .wpcf7{
    width:100%;
}

.booking-card .wpcf7 form{
    margin:0;
}

.booking-card .wpcf7 p{
    margin:0;
    position: relative;
}

.wpcf7-spinner{
    visibility: hidden;
    display: inline-block;
    background-color: #757778;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: absolute;
    right: 0;
    top: 16px;
}

.booking-card .wpcf7-form-control-wrap{
    display:block;
    width:100%;
}

.booking-card input, .booking-card select, .booking-card textarea{
    width: 100%;
    height: 44px;
    border: 1px solid #3a3d42;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 14px;
    background: #232529;
    color: #f1f2f4;
    transition: .3s;
}

.booking-card label,
.booking-card .wpcf7-form-control-wrap > label{
    color:#b9bbc0;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.booking-card ::placeholder{
    color:#7b7d82;
}

.booking-card textarea{
    height:120px;
    padding:15px;
    resize:none;
}

.booking-card input:focus,
.booking-card select:focus,
.booking-card textarea:focus{
    border-color:#F7A600;
    outline:none;
    box-shadow:0 0 0 .2rem rgba(247,166,0,.15);
}

/* Submit */

.booking-card input[type=submit],
.booking-card .wpcf7-submit{
    width:100%;
    height:56px;
    border:none;
    border-radius:10px;
    background:#F7A600;
    color:#fff;
    font-weight:600;
    font-size:16px;
    transition:.3s;
    cursor:pointer;
}

.booking-card .wpcf7-submit:hover{
    background:#E09200;
}

/* Validation */

.booking-card .wpcf7-not-valid-tip{
    color:#dc3545;
    font-size:13px;
    margin-top:5px;
}

.booking-card .wpcf7-response-output{
    margin-top:20px !important;
    border-radius:8px;
}

/*==================================
    TRUST FEATURE SECTION
===================================*/

.feature-strip-section{
    position: relative;
    z-index: 20;
    margin-top: -46px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.feature-strip-wrapper {
    background: #fff;
    border-radius: 18px;
    display: flex;
    overflow: hidden;
    border-top: 5px solid #ef9f00;
    border-bottom: 1px solid #aca9a9;
    border-left: 1px solid #aca9a9;
    border-right: 1px solid #aca9a9;
}

.feature-strip-item{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 28px 22px;
    border-right: 1px solid #ececec;
    transition: all .35s ease;
    position: relative;
}

.feature-strip-item:last-child{
    border-right: none;
}

.feature-strip-item:hover{
    background: #FFF9EB;
}

.feature-strip-icon{
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #FFF5D6;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s;
}

.feature-strip-icon img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: .35s;
}

.feature-strip-item:hover .feature-strip-icon{
    background: #F7A600;
}

.feature-strip-item:hover .feature-strip-icon img{
    transform: scale(1.1);
}

.feature-strip-content{
    flex: 1;
}

.feature-strip-content h4{
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px;
    line-height: 1.3;
}

.feature-strip-content p{
    margin: 0;
    color: #6b7280;
    font-size: 12px;
    line-height: 1.6;
}



.services-section{
    padding: 30px 0;
    background: #fff;
    margin: 0 !important;
}

.section-heading{
    max-width:700px;
    margin:0 auto 40px;
    text-align:center;
}

.section-heading--split{
    max-width:none;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    text-align:left;
    margin:0 0 40px;
}

.section-heading--split .section-subtitle,
.section-heading--split h2,
.section-heading--split p{
    margin-left:0;
}

.section-heading-link{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#F7A600;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    white-space:nowrap;
}

.section-heading-link:hover{
    color:#171717;
}

.section-heading-link i,
.section-heading-link .htm-icon{
    transition:.3s;
}

.section-heading-link:hover i,
.section-heading-link:hover .htm-icon{
    transform:translateX(5px);
}

.section-subtitle{
    display:inline-block;
    color:#F7A600;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
}

.section-heading h2{
    font-size:34px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

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

.htm-service-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:18px;
    overflow:hidden;
    height:100%;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
}

.htm-service-card:hover{
    transform:translateY(-8px);
    border-color:#F7A600;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.htm-service-image{
    position:relative;
    margin-bottom:0;
}

.htm-service-image img{
    width:100%;
    height:190px;
    display:block;
    object-fit:cover;
    transition:.4s;
}

.htm-service-card:hover .htm-service-image img{
    transform:scale(1.05);
}

.htm-service-icon{
    position:absolute;
    left:20px;
    bottom:-24px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
}

.htm-service-icon img{
    width:26px;
    height:26px;
    display:block;
    object-fit:contain;
    filter:brightness(0) invert(1);
}

.htm-service-card-body{
    padding:34px 24px 24px;
    text-align:left;
}

.htm-service-title{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin:0 0 12px;
}

.htm-service-description{
    font-size:14px;
    color:#666;
    line-height:1.7;
    margin-bottom:18px;
}

.htm-service-description p{
    margin:0;
}

.htm-service-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#F7A600;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.htm-service-btn:hover{
    color:#222;
}

.htm-service-btn i{
    transition:.3s;
}

.htm-service-btn:hover i{
    transform:translateX(5px);
}

.fleet-section{
    padding:34px 0;
    background:#111315;
    overflow:hidden;
    margin: 0;
}

.fleet-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 40px;
}

.fleet-subtitle{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    color:#F7A600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
}

.fleet-heading h2{
    font-size:34px;
    font-weight:700;
    color:#fff;
    line-height:1.2;
    margin:0 0 18px;
}

.fleet-heading p{
    font-size:16px;
    line-height:1.8;
    color:#a9abaf;
}

.fleet-slider,
.services-slider{
    padding:10px 5px 60px;
}

.fleet-slider .swiper-slide,
.services-slider .swiper-slide{
    height:auto;
}

.fleet-slider .fleetpage-card{
    height:100%;
}

.fleet-btn{
    text-align:center;
    margin-top:35px;
}

.fleet-btn a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 38px;
    background:transparent;
    color:#fff;
    border:2px solid #fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.fleet-btn a:hover{
    background:#F7A600;
    border-color:#F7A600;
    color:#171717;
}

.fleet-pagination,
.services-pagination{
    position:relative!important;
    bottom:0!important;
    margin-top:35px;
}

.fleet-pagination .swiper-pagination-bullet,
.services-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#F7A600;
    opacity:.35;
}

.fleet-pagination .swiper-pagination-bullet-active,
.services-pagination .swiper-pagination-bullet-active{
    width:30px;
    border-radius:30px;
    opacity:1;
}

.why-choose-section{
    padding:30px 0;
    background:#fff;
    margin: 0;
}

.why-choose-wrapper{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:55px;
}

.why-choose-wrapper .about-intro__image img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:16px;
    display:block;
}

.why-right{
    min-width:0;
}

.why-choose-wrapper--no-image{
    grid-template-columns:1fr;
}

.why-benefit-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px 20px;
    list-style:none;
    padding:0;
    margin:28px 0 0;
}

.why-benefit-list li{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.why-benefit-icon{
    flex:0 0 auto;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#171717;
    color:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    overflow:hidden;
}

.why-benefit-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.why-benefit-text{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.why-choose-link{
    margin-top:28px;
}

.why-choose-link .htm-icon{
    width:15px;
    height:15px;
}

.why-benefit-text strong{
    color:#171717;
    font-size:15px;
    font-weight:700;
}

.why-benefit-text span{
    color:#666;
    font-size:13px;
    line-height:1.6;
}

/*=========================
HOW IT WORKS + DESTINATIONS
=========================*/

.how-it-works-section {
    background: #111315;
    padding: 24px 0;
    margin: 0;
}


.destinations-block .section-heading--split{
    margin-bottom:0;
}

.how-it-works-steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:16px;
    margin-top:34px;
}

.how-it-works-steps::before{
    content:"";
    position:absolute;
    left:12.5%;
    right:12.5%;
    top:28px;
    height:0;
    border-top:2px dashed rgba(247,166,0,.45);
    z-index:0;
}

.how-it-works-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:16px;
}

.how-it-works-step-number{
    flex:0 0 auto;
    width:56px;
    height:56px;
    border-radius:50%;
    border:2px solid #F7A600;
    color:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:17px;
    background:#111315;
    position:relative;
    z-index:1;
}

.how-it-works-step-text h4{
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin:0 0 6px;
}

.how-it-works-step-text p{
    color:#9a9ca0;
    font-size:13px;
    line-height:1.6;
    margin:0;
}

.section-heading--dark{
    margin-bottom:0;
}

.section-heading--dark h2{
    color:#fff;
}

.destinations-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:24px;
}

.destination-card{
    position:relative;
    display:block;
    border-radius:14px;
    overflow:hidden;
    height:170px;
    text-decoration:none;
}

.destination-card-image{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.destination-card:hover .destination-card-image{
    transform:scale(1.08);
}

.destination-card-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.78) 100%);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:14px;
}

.destination-card-overlay h4{
    color:#fff;
    font-size:15px;
    font-weight:700;
    margin:0 0 4px;
}

.destination-card-overlay span{
    color:#F7A600;
    font-size:12px;
    font-weight:700;
}



.section-tag{
    color:#F7A600;
    font-weight:700;
    font-size:14px;
    letter-spacing:1px;
    text-transform:uppercase;
    /* text-align: center; */
    display: block;
}

.stat-card{
    padding:16px 19px;
    text-align:center;
    border-right:1px solid #ececec;
}

.stat-card:last-child{
    border-right:none;
}

.stat-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin-bottom:20px;
    border:1px solid #F7A600;
    border-radius:50%;
    color:#F7A600;
    font-size:23px;
    line-height:1;
}

.stat-icon-image{
    width:48px !important;
    height:48px !important;
    object-fit:contain;
}

/* Inner pages */

.inner-hero{
    padding:50px 0;
    background:linear-gradient(120deg,#111 0%,#262626 100%);
    color:#fff;
    text-align:center;
}

.inner-hero h1{
    margin:0;
    color:#fff;
    font-size:40px;
    font-weight:700;
    white-space:pre-line;
}

.about-intro{
    background:#fff;
}

.about-intro__content{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
    gap:55px;
}

.about-intro__image img{
    width:100%;
    height:420px;
    object-fit:cover;
    border-radius:16px;
}

.about-intro__text h2{
    font-size:22px;
    line-height:1.2;
    color:#111;
}

.about-intro__text p{
    color:#666;
    line-height:1.8;
    font-size: 13px;
}

.about-benefits{
    background:#f8f8f8;
    padding: 30px 0;
}

.about-benefits__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.about-benefit-card{
    padding:30px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.about-benefit-card__image img{
    width:52px;
    height:52px;
    object-fit:contain;
    margin-bottom:18px;
}

.about-benefit-card h3{
    font-size:20px;
    color:#111;
}

.about-benefit-card p{
    margin:0;
    color:#666;
    line-height:1.7;
}

.about-stats{
    padding-top:0;
    background:#f8f8f8;
}

.about-stats__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#fff;
    border:1px solid #eee;
    border-radius:15px;
    overflow:hidden;
}

.about-stat-card{
    padding:32px 20px;
    text-align:center;
    border-right:1px solid #eee;
}

.about-stat-card:last-child{
    border-right:0;
}

.about-stat-card strong{
    display:block;
    color:#111;
    font-size:32px;
    line-height:1.1;
}

.about-stat-card span:last-child{
    display:block;
    margin-top:10px;
    color:#666;
}

.stat-card h3{
    margin:0;
    font-size:34px;
    color:#111;
}

.stat-card p{
    margin-top:10px;
    color:#666;
    font-size:15px;
}

/*=========================
FEATURES
=========================*/

.features-section{
    background:#f8fafc;
    padding:34px 0;
}

.feature-card{
    background:#fff;
    border-radius:18px;
    padding:35px 30px;
    height:100%;
    display:flex;
    gap:22px;
    align-items:flex-start;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.35s ease;
    border:1px solid #edf2f7;
}

.feature-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.feature-icon-wrap{
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:50%;
    background:#FFF8E7;
    display:flex;
    justify-content:center;
    align-items:center;
}

.feature-icon{
    width:42px;
    height:42px;
    object-fit:contain;
}

.feature-content{
    flex:1;
}

.feature-content h4{
    font-size:22px;
    font-weight:700;
    color:#1f2937;
    margin-bottom:15px;
}

.feature-description{
    color:#6b7280;
    line-height:1.8;
    font-size:15px;
}

.feature-description p{
    margin-bottom:0;
}

.feature-card:hover .feature-icon-wrap{
    background:#F4C430;
}

.feature-card:hover .feature-icon{
    transform:scale(1.08);
    transition:.3s;
}

/*=========================
HERO BADGES
=========================*/

.hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:28px;
    margin:26px 0;
}

.hero-badge{
    display:flex;
    align-items:center;
    gap:10px;
}

.hero-badge-icon{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:transparent;
    border:1px solid rgba(247,166,0,.5);
    color:#F7A600;
    font-size:16px;
    font-weight:700;
    line-height:1;
}

.hero-badge-icon img{
    width:20px !important;
    height:20px !important;
    object-fit:contain;
    filter: invert(1);
}

.hero-badge-text{
    display:flex;
    flex-direction:column;
    line-height:1.3;
}

.hero-badge-text strong{
    color:#fff;
    font-size:14px;
    font-weight:700;
}

.hero-badge-text span{
    color:#b9bbc0;
    font-size:12px;
}

/*=========================
HERO SOCIAL PROOF
=========================*/

.hero-social-proof{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:8px;
}

.hero-avatar-stack{
    display:flex;
}

.hero-avatar{
    width:32px;
    height:32px;
    border-radius:50%;
    background:#3a3d42;
    border:2px solid #111315;
    margin-left:-10px;
}

.hero-avatar-stack .hero-avatar:first-child{
    margin-left:0;
}

.hero-social-proof-text{
    color:#e5e7eb;
    font-size:13px;
    font-weight:600;
}

.hero-social-proof-divider{
    width:1px;
    height:16px;
    background:rgba(255,255,255,.25);
}

.hero-rating-star{
    color:#F7A600;
    font-size:16px;
}

/*=========================
STAT STRIP (under hero)
=========================*/

.stat-strip-section{
    background:#111315;
    padding:34px 0;
}

.stat-strip-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    text-align:center;
}

.stat-strip-item{
    position:relative;
    padding:0 16px;
}

.stat-strip-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:4px;
    right:-2px;
    bottom:4px;
    width:1px;
    background:rgba(255,255,255,.12);
}

.stat-strip-item h3{
    margin:0;
    color:#F7A600;
    font-size:28px;
    font-weight:800;
    line-height:1.1;
}

.stat-strip-item p{
    margin:8px 0 0;
    color:#c9cbcf;
    font-size:14px;
    font-weight:500;
}

/*=========================
TESTIMONIALS
=========================*/

.testimonials-section{
    padding:30px 0;
    background:#f8fafc;
    margin: 0;
}

.google-rating-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:18px;
    padding:10px 20px;
    background:#fff;
    border:1px solid #eee;
    border-radius:50px;
    box-shadow:0 8px 20px rgba(0,0,0,.06);
}

.google-rating-badge__g{
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#4285F4;
    color:#fff;
    font-size:13px;
    font-weight:800;
}

.google-rating-badge strong{
    font-size:17px;
    color:#222;
}

.google-rating-badge__stars{
    color:#e0e0e0;
    font-size:15px;
    letter-spacing:1px;
}

.google-rating-badge__stars .star.filled{
    color:#F7A600;
}

.google-rating-badge__count{
    color:#777;
    font-size:13px;
    font-weight:600;
}

.testimonials-cta{
    text-align:center;
    margin-top:35px;
}

.testimonials-cta .btn-outline-dark{
    padding:12px 30px;
    border:2px solid #171717;
    border-radius:8px;
    color:#171717;
    font-weight:700;
    font-size:14px;
    text-decoration:none;
    transition:.3s;
}

.testimonials-cta .btn-outline-dark:hover{
    background:#171717;
    color:#fff;
}

.testimonial-card {
    background: #f5f3fd;
    border-radius: 15px;
    padding: 32px;
    height: 100%;
    border: 1px solid #c7c7c7;
    transition: .3s;
}

.testimonial-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,.1);
}

.testimonial-source{
    font-weight:700;
    color:#444;
    font-size:14px;
    margin-bottom:8px;
}

.testimonial-stars{
    color:#e0e0e0;
    font-size:16px;
    margin-bottom:15px;
    letter-spacing:2px;
}

.testimonial-stars .star.filled{
    color:#F7A600;
}

.testimonial-text{
    color:#555;
    line-height:1.8;
    font-size:15px;
    margin-bottom:22px;
    font-style:italic;
}

.testimonial-text p{
    margin:0;
}

.testimonial-author{
    display:flex;
    align-items:center;
    gap:14px;
}

.testimonial-avatar img{
    width:48px !important;
    height:48px !important;
    border-radius:50%;
    object-fit:cover;
}

.testimonial-author-info{
    display:flex;
    flex-direction:column;
    line-height:1.3;
}

.testimonial-author-info strong{
    color:#222;
    font-size:15px;
}

.testimonial-author-info span{
    color:#888;
    font-size:13px;
}

/*=========================
FAQ ACCORDION
=========================*/

.faq-section{
    padding:30px 0;
    background:#fff;
    margin: 0;
}

.faq-group{
    margin-bottom:14px;
}

.faq-group__title{
    font-size:20px;
    font-weight:700;
    color:#111;
    margin:0 0 18px;
    padding-bottom:10px;
    border-bottom:2px solid #F7A600;
}

.faq-item{
    background:#f8fafc;
    border:1px solid #eee;
    border-radius:14px;
    overflow:hidden;
}

.faq-item .faq-question,
.faq-item .faq-question:not(:hover):not(:active):not(.has-background),
.faq-item .faq-question:hover,
.faq-item .faq-question:active{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    background-color:transparent;
    border:none;
    text-align:left;
    padding:20px 24px;
    font-size:16px;
    font-weight:600;
    color:#222;
    cursor:pointer;
}

.faq-question .faq-icon{
    flex:0 0 auto;
    color:#F7A600;
    font-size:20px;
    font-weight:700;
    transition:.3s;
}

.faq-question.active .faq-icon{
    transform:rotate(45deg);
}

.faq-question.active{
    color:#F7A600;
}

.faq-answer-inner{
    padding:0 24px 22px;
    color:#666;
    line-height:1.8;
    font-size:15px;
}

.faq-answer-inner p{
    margin:0;
}

/*=========================
FINAL CTA BANNER
=========================*/

.final-cta-section{
    background:#F7A600;
    padding:0;
}

.final-cta-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:28px 0;
    overflow:hidden;
}

.final-cta-content{
    max-width:480px;
    position:relative;
    z-index:2;
}

.final-cta-content h2{
    font-size:28px;
    font-weight:800;
    color:#171717;
    margin:0 0 12px;
    line-height:1.2;
}

.final-cta-content p{
    color:#3a2c00;
    font-size:15px;
    margin:0;
}

.final-cta-image,
.final-cta-graphic{
    flex:1;
    max-width:420px;
    position:relative;
    z-index:1;
}

.final-cta-image img{
    width:100%;
    height:auto;
    display:block;
}

.final-cta-graphic svg{
    width:100%;
    height:auto;
    display:block;
}

.final-cta-btn{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 32px;
    background:#171717;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-weight:700;
    font-size:15px;
    white-space:nowrap;
    transition:.3s;
}

.final-cta-btn:hover{
    background:#000;
    color:#fff;
}

.final-cta-btn i{
    transition:.3s;
}

.final-cta-btn:hover i{
    transform:translateX(5px);
}

@media(max-width:991px){
    .final-cta-wrapper{
        flex-direction:column;
        text-align:center;
        gap:24px;
        padding:24px 0;
    }
    .final-cta-content{
        max-width:100%;
    }
    .final-cta-image,
    .final-cta-graphic{
        max-width:280px;
    }
}

/*=========================
FOOTER WIDGETS / COLUMNS
=========================*/

.footer-widgets{
    background:#111;
    color:#ccc;
    padding:30px 0 30px;
}

.footer-widgets-grid{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;
    gap:30px;
}

.footer-col-title{
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin-bottom:20px;
}

.footer-logo img{
    max-height:55px;
}

.footer-logo-text{
    color:#fff;
    font-size:22px;
    margin-bottom:15px;
}

.footer-tagline{
    color:#999;
    line-height:1.8;
    font-size:14px;
    margin:15px 0 20px;
}

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

.footer-social-icon{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#222;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:14px;
    transition:.3s;
}

.footer-social-icon:hover{
    background:#F7A600;
    color:#111;
}

.footer-links-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:12px;
}

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

.footer-links-list li a:hover{
    color:#F7A600;
}

.footer-contact-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.footer-contact-list li{
    color:#999;
    font-size:14px;
    display:flex;
    align-items:flex-start;
    gap:8px;
}

.footer-contact-list li a{
    color:#999;
    text-decoration:none;
}

.footer-contact-list li a:hover{
    color:#F7A600;
}

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

.contact-info-band{
    margin-top:-32px;
    position:relative;
    z-index:5;
}

.contact-info-band__bar{
    background:#fff;
    border-radius:16px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
    padding:26px 24px;
    display:flex;
    flex-wrap:wrap;
    gap:22px 16px;
}

.contact-info-band__item{
    flex:1 1 220px;
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.contact-info-band__item strong{
    display:block;
    font-size:15px;
    color:#111;
    margin-bottom:2px;
}

.contact-info-band__item span,
.contact-info-band__item a{
    display:block;
    color:#666;
    text-decoration:none;
    font-size:13.5px;
    line-height:1.5;
}

.contact-info-band__item a:hover{
    color:#F7A600;
}

.contact-main-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:start;
}

.contact-map-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
    overflow:hidden;
}

.contact-map{
    height:280px;
}

.contact-map iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}

.contact-map-card__footer{
    padding:20px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}

.contact-map-card__footer strong{
    display:block;
    color:#111;
    font-size:15px;
    margin-bottom:4px;
}

.contact-map-card__footer span{
    display:block;
    color:#777;
    font-size:13px;
}

.contact-map-card__btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 20px;
    border:1.5px solid #ddd;
    border-radius:8px;
    color:#111;
    font-weight:700;
    font-size:13.5px;
    text-decoration:none;
    white-space:nowrap;
    transition:.3s;
}

.contact-map-card__btn .htm-icon{
    width:14px;
    height:14px;
}

.contact-map-card__btn:hover{
    background:#111;
    border-color:#111;
    color:#fff;
}

.contact-trust-strip{
    background:#171717;
    border-radius:16px;
    padding:30px;
    margin:0 auto 0;
    max-width:1320px;
}

.contact-trust-strip__grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
}

.contact-trust-strip__item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.contact-trust-strip__item strong{
    display:block;
    color:#fff;
    font-size:14.5px;
    margin-bottom:4px;
}

.contact-trust-strip__item span{
    display:block;
    color:#a8adb5;
    font-size:13px;
    line-height:1.6;
}

.contact-form-description{
    color:#666;
    line-height:1.8;
}

.contact-form-card {
    background: #fff;
    padding: 24px;
    border-radius: 20px;
    border-top: 10px solid orange;
}

.contact-form-card h3{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-bottom:14px;
}

.contact-form-card .booking-card{
    box-shadow:none;
    padding:0px;
    border:none;
}

/* ===========================
   Contact Form — light card design
=========================== */

.contact-form-card .booking-header--with-icon{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.contact-form-card .booking-header__text h3{
    font-size:24px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:0 !important;
}

.contact-form-card .booking-header__text p{
    color:#6b7280;
    font-size:14px;
    line-height:1.6;
    margin:8px 0 0;
}

.contact-form-card .booking-header__icon{
    flex:0 0 auto;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#fdecd1;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7A600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:22px 22px;
}

.contact-form-card .wpcf7 form{
    margin-top:22px;
}

.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea{
    background:#fff;
    border:1px solid #e2e5eb;
    color:#1f2937;
    border-radius:12px;
    height:52px;
    padding-left:44px;
    background-repeat:no-repeat;
    background-position:16px center;
    background-size:20px 20px;
}

.contact-form-card ::placeholder{
    color:#94a3b8;
}

.contact-form-card textarea{
    height:130px;
    padding-top:15px;
    padding-left:44px;
    background-position:16px 17px;
}

.contact-form-card input:focus,
.contact-form-card select:focus,
.contact-form-card textarea:focus{
    border-color:#F7A600;
    box-shadow:0 0 0 .2rem rgba(247,166,0,.15);
}

.contact-form-card input[name="your-name"]{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7A600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.contact-form-card input[name="your-email"]{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7A600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}

.contact-form-card input[name="your-phone"]{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7A600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

.contact-form-card textarea[name="your-message"]{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7A600' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E");
}

.contact-form-card input[type=submit],
.contact-form-card .wpcf7-submit{
    height:56px;
    border-radius:12px;
    color:#000 !important;
    background-color:#F7A600;
    background-image:linear-gradient(135deg,#F7A600,#E09200),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:0 0, calc(50% - 58px) center;
    background-size:auto, 20px 20px;
    /* box-shadow:0 14px 30px rgba(224,146,0,.28); */
    text-align:center;
}

.contact-form-card .wpcf7-submit:hover{
    background-image:linear-gradient(135deg,#e59500,#c77e00),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E");
}

.contact-form-card .booking-card__privacy-note{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:14px 0 0;
    font-size:12.5px;
    color:#6b7280;
    text-align:center;
}

.contact-form-card .booking-card__privacy-icon{
    display:inline-block;
    width:14px;
    height:14px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat center / contain;
}


/*=========================
FLEET PAGE — TAB FILTER
=========================*/

.fleetpage-tabs-section{
    padding:36px 0 0;
    margin: 0;
}

.fleetpage-tabs{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
}

.fleetpage-tab{
    /* !important: the legacy Twenty-Twenty-One base stylesheet has a
       button:not(:hover):not(:active):not(.has-background) rule whose
       :not() chain out-specifies a single class selector. */
    background:#fff !important;
    color:#171717 !important;
    border:1px solid #e2e3e6;
    padding:10px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:.25s;
}

.fleetpage-tab:hover{
    border-color:#171717;
}

.fleetpage-tab.is-active{
    background:#171717 !important;
    border-color:#171717;
    color:#fff !important;
}

.fleetpage-card--hidden{
    display:none !important;
}

/*=========================
FLEET PAGE — VEHICLE GRID
=========================*/

.fleet-grid-section{
    padding:38px 0;
    margin: 0;
}

.fleetpage-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
}

.fleetpage-card{
    position:relative;
    background:#fff;
    border:1px solid #e2e3e6;
    border-radius:16px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:0 6px 20px rgba(17,17,17,.06);
    transition:.3s;
}

.fleetpage-card:hover{
    border-color:#F7A600;
    box-shadow:0 20px 40px rgba(0,0,0,.1);
    transform:translateY(-4px);
}

.fleetpage-card__badge{
    position:absolute;
    top:14px;
    left:14px;
    z-index:2;
    background:#F7A600;
    color:#171717;
    font-size:11px;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
    padding:5px 12px;
    border-radius:20px;
}

.fleetpage-card__image{
    height:150px;
    background:#f2f2f2;
}

.fleetpage-card__image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}

.fleetpage-card__body{
    padding:18px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.fleetpage-card__body h3{
    font-size:17px;
    font-weight:700;
    color:#171717;
    margin:0 0 12px;
}

.fleetpage-card__meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 14px;
    margin-bottom:14px;
}

.fleetpage-card__meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:12px;
    font-weight:600;
    color:#6b6f76;
}

.fleetpage-card__meta .htm-icon{
    width:15px;
    height:15px;
}

.fleetpage-card__price{
    font-size:20px;
    font-weight:800;
    color:#171717;
    margin-bottom:14px;
}

.fleetpage-card__price span{
    font-size:13px;
    font-weight:600;
    color:#8b8f96;
}

.fleetpage-card__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:auto;
    padding:11px 16px;
    border:1px solid #e2e3e6;
    border-radius:8px;
    color:#171717;
    font-weight:700;
    font-size:13px;
    text-decoration:none;
    transition:.3s;
}

.fleetpage-card__btn:hover{
    background:#171717;
    border-color:#171717;
    color:#fff;
}

.fleetpage-card__btn .htm-icon{
    width:14px;
    height:14px;
    transition:.3s;
}

.fleetpage-card__btn:hover .htm-icon{
    transform:translateX(3px);
}

/*=========================
FLEET PAGE — FEATURE STRIP
=========================*/

.fleetpage-features{
    background:#171717;
    padding:36px 0;
    margin: 0;
}

.fleetpage-features__grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
}

.fleetpage-features__item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}


.fleetpage-features__item h3{
    font-size:14px;
    font-weight:700;
    color:#fff;
    margin:0 0 4px;
}

.fleetpage-features__item p{
    font-size:12px;
    color:#9a9ca0;
    line-height:1.5;
    margin:0;
}

/*=========================
SERVICES PAGE — ICON CARD GRID
=========================*/

.services-list-section{
    padding:38px 0;
}

.services-card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.service-card{
    padding:32px 28px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:14px;
    box-shadow:0 8px 20px rgba(0,0,0,.04);
}

.service-card__icon{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#FFF5D6;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    color:#F7A600;
    font-size:24px;
}

.service-card__icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.service-card h3{
    font-size:19px;
    font-weight:700;
    color:#111;
    margin-bottom:10px;
}

.service-card__description{
    color:#666;
    line-height:1.7;
    margin-bottom:16px;
    font-size:14px;
}

.service-card__link{
    color:#F7A600;
    font-weight:600;
    text-decoration:none;
}

.service-card__link:hover{
    text-decoration:underline;
}

/*=========================
LEGAL PAGE
=========================*/

.legal-content__prose{
    max-width:820px;
    margin:0 auto;
    color:#444;
    line-height:1.9;
}

.legal-content__prose h2{
    font-size:22px;
    color:#111;
    margin:36px 0 16px;
}

.legal-content__prose h2:first-child{
    margin-top:0;
}

.legal-content__prose h3{
    font-size:20px;
    color:#111;
    margin:28px 0 12px;
}

.legal-content__prose p{
    margin:0 0 18px;
}

.legal-content__prose ul,.legal-content__prose ol{
    margin:0 0 18px;
    padding-left:22px;
}

.legal-content__prose li{
    margin-bottom:8px;
}

.legal-content__prose a{
    color:#F7A600;
}

/*=========================
BLOG LISTING
=========================*/

.blog-list-section{
    padding:38px 0;
}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}

.blog-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
    transition:.3s;
}

.blog-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 35px rgba(0,0,0,.1);
}

.blog-card__image{
    display:block;
}

.blog-card__image img{
    width:100%;
    height:200px;
    object-fit:cover;
    display:block;
}

.blog-card__image-placeholder{
    width:100%;
    height:200px;
    background:#f1f1f1;
}

.blog-card__content{
    padding:24px;
}

.blog-card__date{
    color:#F7A600;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.blog-card__title{
    font-size:20px;
    font-weight:700;
    margin:10px 0;
    line-height:1.3;
}

.blog-card__title a{
    color:#111;
    text-decoration:none;
}

.blog-card__title a:hover{
    color:#F7A600;
}

.blog-card__excerpt{
    color:#666;
    line-height:1.7;
    font-size:14px;
    margin-bottom:14px;
}

.blog-card__link{
    color:#F7A600;
    font-weight:700;
    text-decoration:none;
    font-size:14px;
}

.blog-card__link:hover{
    color:#111;
}

.blog-pagination{
    margin-top:28px;
    text-align:center;
}

/*=========================
BLOG SINGLE (DETAILS PAGE)
=========================*/

.blog-single-meta-bar{
    padding:24px 0;
    border-bottom:1px solid #eee;
}

.blog-single__meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    color:#777;
    font-size:14px;
}

.blog-single__meta span{
    position:relative;
}

.blog-single__meta span:not(:last-child)::after{
    content:"\2022";
    margin-left:18px;
    color:#ccc;
}

.blog-single__meta a{
    color:#777;
    text-decoration:none;
}

.blog-single__meta a:hover{
    color:#F7A600;
}

.blog-single__grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
    align-items:start;
}

.blog-single__image{
    margin-bottom:24px;
}

.blog-single__image img{
    width:100%;
    height:auto;
    max-height:460px;
    object-fit:cover;
    border-radius:16px;
    display:block;
}

.blog-single__prose{
    margin:0 0 30px;
}

.blog-single__prose img{
    max-width:100%;
    height:auto;
    border-radius:12px;
}

.blog-single__tags{
    margin-top:26px;
    padding-top:22px;
    border-top:1px solid #eee;
    font-size:14px;
    color:#666;
}

.blog-single__tags a{
    display:inline-block;
    margin:0 8px 8px 0;
    padding:6px 14px;
    background:#f8fafc;
    border-radius:20px;
    color:#666;
    text-decoration:none;
    font-size:13px;
}

.blog-single__tags a:hover{
    background:#FFF5D6;
    color:#F7A600;
}

.blog-single__meta-author{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.blog-single__meta-author img{
    border-radius:50%;
    display:block;
}

.blog-single__meta .htm-icon{
    width:15px;
    height:15px;
    vertical-align:-2px;
    margin-right:2px;
    color:#999;
}

.blog-single__main .legal-content__prose{
    max-width:none;
    margin:0;
}

.blog-single__prose h2{
    position:relative;
    padding-bottom:10px;
}

.blog-single__prose h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:44px;
    height:3px;
    background:#F7A600;
    border-radius:2px;
}

.blog-single__share{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:30px;
    padding-top:24px;
    border-top:1px solid #eee;
}

.blog-single__share > span{
    font-weight:700;
    color:#111;
    font-size:14px;
}

.blog-single__share-icons{
    display:flex;
    gap:10px;
}

.blog-single__share-icons a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #ddd;
    color:#555;
    transition:.3s;
}

.blog-single__share-icons a:hover{
    background:#F7A600;
    border-color:#F7A600;
    color:#111;
}

.blog-sidebar-search{
    display:flex;
    align-items:center;
    gap:8px;
    background:#f8fafc;
    border:1px solid #eee;
    border-radius:10px;
    padding:6px 6px 6px 16px;
    margin-bottom:24px;
}

.blog-sidebar-search input{
    flex:1;
    border:0;
    background:transparent;
    font-size:14px;
    color:#222;
    outline:none;
}

.blog-sidebar-search button{
    flex:0 0 auto;
    width:38px;
    height:38px;
    border-radius:8px;
    border:0;
    background:#F7A600;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.blog-sidebar-card{
    background:#f8fafc;
    border:1px solid #eee;
    border-radius:14px;
    padding:22px;
    margin-bottom:24px;
}

.blog-sidebar-card h3{
    font-size:17px;
    font-weight:700;
    color:#111;
    margin:0 0 16px;
    padding-bottom:12px;
    border-bottom:2px solid #F7A600;
}

.blog-sidebar-categories{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}

.blog-sidebar-categories a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 0;
    text-decoration:none;
    color:#333;
    font-size:14px;
}

.blog-sidebar-categories__name{
    flex:1;
}

.blog-sidebar-categories a:hover .blog-sidebar-categories__name{
    color:#F7A600;
}

.blog-sidebar-categories__count{
    flex:0 0 auto;
    min-width:26px;
    height:26px;
    padding:0 6px;
    border-radius:50%;
    border:1px solid #F7A600;
    color:#F7A600;
    font-size:12px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.blog-sidebar-recent{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.blog-sidebar-recent li{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.blog-sidebar-recent__image{
    flex:0 0 auto;
    width:64px;
    height:52px;
    border-radius:8px;
    overflow:hidden;
    display:block;
    background:#eee;
}

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

.blog-sidebar-recent__title{
    display:block;
    color:#222;
    font-size:13.5px;
    font-weight:600;
    line-height:1.4;
    text-decoration:none;
    margin-bottom:4px;
}

.blog-sidebar-recent__title:hover{
    color:#F7A600;
}

.blog-sidebar-recent li span{
    color:#999;
    font-size:12px;
}

.blog-sidebar-cta{
    position:relative;
    border-radius:14px;
    overflow:hidden;
    background-color:#171717;
    background-position:center;
    background-size:cover;
    padding:26px 22px;
    min-height:180px;
    display:flex;
    align-items:flex-end;
}

.blog-sidebar-cta__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(23,23,23,.35) 0%, rgba(23,23,23,.92) 100%);
}

.blog-sidebar-cta__content{
    position:relative;
    z-index:2;
}

.blog-sidebar-cta__content h4{
    color:#fff;
    font-size:17px;
    font-weight:700;
    margin:0 0 8px;
}

.blog-sidebar-cta__content p{
    color:#ccc;
    font-size:13px;
    margin:0 0 16px;
}

.blog-sidebar-cta__btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#F7A600;
    color:#111;
    font-weight:700;
    font-size:13.5px;
    padding:11px 18px;
    border-radius:8px;
    text-decoration:none;
}

.blog-sidebar-cta__btn:hover{
    background:#E09200;
    color:#111;
}

.blog-sidebar-cta__btn .htm-icon{
    width:14px;
    height:14px;
}

.blog-single-help__band{
    background:#171717;
    border-radius:16px;
    padding:26px 30px;
    display:flex;
    align-items:center;
    gap:20px;
}


.blog-single-help__text{
    flex:1;
}

.blog-single-help__text strong{
    display:block;
    color:#fff;
    font-size:17px;
    margin-bottom:4px;
}

.blog-single-help__text span{
    display:block;
    color:#a8adb5;
    font-size:14px;
}

.blog-single-help__btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#F7A600;
    color:#111;
    font-weight:700;
    padding:14px 24px;
    border-radius:8px;
    text-decoration:none;
    white-space:nowrap;
}

.blog-single-help__btn:hover{
    background:#E09200;
    color:#111;
}

.blog-single-help__btn .htm-icon{
    width:15px;
    height:15px;
}

.author-bio{
    display:flex;
    gap:20px;
    align-items:flex-start;
    background:#f8fafc;
    border:1px solid #eee;
    border-radius:16px;
    padding:28px;
    margin-top:10px;
}

.author-bio img{
    border-radius:50%;
    flex:0 0 auto;
}

.author-title{
    font-size:17px;
    margin:0 0 8px;
    color:#111;
}

.author-description{
    color:#666;
    line-height:1.7;
    margin:0 0 10px;
}

.author-link{
    color:#F7A600;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}

.author-link:hover{
    color:#111;
}

.blog-single-nav{
    padding:10px 0 34px;
}

.blog-single-nav .container{
    display:flex;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid #eee;
    padding-top:30px;
}

.blog-single-nav .nav-links{
    display:flex;
    justify-content:space-between;
    width:100%;
    gap:20px;
}

.blog-single-nav .nav-previous,
.blog-single-nav .nav-next{
    flex:1;
    max-width:48%;
}

.blog-single-nav .nav-next{
    text-align:right;
    margin-left:auto;
}

.blog-single-nav a{
    display:block;
    text-decoration:none;
    padding:18px 22px;
    border:1px solid #eee;
    border-radius:14px;
    transition:.3s;
}

.blog-single-nav a:hover{
    border-color:#F7A600;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.blog-single-nav .meta-nav{
    display:flex;
    align-items:center;
    gap:6px;
    color:#F7A600;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:6px;
}

.blog-single-nav .nav-next .meta-nav{
    justify-content:flex-end;
}

.blog-single-nav .post-title{
    color:#111;
    font-weight:600;
    font-size:15px;
    display:block;
}

.blog-single-nav svg{
    width:14px;
    height:14px;
}

.blog-single-comments{
    background:#f8fafc;
}

.blog-single-comments .comments-area{
    max-width:820px;
    margin:0 auto;
}

/*=========================
NAV DROPDOWN (SERVICES)
=========================*/

.navbar-nav .dropdown-menu {
    border: none !important;
    border-radius: 9px !important;
    margin: 0 !important;
    background: #2e2d2d;
}

.navbar-nav .dropdown-item{
    border-radius:8px;
    padding:10px 16px;
    font-weight:500;
    color:#333;
}

.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus{
    background:#FFF5D6;
    color:#F7A600;
}

.navbar-nav .dropdown-toggle::after{
    vertical-align:1px;
}

/*=========================
SINGLE SERVICE PAGE
=========================*/

.service-intro__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.service-intro__text p{
    color:#555;
    line-height:1.8;
    margin:14px 0 26px;
}

.service-intro__image img{
    width:100%;
    height:100%;
    max-height:460px;
    object-fit:cover;
    border-radius:16px;
    display:block;
}

.service-feature-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:22px;
}

.service-feature-list li{
    display:flex;
    align-items:flex-start;
    gap:16px;
}

.service-feature-list__text{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.service-feature-list__text strong{
    color:#111;
    font-size:16px;
}

.service-feature-list__text span{
    color:#666;
    font-size:14px;
    line-height:1.6;
}

.service-steps-section{
    background:#0e1116;
    padding:38px 0;
}

.service-steps-section .section-heading .section-subtitle{
    color:#F7A600;
    font-weight:700;
    font-size:13px;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.service-steps-section .section-heading h2{
    color:#fff;
    margin-top:8px;
}

.service-steps{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    margin-top:28px;
    text-align:center;
    position:relative;
}

.service-step{
    position:relative;
    padding:0 12px;
}

.service-step::after{
    content:"";
    position:absolute;
    top:34px;
    left:calc(50% + 46px);
    right:calc(-50% + 46px);
    border-top:2px dotted rgba(247,166,0,.4);
}

.service-step:last-child::after{
    display:none;
}

.service-step__icon-wrap{
    position:relative;
    width:68px;
    height:68px;
    margin:0 auto 18px;
}

.service-step__number{
    position:absolute;
    bottom:-6px;
    left:50%;
    transform:translateX(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    background:#F7A600;
    color:#111;
    font-weight:700;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.service-step h4{
    color:#fff;
    font-size:16px;
    margin-bottom:8px;
}

.service-step p{
    color:#a8adb5;
    font-size:13.5px;
    line-height:1.7;
    margin:0;
}

.service-audiences-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    margin-top:28px;
}

.service-audience-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:14px;
    padding:28px 20px;
    text-align:center;
    transition:.3s;
}

.service-audience-card:hover{
    border-color:#F7A600;
    box-shadow:0 16px 32px rgba(0,0,0,.08);
    transform:translateY(-4px);
}

.service-audience-card__icon{
    margin:0 auto 16px;
}

.service-audience-card h4{
    font-size:16px;
    margin-bottom:8px;
    color:#111;
}

.service-audience-card p{
    color:#666;
    font-size:13.5px;
    line-height:1.7;
    margin:0;
}

/*=========================
SINGLE FLEET (VEHICLE) PAGE
=========================*/

.vehicle-quickspecs{
    margin-top:-22px;
    position:relative;
    z-index:5;
}

.vehicle-quickspecs__bar{
    background:#fff;
    border-radius:16px;
    box-shadow:0 20px 45px rgba(0,0,0,.12);
    padding:24px 20px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:20px 16px;
}

.vehicle-quickspecs__item{
    display:flex;
    align-items:center;
    gap:10px;
    flex:1 1 auto;
}

.vehicle-quickspecs__item .htm-icon{
    width:24px;
    height:24px;
    color:#F7A600;
    flex:0 0 auto;
}

.vehicle-quickspecs__item strong{
    display:block;
    color:#111;
    font-size:15px;
}

.vehicle-quickspecs__item span{
    display:block;
    color:#888;
    font-size:12px;
}

.vehicle-main__grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:32px;
    align-items:start;
}

.vehicle-about h2{
    font-size:24px;
    font-weight:700;
    color:#111;
    margin-bottom:14px;
}

.vehicle-about p{
    color:#555;
    line-height:1.8;
    margin-bottom:20px;
}

.vehicle-checklist{
    list-style:none;
    margin:0 0 30px;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.vehicle-checklist li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    color:#333;
    font-size:14.5px;
    line-height:1.6;
}

.vehicle-checklist__icon{
    margin-top:2px;
}

.vehicle-about__image img{
    width:100%;
    height:auto;
    max-height:320px;
    object-fit:cover;
    border-radius:16px;
    display:block;
}

.vehicle-booking-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    box-shadow:0 16px 40px rgba(0,0,0,.08);
    padding:26px;
    position:sticky;
    top:100px;
}

.vehicle-booking-card h3{
    font-size:18px;
    font-weight:700;
    color:#111;
    margin-bottom:18px;
}

.vehicle-booking-card__rows{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding-bottom:16px;
    border-bottom:1px dashed #ddd;
}

.vehicle-booking-card__row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:14px;
}

.vehicle-booking-card__row span{
    color:#777;
}

.vehicle-booking-card__row strong{
    color:#222;
}

.vehicle-booking-card__estimate{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 0;
}

.vehicle-booking-card__estimate strong{
    display:block;
    color:#111;
    font-size:15px;
}

.vehicle-booking-card__estimate span{
    color:#999;
    font-size:12px;
}

.vehicle-booking-card__estimate-value{
    color:#F7A600;
    font-size:22px;
    font-weight:700;
}

.vehicle-booking-card__btn-solid,
.vehicle-booking-card__btn-outline{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    height:52px;
    border-radius:10px;
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    margin-top:12px;
}

.vehicle-booking-card__btn-solid{
    background:#F7A600;
    color:#111;
}

.vehicle-booking-card__btn-solid:hover{
    background:#E09200;
    color:#111;
}

.vehicle-booking-card__btn-solid .htm-icon{
    width:16px;
    height:16px;
}

.vehicle-booking-card__btn-outline{
    border:1.5px solid #ddd;
    color:#222;
}

.vehicle-booking-card__btn-outline:hover{
    border-color:#111;
    background:#111;
    color:#fff;
}

.vehicle-booking-card__btn-outline .htm-icon{
    width:16px;
    height:16px;
}

.vehicle-amenities,
.vehicle-gallery{
    margin-top:28px;
}

.vehicle-amenities h3,
.vehicle-gallery h3,
.vehicle-related__heading h3{
    font-size:20px;
    font-weight:700;
    color:#111;
    margin-bottom:22px;
}

.vehicle-amenities__grid{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:20px;
}

.vehicle-amenities__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
}


.vehicle-amenities__item span{
    font-size:12.5px;
    color:#444;
    font-weight:600;
    line-height:1.4;
}

.vehicle-gallery__grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
}

.vehicle-gallery__item img{
    width:100%;
    height:200px;
    object-fit:cover;
    border-radius:12px;
    display:block;
}

.vehicle-related__heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:0;
}

.vehicle-related__heading h3{
    margin-bottom:0;
}

/*=========================
SITE COLOPHON (COPYRIGHT BAR)
=========================*/

#colophon.site-footer{
    max-width: none !important;
    background: #111;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding: 0;
    margin: 0;
}

.htm-site-info{
    max-width:1200px;
    margin:0 auto;
    padding:10px !important;
    text-align:center;
}

.htm-copyright{
    margin:0;
    color:#999;
    font-size:14px;
    text-transform:none;
    letter-spacing:normal;
}

/*=========================
FARES PAGE
=========================*/

.fares-wrapper{
    max-width:900px;
    margin:0 auto;
}

.fares-intro{
    text-align:center;
    margin-bottom:36px;
}

.fares-effective-date{
    display:inline-block;
    color:#F7A600;
    font-weight:700;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px;
}

.fares-intro p:not(.fares-effective-date){
    color:#666;
    line-height:1.8;
}

.fares-table-wrap{
    overflow-x:auto;
    border:1px solid #eee;
    border-radius:14px;
}

.fares-table{
    width:100%;
    border-collapse:collapse;
    min-width:560px;
}

.fares-table thead th{
    background:#171717;
    color:#fff;
    text-align:left;
    padding:16px 20px;
    font-size:14px;
    font-weight:700;
}

.fares-table thead th:not(:first-child){
    text-align:center;
}

.fares-table tbody td{
    padding:18px 20px;
    border-top:1px solid #eee;
    font-size:15px;
    color:#333;
    text-align:center;
}

.fares-table tbody td:first-child{
    text-align:left;
}

.fares-table tbody td strong{
    display:block;
    color:#171717;
    font-size:15px;
}

.fares-time-range{
    display:block;
    color:#888;
    font-size:13px;
    margin-top:2px;
}

.fares-table tbody tr.fares-row--highlight td{
    background:#171717;
    color:#fff;
}

.fares-table tbody tr.fares-row--highlight td strong{
    color:#fff;
}

.fares-row--highlight .fares-time-range{
    color:#bbb;
}

.fares-footnotes{
    margin-top:16px;
    color:#888;
    font-size:13px;
    line-height:1.7;
}

.fares-footnotes p{
    margin:0;
}

.fares-extras{
    margin-top:30px;
}

.fares-extras h2{
    font-size:22px;
    color:#171717;
    margin-bottom:20px;
}

.fares-extras-list{
    list-style:none;
    margin:0;
    padding:0;
    border:1px solid #eee;
    border-radius:14px;
    overflow:hidden;
}

.fares-extras-list li{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:16px 20px;
    border-top:1px solid #eee;
}

.fares-extras-list li:first-child{
    border-top:none;
}

.fares-extras-name{
    color:#333;
}

.fares-extras-value{
    color:#171717;
    font-weight:700;
    white-space:nowrap;
}

.fares-tolls-note{
    margin-top:24px;
    color:#888;
    font-size:14px;
    line-height:1.7;
}

.fares-cta{
    margin-top:30px;
    padding-top:40px;
    border-top:1px solid #eee;
    text-align:center;
}

.fares-cta p{
    color:#666;
    margin-bottom:16px;
    font-size:16px;
}

/*=========================
ABOUT PAGE — REDESIGN
=========================*/

.about-intro__image{
    position:relative;
}

.about-intro__badge{
    position:absolute;
    left:20px;
    bottom:20px;
    background:#F7A600;
    color:#171717;
    border-radius:14px;
    padding:18px 24px;
    box-shadow:0 15px 35px rgba(0,0,0,.2);
    text-align:center;
    min-width:120px;
}

.about-intro__badge strong{
    display:block;
    font-size:24px;
    font-weight:800;
    color:#171717;
    line-height:1.1;
}

.about-intro__badge span{
    display:block;
    font-size:12px;
    color:#171717;
    margin-top:4px;
}

.about-stats-band{
    background:#171717;
    padding:28px 0;
}

.about-stats-band__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    text-align:center;
}

.about-stat-band-card strong{
    display:block;
    color:#F7A600;
    font-size:34px;
    font-weight:800;
    line-height:1.1;
}

.about-stat-band-card span{
    display:block;
    color:#ccc;
    margin-top:10px;
    font-size:15px;
}

.about-trust{
    background:#fff;
}

.about-trust__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.about-trust-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:24px;
    border:1px solid #eee;
    border-radius:14px;
    background:#f8fafc;
}

.about-trust-icon{
    flex:0 0 auto;
    width:52px;
    height:52px;
    border-radius:50%;
    background:#FFF5D6;
    display:flex;
    align-items:center;
    justify-content:center;
}

.about-trust-icon img{
    width:26px;
    height:26px;
    object-fit:contain;
}

.about-trust-item h4{
    font-size:17px;
    color:#171717;
    margin:0 0 8px;
}

.about-trust-item p{
    margin:0;
    color:#666;
    line-height:1.7;
    font-size:14px;
}

.about-cta{
    background:linear-gradient(120deg,#171717 0%,#2a2a2a 100%);
    color:#fff;
    text-align:center;
    padding:34px 0;
}

.about-cta h2{
    font-size:26px;
    font-weight:700;
    margin-bottom:14px;
    color:#fff;
}

.about-cta p{
    color:#ccc;
    margin-bottom:26px;
    font-size:16px;
}

.about-cta__actions{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

.about-cta .btn-outline-light{
    border:1px solid rgba(255,255,255,.4);
    color:#fff;
    padding:10px 22px;
    border-radius:5px;
    font-weight:600;
    font-size:14px;
    text-decoration:none;
    transition:.3s;
}

.about-cta .btn-outline-light:hover{
    background:#fff;
    color:#171717;
    border-color:#fff;
}

/*=========================
ABOUT PAGE — WHO WE ARE CHECKLIST + CTA
=========================*/

.about-intro__checklist{
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid #eee;
}

.about-intro__cta{
    display:inline-block;
    margin-top:24px;
}

/*=========================
ABOUT PAGE — 6-CARD BENEFITS GRID
=========================*/

.about-benefits__grid--6{
    grid-template-columns:repeat(3,1fr);
}

/*=========================
ABOUT PAGE — MISSION & VISION
=========================*/

.about-mission-vision{
    background:#FFF5D6;
    padding:24px 0;
}

.about-mission-vision__grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:40px;
}

.about-mission-vision__item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    position:relative;
}

.about-mission-vision__item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-20px;
    top:0;
    bottom:0;
    width:1px;
    background:rgba(0,0,0,.1);
}

.about-mission-vision__icon{
    flex:0 0 auto;
    width:64px;
    height:64px;
    border-radius:50%;
    background:#fff;
    border:1px solid #F7A600;
    color:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
}

.about-mission-vision__item h4{
    font-size:19px;
    color:#171717;
    margin:0 0 8px;
}

.about-mission-vision__item p{
    margin:0;
    color:#555;
    line-height:1.7;
    font-size:14px;
}

/*=========================
ABOUT PAGE — STATS BAND ICON
=========================*/

.about-stat-band-card__icon{
    margin-bottom:12px;
}

.about-stat-band-card__icon img{
    width:36px;
    height:36px;
    object-fit:contain;
    margin:0 auto;
}

/*=========================
ABOUT PAGE — PROCESS / HOW WE WORK
=========================*/

.about-process__grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    position:relative;
}

.about-process{
    padding: 30px 0;
}

.about-process__step{
    text-align:center;
    position:relative;
}

.about-process__icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#FFF5D6;
    color:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    font-size:22px;
    font-weight:700;
    position:relative;
    z-index:2;
}

.about-process__icon img{
    width:32px;
    height:32px;
    object-fit:contain;
}

.about-process__step:not(:last-child)::after{
    content:"";
    position:absolute;
    top:35px;
    left:calc(50% + 45px);
    width:calc(100% - 60px);
    border-top:2px dashed #e2c98a;
    z-index:1;
}

.about-process__step h4{
    font-size:15px;
    color:#171717;
    margin-bottom:8px;
}

.about-process__step p{
    font-size:13px;
    color:#777;
    line-height:1.6;
    margin:0;
}

/*=========================
INNER HERO — FULL-BLEED PHOTO BANNER
=========================*/

.inner-hero__breadcrumb{
    margin:14px 0 0;
    font-size:14px;
    color:#ccc;
}

.inner-hero__breadcrumb a{
    color:#F7A600;
    text-decoration:none;
    font-weight:600;
}

.inner-hero__breadcrumb span[aria-hidden]{
    margin:0 8px;
}

.inner-hero__subtitle{
    margin:14px 0 0;
    color:#eee;
    line-height:1.7;
}

.inner-hero:not(.inner-hero--photo) .inner-hero__breadcrumb{
    display:flex;
    justify-content:center;
}

.inner-hero:not(.inner-hero--photo) .inner-hero__subtitle{
    max-width:640px;
    margin-left:auto;
    margin-right:auto;
}

.inner-hero.inner-hero--photo{
    position:relative;
    padding:38px 0 24px;
    text-align:left;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#171717;
}

.inner-hero.inner-hero--photo .inner-hero__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(10, 10, 10, .85) 0%, rgb(10 10 10 / 37%) 55%, rgb(10 10 10 / 0%) 100%);
}

.inner-hero.inner-hero--photo .container{
    position:relative;
    z-index:2;
}

.inner-hero.inner-hero--photo .inner-hero__subtitle{
    max-width:640px;
}

.inner-hero__highlight{
    color:#F7A600;
}

.inner-hero__accent{
    display:block;
    width:56px;
    height:3px;
    margin-top:20px;
    border-radius:2px;
    background:#F7A600;
}

.inner-hero__eyebrow{
    display:block;
    color:#F7A600;
    font-weight:700;
    font-size:13px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.inner-hero.inner-hero--split{
    text-align:left;
    padding:44px 0 30px;
    margin: 0;
}

.inner-hero.inner-hero--split .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.inner-hero.inner-hero--split .inner-hero__text{
    max-width:560px;
}

.inner-hero.inner-hero--split .inner-hero__breadcrumb{
    justify-content:flex-start;
}

.inner-hero.inner-hero--split .inner-hero__subtitle{
    max-width:520px;
    margin-left:0;
    margin-right:0;
}

.inner-hero__badges{
    display:flex;
    flex-wrap:wrap;
    gap:14px 28px;
    margin-top:28px;
}

.inner-hero__badge{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:14px;
    font-weight:600;
    color:#fff;
}


.inner-hero__media{
    flex-shrink:0;
    width:42%;
    max-width:460px;
}

.inner-hero__media img{
    width:100%;
    height:auto;
    display:block;
    filter:drop-shadow(0 30px 35px rgba(0,0,0,.5));
}

/*=========================
COMPANY PROFILE — CEO BLOCK
=========================*/

.about-ceo{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid #eee;
}

.about-ceo__photo img{
    width:64px !important;
    height:64px !important;
    border-radius:50%;
    object-fit:cover;
    display:block;
}

.about-ceo__info{
    display:flex;
    flex-direction:column;
}

.about-ceo__info strong{
    font-size:16px;
    color:#111;
}

.about-ceo__info span{
    font-size:13px;
    color:#888;
}

/*=========================
OUR CHAUFFEURS PAGE
=========================*/

.chauffeur-card{
    text-align:center;
}

.chauffeur-card__image img{
    width:96px;
    height:96px;
    border-radius:50%;
    object-fit:cover;
    display:block;
    margin:0 auto 16px;
}

.chauffeur-card__role{
    display:block;
    color:#F7A600;
    font-weight:700;
    font-size:13px;
    margin-top:6px;
}

.chauffeur-card__experience{
    display:block;
    color:#888;
    font-size:13px;
    margin-top:2px;
}

.chauffeur-card__bio{
    margin-top:12px;
    color:#666;
    line-height:1.7;
    font-size:14px;
}

.chauffeurs-empty{
    text-align:center;
    color:#888;
}

/*=========================
WHY CHOOSE US PAGE — ICON ROW
=========================*/

.why-icon-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:32px 24px;
}

.why-icon-row__item{
    flex:1 1 160px;
    max-width:200px;
    text-align:center;
}

.why-icon-row__icon{
    width:64px;
    height:64px;
    border-radius:50%;
    background:#FFF5D6;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 16px;
    color:#F7A600;
    font-size:22px;
}

.why-icon-row__icon img{
    width:30px !important;
    height:30px !important;
    object-fit:contain;
}

.why-icon-row__item h3{
    font-size:15px;
    font-weight:700;
    color:#171717;
    margin:0;
}

.why-icon-row__item p{
    margin:8px 0 0;
    font-size:13px;
    color:#666;
    line-height:1.6;
}

.chauffeur-standards__item{
    max-width:220px;
}

.chauffeur-standards__copy{
    margin-top:26px;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}

/*=========================
WHY CHOOSE US PAGE — STATS BAND
=========================*/

.why-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/*=========================
RESPONSIVE / MEDIA QUERIES
=========================*/

@media(max-width:767px){
    .top-item{
        justify-content:flex-start !important;
        margin-bottom:10px;
    }
    .top-item-end .top-item-text{
        align-items:flex-start;
        text-align:left;
    }
    .col-md-4:last-child .top-item{
        margin-bottom:0;
    }
}

/* .banner-title-section {
    width: 560px;
} */

@media(max-width:767px){
    .hero-section{
        padding:34px 0 28px;
    }
}

@media(max-width:767px){
    .hero-slide{
        min-height:520px;
        padding:34px 0 28px;
    }
}

@media(max-width:991px){
    .services-section{
        padding:30px 0;
    }
    .section-heading h2{
        font-size:28px;
    }
    .htm-service-image img{
        height:200px;
    }
}

@media(max-width:767px){
    .services-section{
        padding:24px 0;
    }
    .section-heading{
        margin-bottom:30px;
    }
    .section-heading h2{
        font-size:22px;
    }
    .htm-service-image img{
        height:180px;
    }
}

@media(max-width:1200px){
    .fleet-image{
        height:200px;
    }
    .fleet-content h3{
        font-size:21px;
    }
}

@media(max-width:991px){
    .fleet-section{
        padding:30px 0;
    }
    .fleet-heading h2{
        font-size:28px;
    }
    .fleet-image{
        height:190px;
    }
    .fleet-content{
        padding:22px;
    }
}

@media(max-width:767px){
    .fleet-section{
        padding:24px 0;
    }
    .fleet-heading{
        margin-bottom:30px;
    }
    .fleet-heading h2{
        font-size:22px;
    }
    .fleet-image{
        height:180px;
        padding:20px;
    }
    .fleet-content h3{
        font-size:20px;
    }
    .fleet-btn{
        margin-top:28px;
    }
}

@media(max-width:767px){
    .section-space{
        padding:34px 0;
    }
    .inner-hero{
        padding:36px 0;
    }
    .inner-hero h1{
        font-size:30px;
    }
    .about-intro__content{
        grid-template-columns:1fr;
        gap:30px;
    }
    .about-intro__image img{
        height:280px;
    }
    .about-benefits__grid,.about-stats__grid{
        grid-template-columns:1fr;
    }
    .about-stat-card{
        border-right:0;
        border-bottom:1px solid #eee;
    }
    .about-stat-card:last-child{
        border-bottom:0;
    }
}

@media(max-width:991px){
    .stat-strip-grid{
        grid-template-columns:repeat(2,1fr);
        row-gap:26px;
    }
    .stat-strip-item:nth-child(2)::after{
        display:none;
    }
}

@media(max-width:576px){
    .why-benefit-list{
        grid-template-columns:1fr;
    }
    .why-left h2{
        font-size:26px;
    }
    .stat-strip-grid{
        grid-template-columns:1fr;
        row-gap:22px;
    }
    .stat-strip-item::after{
        display:none;
    }
}

@media(max-width:991px){
    .why-choose-wrapper{
        grid-template-columns:1fr;
    }
    .why-choose-wrapper .about-intro__image img{
        height:320px;
        margin-bottom:10px;
    }
}

@media(max-width:991px){
    .service-intro__grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .service-intro__image{
        order:-1;
    }
    .service-steps,
    .service-audiences-grid{
        grid-template-columns:1fr 1fr;
        row-gap:36px;
    }
    .service-step::after{
        display:none;
    }
}

@media(max-width:576px){
    .service-steps,
    .service-audiences-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:991px){
    .vehicle-main__grid{
        grid-template-columns:1fr;
    }
    .vehicle-booking-card{
        position:static;
    }
    .vehicle-amenities__grid{
        grid-template-columns:repeat(3, 1fr);
    }
    .vehicle-gallery__grid{
        grid-template-columns:repeat(2, 1fr);
    }
    .vehicle-quickspecs__bar{
        justify-content:flex-start;
    }
    .vehicle-quickspecs__item{
        flex:0 0 calc(50% - 8px);
    }
}

@media(max-width:576px){
    .vehicle-amenities__grid{
        grid-template-columns:repeat(2, 1fr);
    }
    .vehicle-gallery__grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){
    .feature-card{
        flex-direction:column;
        text-align:center;
        align-items:center;
        padding:30px 25px;
    }
    .feature-content{
        margin-top:15px;
    }
}

@media(max-width:767px){
    .hero-badges{
        gap:16px;
    }
}

@media(max-width:767px){
    .testimonials-section{
        padding:24px 0;
    }
}

@media(max-width:767px){
    .faq-section{
        padding:24px 0;
    }
}

@media(max-width:991px){
    .footer-widgets-grid{
        grid-template-columns:1fr 1fr;
    }
    .footer-col-brand{
        grid-column:1 / -1;
    }
}

@media(max-width:576px){
    .footer-widgets-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:991px){
    .contact-main-grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .contact-trust-strip__grid{
        grid-template-columns:repeat(2, 1fr);
        row-gap:24px;
    }
}

@media(max-width:767px){
    .contact-info-band{
        margin-top:0;
    }
    .contact-info-band__item{
        flex:1 1 100%;
    }
    .contact-trust-strip__grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:576px){
    .contact-call-strip{
        padding:24px 0;
    }
    .contact-call-strip__content{
        text-align:center;
        flex-direction:column;
        gap:12px;
    }
}

@media(max-width:1200px){
    .fleetpage-grid{
        grid-template-columns:repeat(3,1fr);
    }
    .fleetpage-features__grid{
        grid-template-columns:repeat(3,1fr);
        row-gap:28px;
    }
}

@media(max-width:991px){
    .fleetpage-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .fleetpage-grid{
        grid-template-columns:1fr;
    }
    .fleetpage-features__grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:991px){
    .services-card-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .services-card-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:991px){
    .blog-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){
    .blog-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){
    .blog-single-nav .nav-links{
        flex-direction:column;
    }
    .blog-single-nav .nav-previous,
    .blog-single-nav .nav-next{
        max-width:100%;
    }
    .blog-single-nav .nav-next{
        text-align:left;
    }
    .blog-single-nav .nav-next .meta-nav{
        justify-content:flex-start;
    }
    .author-bio{
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
}

@media(min-width:992px){
    .navbar-nav .dropdown:hover > .dropdown-menu{
        display:block;
    }
}

@media(max-width:767px){
    .single-service__cta{
        flex-direction:column;
    }
    .single-service__cta .btn{
        width:100%;
        text-align:center;
    }
}

@media only screen and (min-width: 822px){
    .site-footer > .site-info{
        display: block;
        align-items:auto;
    }
}

@media(max-width:767px){
    .fares-extras-list li{
        flex-direction:column;
        gap:4px;
    }
    .fares-table thead th,
    .fares-table tbody td{
        padding:12px 14px;
    }
}

@media(max-width:767px){
    .about-intro__badge{
        left:14px;
        bottom:-18px;
        padding:14px 18px;
        min-width:100px;
    }
    .about-intro__badge strong{
        font-size:24px;
    }
    .about-stats-band__grid{
        grid-template-columns:repeat(2,1fr);
        gap:28px;
    }
    .about-trust__grid{
        grid-template-columns:1fr;
    }
    .about-cta h2{
        font-size:22px;
    }
}

@media(max-width:991px){
    .about-benefits__grid--6{
        grid-template-columns:repeat(2,1fr);
    }
}


@media(max-width:991px){
    .about-mission-vision__grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .about-mission-vision__item:not(:last-child)::after{
        display:none;
    }

    .about-process__grid{
        grid-template-columns:repeat(3,1fr);
        row-gap:40px;
    }
    .about-process__step:nth-child(3)::after{
        display:none;
    }
}



@media(max-width:767px){
    .inner-hero.inner-hero--photo{
        padding:28px 0 30px;
    }

    .inner-hero.inner-hero--split{
        padding:28px 0 24px;
    }

    .inner-hero.inner-hero--split .container{
        flex-direction:column;
        text-align:center;
    }

    .inner-hero.inner-hero--split .inner-hero__text{
        max-width:100%;
    }

    .inner-hero.inner-hero--split .inner-hero__breadcrumb{
        justify-content:center;
    }

    .inner-hero.inner-hero--split .inner-hero__subtitle{
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .inner-hero__badges{
        justify-content:center;
    }

    .inner-hero__media{
        width:70%;
        max-width:280px;
        margin-top:8px;
    }

    .why-icon-row{
        gap:24px 16px;
    }
    .chauffeur-standards__copy{
        margin-top:30px;
    }

    .why-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .navbar-toggler{background-color: transparent !important;}
    .hero-section h1{font-size: 22px;}
    .hero-section p{font-size: 13px;}
    .hero-badges,.top-bar{display: none;}
    .booking-card{margin-top: 20px;}
    .feature-strip-section {

    margin: 0;

    padding: 30px 0;
}

    .section-heading--split{
        flex-direction:column;
        align-items:flex-start;
    }
    .feature-strip-wrapper{
        flex-direction: column;
        box-shadow: none;
    }
    .feature-strip-item{
        border-right: none;
        border-bottom: 1px solid #ececec;
    }
    .feature-strip-item:last-child{
        border-bottom: none;
    }

    .how-it-works-steps{
        grid-template-columns:repeat(2,1fr);
        row-gap:36px;
    }
    .how-it-works-steps::before{
        display:none;
    }
    .destinations-grid{
        grid-template-columns:repeat(2,1fr);
    }
}



@media(max-width:576px){
    .about-process__grid{
        grid-template-columns:repeat(2,1fr);
    }
    .about-process__step::after{
        display:none!important;
    }

    .how-it-works-steps{
        grid-template-columns:1fr;
    }
    .destinations-grid{
        grid-template-columns:1fr;
    }

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



@media(max-width:480px){
    .about-process__grid{
        grid-template-columns:1fr;
        row-gap:28px;
    }
}

/*=========================
WHY CHOOSE US PAGE
=========================*/

.about-intro--reverse .about-intro__image{
    order:2;
}

.about-intro--reverse .about-intro__text{
    order:1;
}

.whyus-intro-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:32px;
    padding-top:28px;
    border-top:1px solid #eee;
}

.whyus-intro-stat{
    text-align:center;
    position:relative;
}

.whyus-intro-stat:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-5px;
    top:6px;
    bottom:6px;
    width:1px;
    background:#eee;
}

.whyus-intro-stat__icon{
    width:36px;
    height:36px;
    margin:0 auto 10px;
    border-radius:50%;
    background:#FFF5D6;
    color:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
}
.chbs-full-form-wrapper{margin-top: 20px;margin-bottom: 20px;}
.whyus-intro-stat__icon .htm-icon{
    width:18px;
    height:18px;
}

.whyus-intro-stat strong{
    display:block;
    font-size:24px;
    font-weight:800;
    color:#171717;
    line-height:1.1;
}

.whyus-intro-stat span{
    display:block;
    font-size:12px;
    color:#777;
    margin-top:6px;
}

.services-card-grid--4col{
    grid-template-columns:repeat(4,1fr);
}

.whyus-safety-icons{
    display:flex;
    flex-wrap:wrap;
    gap:26px;
    margin-top:28px;
}

.whyus-safety-icon-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
    width:104px;
}

.whyus-icon-circle{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#fff;
    border:1px solid #F7A600;
    color:#F7A600;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.whyus-icon-circle .htm-icon{
    width:24px;
    height:24px;
}

.whyus-safety-icon-item span{
    font-size:13px;
    font-weight:700;
    color:#171717;
    line-height:1.3;
}

.whyus-fleet-section{
    padding:38px 0;
    background:#faf9f7;
}

.whyus-fleet-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin-bottom:24px;
}

.whyus-fleet-section .fleet-btn a{
    color:#171717;
    border-color:#171717;
}

.whyus-fleet-section .fleet-btn a:hover{
    background:#F7A600;
    border-color:#F7A600;
    color:#171717;
}

.whyus-testimonials{
    background:#111315;
    padding:38px 0;
}

.whyus-testimonials .section-heading h2{
    color:#fff;
}

.whyus-testimonials-track{
    position:relative;
}

.whyus-testimonials-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.whyus-testimonial-card{
    background:#1a1c1f;
    border:1px solid #2a2d31;
    border-radius:16px;
    padding:30px;
}

.whyus-testimonial-card__quote{
    color:#F7A600;
    margin-bottom:16px;
}

.whyus-testimonial-card__quote .htm-icon{
    width:28px;
    height:28px;
}

.whyus-testimonial-card p{
    color:#d5d7db;
    line-height:1.8;
    font-size:14px;
    margin:0 0 22px;
}

.whyus-testimonial-card__author{
    display:flex;
    align-items:center;
    gap:14px;
}

.whyus-testimonial-card__avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0;
    background:#2a2d31;
}

.whyus-testimonial-card__avatar img{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
}

.whyus-testimonial-card__info strong{
    display:block;
    color:#fff;
    font-size:14px;
}

.whyus-testimonial-card__info span{
    display:block;
    color:#9a9ca0;
    font-size:12px;
    margin-top:2px;
}

.whyus-testimonial-card__stars{
    color:#F7A600;
    font-size:12px;
    margin-top:6px;
    letter-spacing:2px;
}

.whyus-testimonials-nav{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:36px;
}

.whyus-testimonials-nav button{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid #3a3d42;
    background:transparent;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
}

.whyus-testimonials-nav button:hover{
    background:#F7A600;
    border-color:#F7A600;
    color:#171717;
}

.whyus-testimonials-nav .htm-icon{
    width:16px;
    height:16px;
}

.whyus-testimonials-nav .htm-icon--prev{
    transform:scaleX(-1);
}

@media(max-width:991px){
    .whyus-intro-stats{
        grid-template-columns:repeat(2,1fr);
        row-gap:24px;
    }
    .whyus-intro-stat:nth-child(2)::after{
        display:none;
    }
    .services-card-grid--4col{
        grid-template-columns:repeat(2,1fr);
    }
    .whyus-fleet-grid{
        grid-template-columns:repeat(3,1fr);
        row-gap:24px;
    }
    .whyus-testimonials-grid{
        grid-template-columns:1fr;
    }
    .about-intro--reverse .about-intro__image,
    .about-intro--reverse .about-intro__text{
        order:initial;
    }
}

@media(max-width:576px){
    .whyus-intro-stats{
        grid-template-columns:1fr;
    }
    .whyus-intro-stat::after{
        display:none!important;
    }
    .services-card-grid--4col{
        grid-template-columns:1fr;
    }
    .whyus-fleet-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:991px){
    .blog-single__grid{
        grid-template-columns:1fr;
    }
    .blog-single__sidebar{
        max-width:600px;
    }
}

@media(max-width:576px){
    .blog-single-help__band{
        flex-direction:column;
        text-align:center;
    }
    .blog-single__meta{
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
    }
    .blog-single__meta span:not(:last-child)::after{
        display:none;
    }
}

/*=========================
SITE-WIDE SCROLL-REVEAL ANIMATION
Classes are added by JS (assets/js/script.js) — pure CSS never hides
content, so pages still work fully with JS disabled.
=========================*/

@media (prefers-reduced-motion: no-preference){
    .htm-reveal{
        opacity:0;
        transform:translateY(32px);
        transition:opacity .7s ease, transform .7s ease;
    }

    .htm-reveal.is-visible{
        opacity:1;
        transform:translateY(0);
    }
}

@media (prefers-reduced-motion: reduce){
    .htm-reveal.is-visible{
        opacity:1;
        transform:none;
    }
}