* {
     font-family: 'Poppins', sans-serif;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     overflow-x: hidden;
     background: #f8f9fa;
 }

 /* HERO */

 .hero-section {
     height: 100vh;
     min-height: 700px;
     position: relative;
     overflow: hidden;
 }

 .hero-section img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .hero-overlay {
     position: absolute;
     inset: 0;
     background:
         linear-gradient(rgba(0, 0, 0, 0.65),
             rgba(0, 0, 0, 0.45));
 }

 .hero-content {
     z-index: 5;
 }

 .glass-nav {
     background: rgba(0, 0, 0, 0.35);
     backdrop-filter: blur(10px);
 }

 .tour-card img {
     height: 280px;
     object-fit: cover;
     transition: 0.4s;
 }

 .tour-card {
     overflow: hidden;
     transition: 0.4s;
 }

 .tour-card:hover {
     transform: translateY(-8px);
 }

 .tour-card:hover img {
     transform: scale(1.08);
 }

 .service-icon {
     width: 80px;
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: #fff3e8;
     color: #ff6b00;
     font-size: 34px;
 }

 .vehicle-card img {
     height: 220px;
     object-fit: cover;
 }

 .testimonial-card {
     background: #fff;
     border-radius: 24px;
 }

 .offcanvas {
     width: 100% !important;
     max-width: 100%;
 }

 #map {
     width: 100%;
     min-height: 500px;
 }

 .form-section {
     max-height: 100%;
     overflow: auto;
 }

 .footer-bg {
     background: #111827;
 }

 .hero-badge {
     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(10px);
 }

 @media (max-width:991.98px) {

     #map {
         min-height: 350px;
     }

     .hero-section {
         min-height: 600px;
     }

 }


 .site-logo {
    width: 220px;
    height: auto;
    transition: 0.3s ease;
}

/* Tablet */
@media (max-width: 992px) {
    .site-logo {
        width: 180px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .site-logo {
        width: 140px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .site-logo {
        width: 110px;
    }
}

.enquiry-page .enquiry-wizard-card {
    border-top: 4px solid var(--brand-primary, #ffc107);
}