:root {
            --primary: #0356A6;
            --accent: #10B0EE;
            --dark: #1f2937;
            --text: #4b5563;
            --light: #f8fafc;
            --white: #ffffff;
            --border: #e5e7eb;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box
        }

        body {
            font-family: Arial, Helvetica, sans-serif;
            color: var(--dark);
            line-height: 1.6;
            background: #fff;
        }

        img {
            max-width: 100%;
            display: block
        }

        a {
            text-decoration: none
        }

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

        section {
            padding: 70px 0
        }

        h1,
        h2,
        h3 {
            line-height: 1.2;
            margin-bottom: 15px
        }

        h1 {
            font-size: 48px
        }

        h2 {
            font-size: 34px
        }

        h3 {
            font-size: 22px
        }

        p {
            color: var(--text)
        }

        .btn {
            display: inline-block;
            padding: 14px 22px;
            border-radius: 8px;
            font-weight: 700;
            margin-right: 10px;
            margin-top: 10px;
            transition: .2s;
        }

        .btn-primary {
            background: var(--primary);
            color: #fff;
        }

        .btn-primary:hover {
            background: #024585
        }

        .btn-outline {
            border: 2px solid var(--primary);
            color: var(--primary);
        }

        .btn-whatsapp {
            background: #25D366;
            color: #fff;
        }

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

        .logo {
            font-size: 28px;
            font-weight: 800;
            color: var(--primary);
        }

        .menu a {
            margin-left: 22px;
            color: var(--dark);
            font-weight: 600;
        }

        .hero {
            background:
            linear-gradient(
            rgba(255,255,255,.90),
            rgba(255,255,255,.90)
            ),
            url('/assets/images/homepage/hero2.png');

            background-size:cover;
            background-position:center;
            background-repeat:no-repeat;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.1fr .9fr;
            gap: 40px;
            align-items: center;
        }

        .label {
            display: inline-block;
            background: #dff2ff;
            color: var(--primary);
            padding: 8px 14px;
            border-radius: 40px;
            font-weight: 700;
            margin-bottom: 20px;
            font-size: 14px;
        }

        .hero p {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .hero-form {
            background: #fff;
            padding: 28px;
            border-radius: 14px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
        }

        .hero-form h3 {
            margin-bottom: 14px
        }

        .hero-form input,
        .hero-form select,
        .hero-form textarea {
            width: 100%;
            padding: 13px;
            margin-bottom: 12px;
            border: 1px solid var(--border);
            border-radius: 8px;
            font-family: inherit;
            resize: vertical;
        }

        .hero-image {
            background: url('/assets/images/homepage/hero2.png') center/cover no-repeat;
            min-height: 520px;
            border-radius: 18px;
        }

        .trust-strip {
            background: var(--primary);
            padding: 24px 0;
        }

        .trust-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 15px;
            text-align: center;
            color: #fff;
            font-weight: 700;
            font-size: 15px;
        }

        .answer-box {
            background: #fff;
            border-left: 5px solid var(--primary);
            padding: 28px;
            border-radius: 10px;
            box-shadow: 0 8px 18px rgba(0, 0, 0, .06);
        }

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

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

        .card {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 8px 16px rgba(0, 0, 0, .04);
        }

        .card-content {
            padding: 20px
        }

        .card img {
            height: 220px;
            width: 100%;
            object-fit: cover
        }

        .center {
            text-align: center
        }

        .light {
            background: var(--light)
        }

        .icon-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
        }

        .icon-box {
            background: #fff;
            padding: 18px;
            border-radius: 12px;
            border: 1px solid var(--border);
            font-weight: 700;
        }

        .chips {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 20px;
        }

        .chip {
            padding: 10px 16px;
            background: #fff;
            border-radius: 30px;
            border: 1px solid var(--border);
            font-weight: 700;
        }

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

        .step {
            background: #fff;
            padding: 25px;
            border-radius: 12px;
            border: 1px solid var(--border);
        }

        .faq-item {
            background: #fff;
            border: 1px solid var(--border);
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 14px;
        }

        .cta {
            background: linear-gradient(135deg, var(--primary), var(--accent));
            color: #fff;
            text-align: center;
        }

        .cta p {
            color: #e8f7ff
        }

        footer {
            background: #0f172a;
            color: #fff;
            padding: 60px 0 90px;
        }

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

        footer a {
            color: #cbd5e1;
            display: block;
            margin-bottom: 10px
        }

        .mobile-bar {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #fff;
            box-shadow: 0 -2px 12px rgba(0, 0, 0, .12);
            z-index: 999;
        }

        .mobile-bar a {
            flex: 1;
            text-align: center;
            padding: 14px 5px;
            font-weight: 700;
            font-size: 14px;
            color: var(--primary);
            border-right: 1px solid var(--border);
        }

        .top-header{
        background:#0356A6;
        padding:10px 0;
        font-size:14px;
        }

        .top-header-flex{
        display:flex;
        justify-content:space-between;
        align-items:center;
        gap:20px;
        }

        .top-contact-left, .top-contact-right{
        display:flex;
        gap:22px;
        flex-wrap:wrap;
        }

        .top-contact-left a, .top-contact-right a{
        color:#fff;
        font-weight:500;
        font-size:14px;
        }

        .top-contact-left i, .top-contact-right i{
        color:#fff;
        opacity:.92;
        margin-right:6px;
        }

        .top-whatsapp-btn{
        background:#25D366;
        color:#fff;
        padding:8px 14px;
        border-radius:8px;
        font-weight:700;
        }

        .main-header{
        background:#fff;
        position:sticky;
        top:0;
        z-index:999;
        box-shadow:0 2px 12px rgba(0,0,0,.06);
        }

        .navbar{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:10px 0;
        gap:30px;
        }

        .site-logo{
        height:38px;
        width:auto;
        display:block;
        }

        .desktop-nav{
        flex:1;
        display:flex;
        justify-content:center;
        }

        .nav-menu{
        display:flex;
        list-style:none;
        gap:26px;
        align-items:center;
        }

        .nav-menu li{
        position:relative;
        }

        .nav-menu a{
        color:#1F2937;
        font-weight:600;
        font-size:15px;
        transition:.2s;
        }

        .nav-menu a:hover{
        color:#0356A6;
        }

        .dropdown-menu{
        position:absolute;
        top:100%;
        left:0;
        background:#fff;
        min-width:260px;
        padding:14px 0;
        border-radius:12px;
        box-shadow:0 10px 30px rgba(0,0,0,.08);
        display:none;
        z-index:999;
        }

        .dropdown:hover .dropdown-menu{
        display:block;
        }

        .dropdown-menu li{
        padding:0;
        }

        .dropdown-menu a{
        display:block;
        padding:12px 18px;
        font-size:14px;
        }

        .dropdown-menu a:hover{
        background:#F8FAFC;
        }

        .dropdown-menu,
        .dropdown-menu ul,
        .dropdown-menu li{
            list-style:none;
        }

        .header-cta-group{
        display:flex;
        align-items:center;
        gap:12px;
        }

        .header-whatsapp-btn{
        background:#25D366;
        color:#fff;
        padding:12px 18px;
        border-radius:10px;
        font-weight:700;
        }

        .header-quote-btn{
        background:#0356A6;
        color:#fff;
        padding:12px 18px;
        border-radius:10px;
        font-weight:700;
        }

        .mobile-header-actions{
        display:none;
        align-items:center;
        gap:10px;
        }

        .mobile-call-btn,
        .mobile-whatsapp-btn{
        padding:10px 14px;
        border-radius:8px;
        font-size:13px;
        font-weight:700;
        }

        .mobile-call-btn{
        border:1px solid #0356A6;
        color:#0356A6;
        }

        .mobile-whatsapp-btn{
        background:#25D366;
        color:#fff;
        }

        .mobile-menu-toggle{
        background:none;
        border:none;
        font-size:28px;
        cursor:pointer;
        }


        /* ===================================
        TOUR PACKAGES MEGA MENU
        =================================== */
/*
        .mega-menu-parent{
        position:relative;
        }

        .mega-menu{
        position:absolute;
        top:100%;
        left:50%;
        transform:translateX(-35%);
        width:950px;
        background:#fff;
        padding:28px;
        border-radius:14px;
        box-shadow:0 12px 35px rgba(0,0,0,.08);
        display:none;
        grid-template-columns:repeat(5,1fr);
        gap:32px;
        z-index:9999;
        }

        .mega-menu-parent:hover .mega-menu{
        display:grid;
        }

        .mega-column{
        display:flex;
        flex-direction:column;
        gap:10px;
        }

        .mega-heading{
        font-size:16px;
        font-weight:700;
        color:#0356A6 !important;
        margin-bottom:8px;
        padding-bottom:8px;
        border-bottom:2px solid #e5e7eb;
        }

        .mega-column a{
        font-size:14px;
        font-weight:500;
        color:#374151;
        padding:4px 0;
        transition:.2s;
        }

        .mega-column a:hover{
        color:#0356A6;
        }

        .view-all-tours{
        margin-top:12px;
        font-weight:700 !important;
        color:#0356A6 !important;
        }
*/
        /* Prevent nav hover color issues */
/*
        .mega-menu a{
        white-space:nowrap;
        }
*/

        /* ===================================
        PREMIUM TOUR MEGA MENU
        =================================== */

        .tour-mega-menu{
            position:absolute;
            top:100%;
            left:50%;
            transform:translateX(-40%);
            width:1100px;
            background:#fff;
            border-radius:18px;
            padding:28px;
            box-shadow:0 20px 50px rgba(0,0,0,.10);
            display:none;
            z-index:9999;
        }

        .mega-menu-parent:hover .tour-mega-menu{
            display:block;
        }

        .tour-mega-grid{
            display:grid;
            grid-template-columns:repeat(5,1fr);
            gap:32px;
        }

        .tour-col{
            display:flex;
            flex-direction:column;
        }

        .tour-col h4{
            display:flex;
            align-items:center;
            gap:10px;
            color:#0356A6;
            font-size:16px;
            font-weight:700;
            padding-bottom:12px;
            margin-bottom:14px;
            border-bottom:2px solid #e5e7eb;
        }

        .tour-col h4 i{
            color:#0356A6;
        }

        .tour-col a{
            padding:6px 0;
            color:#374151;
            font-size:15px;
            transition:.2s;
        }

        .tour-col a:hover{
            color:#0356A6;
        }

        .tour-view-all{
            margin-top:12px;
            font-weight:700;
            color:#0356A6 !important;
            display:inline-block;
        }

        .tour-col:not(:last-child){
            border-right:1px solid #e5e7eb;
            padding-right:24px;
        }

        .tour-cta-card{
            margin-top:20px;
            border:1px solid #dbeafe;
            border-radius:14px;
            padding:14px 18px;
            background:#f8fbff;
        }

        .tour-cta-icon{
            width:50px;
            height:50px;
            border-radius:50%;
            background:#e8f2ff;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#0356A6;
            margin-bottom:12px;
        }

        .tour-cta-card p{
            font-size:13px;
            margin-top:4px;
            margin-bottom:12px;
        }

        .tour-cta-btn{
            display:block;
            text-align:center;
            background:#0356A6;
            color:#fff !important;
            padding:10px;
            border-radius:8px;
            font-weight:700;
        }

        .tour-bottom-strip{
            margin-top:24px;
            border:1px solid #dbeafe;
            border-radius:14px;
            padding:14px 22px;
            display:flex;
            justify-content:space-between;
            align-items:center;
            background:#f8fbff;
        }

        .tour-bottom-left{
            display:flex;
            gap:14px;
            align-items:center;
        }

        .tour-bottom-left i{
            font-size:24px;
            color:#0356A6;
        }

        .tour-bottom-left span{
            display:block;
            color:#6b7280;
            font-size:14px;
        }

        .tour-bottom-section{
            display:grid;
            grid-template-columns:1fr 260px;
            gap:18px;
            margin-top:24px;
        }

        .tour-bottom-strip{
            margin-top:0;
            height:100%;
        }

        .tour-bottom-section .tour-cta-card{
            margin-top:0;
            height:100%;
        }

        /* ===================================
        VEHICLE MEGA MENU
        =================================== */

        .vehicle-mega-menu{
            position:absolute;
            top:100%;
            left:50%;
            transform:translateX(-50%);
            width:820px;
            background:#fff;
            border-radius:14px;
            padding:18px;
            box-shadow:0 12px 35px rgba(0,0,0,.08);
            display:none;
            z-index:9999;
        }

        .mega-menu-parent:hover .vehicle-mega-menu{
            display:block;
        }

        .vehicle-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:8px 20px;
        }

        .vehicle-item{
            display:flex !important;
            align-items:center;
            padding:10px 12px;
            gap:12px;
            border-radius:10px;
            transition:.2s;
        }

        .vehicle-item:hover{
            background:#f8fafc;
        }

        .vehicle-item i{
            width:30px;
            font-size:20px;
            color:#0356A6;
            flex-shrink:0;
        }

        .vehicle-item span{
            display:block;
            color:#1f2937;
            font-weight:700;
            font-size:15px;
        }

        .vehicle-item small{
            display:block;
            color:#6b7280;
            font-size:13px;
            margin-top:2px;
        }

        /* ===================================
        VEHICLE MEGA MENU BOTTOM SECTION
        =================================== */

        .vehicle-bottom-section{
            display:grid;
            grid-template-columns: 1fr 320px;
            gap:18px;
            margin-top:18px;
        }

        .vehicle-bottom-strip{
            border:1px solid #dbeafe;
            border-radius:14px;
            padding:14px 20px;
            background:#f8fbff;
            display:flex;
            justify-content:space-between;
            align-items:center;
            text-decoration:none;
            color:inherit;
            transition:.2s;
        }

        .vehicle-bottom-strip:hover{
            border-color:#0356A6;
            background:#f5f9ff;
        }

        .vehicle-bottom-left{
            display:flex;
            align-items:center;
            gap:14px;
        }

        .vehicle-bottom-left i{
            font-size:22px;
            color:#0356A6;
        }

        .vehicle-bottom-left span{
            display:block;
            font-size:14px;
            color:#6b7280;
        }

        .vehicle-strip-arrow{
            font-size:22px;
            color:#0356A6;
            font-weight:700;
        }

        .vehicle-cta-card{
            border:1px solid #dbeafe;
            border-radius:14px;
            padding:16px;
            background:#f8fbff;
        }

        .vehicle-cta-card h4{
            font-size:20px;
            margin-bottom:6px;
            white-space: nowrap;
        }

        .vehicle-cta-card p{
            font-size:14px;
            margin-bottom:12px;
        }

        .vehicle-cta-btn{
            display:block;
            text-align:center;
            background:#0356A6;
            color:#ffffff !important;
            padding:10px;
            border-radius:8px;
            font-weight:700;
        }

        .vehicle-cta-btn:hover{
            color:#ffffff !important;
        }

        @media(max-width:991px) {
            h1 {
                font-size: 38px
            }

            h2 {
                font-size: 30px
            }

            .hero-grid,
            .grid-3,
            .grid-5,
            .steps,
            .footer-grid {
                grid-template-columns: 1fr;
            }

            .trust-grid {
                grid-template-columns: 1fr 1fr;
                gap: 10px;
            }

            .icon-grid {
                grid-template-columns: 1fr;
            }

            .menu {
                display: none
            }

            .hero-image {
                min-height: 340px
            }

            .mobile-bar {
                display: flex;
            }

            footer {
                padding-bottom: 120px
            }

            .top-header{
            display:none;
            }

            .desktop-nav,
            .header-cta-group{
            display:none;
            }

            .mobile-header-actions{
            display:flex;
            }

            .navbar{
            padding:14px 0;
            }

            .site-logo{
            height:32px;
            }

        }        

        /* ===================================
        TOUR PACKAGES MEGA Mobile Accordion CSS
        =================================== */
        .mobile-menu{
        position:fixed;
        top:0;
        right:-100%;
        width:85%;
        max-width:340px;
        height:100vh;
        background:#ffffff;
        padding:0;
        overflow-y:auto;
        transition:.3s;
        z-index:10001;
        box-shadow:-8px 0 30px rgba(0,0,0,.12);
        }

        .mobile-menu-header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:18px;
        border-bottom:1px solid #e5e7eb;
        }

        .mobile-menu-header img{
        height:32px;
        width:auto;
        }

        .mobile-menu.active{
        right:0;
        }

        .mobile-menu-close{
        background:none;
        border:none;
        font-size:24px;
        cursor:pointer;
        float:right;
        margin-bottom:20px;
        }

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

        .mobile-menu li{
        list-style:none;
        margin:0;
        padding:0;
        border-bottom:1px solid #e5e7eb;
        }

        .mobile-overlay{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.5);
        opacity:0;
        visibility:hidden;
        transition:.3s;
        z-index:9998;
        }

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

        .mobile-menu a,
        .accordion-btn,
        .accordion-sub-btn{
        display:flex;
        justify-content:space-between;
        align-items:center;
        width:100%;
        padding:16px 20px;
        border:none;
        background:none;
        font-size:15px;
        font-weight:600;
        color:#1f2937;
        text-decoration:none;
        }

        .accordion-btn,
        .accordion-sub-btn{
        width:100%;
        background:none;
        border:none;
        text-align:left;
        padding:16px 20px;
        font-size:15px;
        font-weight:600;
        cursor:pointer;
        color:#1f2937;
        }

        .accordion-content,
        .accordion-sub-content{
        display:none;
        }

        .accordion-content.active,
        .accordion-sub-content.active{
        display:block;
        background:#f8fbff;
        border-top:1px solid #e5e7eb;
        }

        .accordion-sub-content a{
        display:block;
        padding:8px 0 8px 15px;
        }

        .accordion-btn{
        display:flex;
        justify-content:space-between;
        align-items:center;
        font-weight:700;
        color:#0356A6;
        }

        .accordion-btn::after{
        content:"+";
        font-size:20px;
        }

        .accordion-btn.open::after{
        content:"−";
        }

        .accordion-sub-btn{
        display:flex;
        justify-content:space-between;
        align-items:center;
        width:100%;
        padding:14px 20px;
        font-weight:600;
        font-size:15px;
        color:#1f2937;
        background:#f8fbff;
        border:none;
        cursor:pointer;
        }

        .accordion-sub-btn:hover{
        background:#eef6ff;
        }

        .accordion-sub-btn::after{
        content:"+";
        font-size:18px;
        color:#0356A6;
        }

        .accordion-sub-btn.open::after{
        content:"−";
        }

        .accordion-sub-content{
        margin:0;
        padding:0;
        background:#f8fbff;
        }

        .accordion-sub-content a{
        display:block;
        padding:10px 20px 10px 40px;
        font-size:14px;
        color:#4b5563;
        border-top:1px solid #eef2f7;
        }

        .accordion-sub-content a:hover{
        color:#0356A6;
        }

        .mobile-view-all{
        display:block;
        margin:15px 20px;
        padding:12px 16px;
        background:#0356A6;
        color:#fff !important;
        border-radius:8px;
        text-align:center;
        font-weight:700;
        }

        .mobile-menu-cta{
        padding:20px;
        position:sticky;
        bottom:0;
        background:#fff;
        border-top:1px solid #e5e7eb;
        }

        .mobile-menu-whatsapp{
        display:block;
        background:#25D366;
        color:#fff !important;
        text-align:center;
        padding:14px;
        border-radius:10px;
        font-weight:700;
        }

        .floating-whatsapp{
        position:fixed;
        bottom:80px;
        right:20px;
        background:#25D366;
        color:#fff;
        padding:14px 18px;
        border-radius:50px;
        font-weight:700;
        box-shadow:0 6px 18px rgba(0,0,0,.2);
        z-index:999;
        }

        body.menu-open .floating-whatsapp{
        display:none;
        }

        @media(min-width:992px){

            .mobile-menu{
            display:none;
            }

        }


        /* ===================================
        About Page CSS
        =================================== */

        .about-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:40px;
            align-items:center;
        }

        .about-image img{
            width:100%;
            border-radius:16px;
        }

        .founder-caption{
            margin-top:12px;
            text-align:center;
            color:var(--text);
            font-size:15px;
            line-height:1.5;
        }

        .founder-caption strong{
            color:var(--primary);
        }

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

        .stat-box{
            background:#fff;
            border:1px solid var(--border);
            border-radius:12px;
            padding:25px;
            text-align:center;
            box-shadow:0 8px 16px rgba(0,0,0,.04);
        }

        .stat-box h3{
            color:var(--primary);
            margin-bottom:8px;
        }

        @media(max-width:991px){

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

        }


        /* ===================================
        Vehicle hub Page CSS
        =================================== */

        .comparison-table{
        width:100%;
        border-collapse:collapse;
        }

        .comparison-table th,
        .comparison-table td{
        padding:15px;
        border:1px solid #e5e7eb;
        text-align:left;
        }

        .comparison-table th{
        background:#0356A6;
        color:#fff;
        }

        .fleet-grid{
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:30px;
        }

        @media(max-width:991px){

            .fleet-grid{
                grid-template-columns:1fr;
            }

        }


.hero-trust-note{margin-top:15px;font-weight:600;color:#4b5563}
.btn-block{width:100%}
.mt-35{margin-top:35px}
.mt-30{margin-top:30px}
.faq-list{margin-top:30px}
.package-best{font-weight:600;color:#0356A6}
.vehicle-help{margin-top:10px;font-weight:600;color:#0356A6}
.why-stats{margin-top:15px;font-weight:600;color:#0356A6}
.pickup-note{font-weight:600;margin-top:10px}
.process-note{margin-top:15px;color:#0356A6;font-weight:600}
.btn-cta-outline{color:#fff;border-color:#fff}
.footer-desc{color:#cbd5e1}