/* ============================================================================
Header And Footer 
======================================================================= */
:root {
            --mtat-primary: #0ea5e9;
            --mtat-dark: #0b1220;
            --mtat-accent: #22c55e;
            --mtat-light-bg: #f8fafc;
            --mtat-white: #ffffff;
            --mtat-gray: #64748b;
            --mtat-border: #e2e8f0;
            --mtat-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            --mtat-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            --mtat-radius: 12px;
            --mtat-radius-pill: 50px;
            --mtat-transition: all 0.25s ease;
        }

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

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--mtat-dark);
            background-color: var(--mtat-light-bg);
            line-height: 1.6;
        }

        /* ========== ANNOUNCEMENT BAR ========== */
        .mtat-announcement {
            background: linear-gradient(135deg, var(--mtat-dark) 0%, #1e293b 100%);
            color: var(--mtat-white);
            padding: 10px 0;
            font-size: 0.9rem;
        }

        .mtat-announcement__container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .mtat-announcement__left {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            flex-wrap: wrap;
        }

        .mtat-announcement__item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--mtat-white);
            text-decoration: none;
            transition: var(--mtat-transition);
        }

        .mtat-announcement__item i {
            color: var(--mtat-primary);
            font-size: 1rem;
        }

        .mtat-announcement__item:hover {
            color: var(--mtat-primary);
        }

        .mtat-announcement__right {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .mtat-announcement__social {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background: rgba(255, 255, 255, 0.1);
            color: var(--mtat-white);
            border-radius: 50%;
            text-decoration: none;
            transition: var(--mtat-transition);
            font-size: 0.9rem;
        }

        .mtat-announcement__social:hover {
            background: var(--mtat-primary);
            color: var(--mtat-white);
            transform: scale(1.1);
        }

        @media (max-width: 767.98px) {
            .mtat-announcement {
                font-size: 0.85rem;
                padding: 12px 0;
            }

            .mtat-announcement__container {
                justify-content: center;
                text-align: center;
            }

            .mtat-announcement__left {
                justify-content: center;
                width: 100%;
                gap: 1rem;
            }

            .mtat-announcement__right {
                justify-content: center;
                width: 100%;
                margin-top: 8px;
            }

            .mtat-announcement__item {
                font-size: 0.85rem;
            }
        }

        /* ========== HEADER STYLES ========== */
        .mtat-header {
            background: var(--mtat-white);
            box-shadow: var(--mtat-shadow);
            position: sticky;
            top: 0;
            z-index: 1030;
            transition: var(--mtat-transition);
        }

        .mtat-header__brand {
            display: flex;
            align-items: center;
            gap: 12px;
            text-decoration: none;
            color: var(--mtat-dark);
            font-weight: 600;
            font-size: 1.25rem;
            transition: var(--mtat-transition);
        }

        .mtat-header__brand:hover {
            color: var(--mtat-primary);
        }

        .mtat-header__logo {
            height: 90px;
            width: auto;
            border-radius: 50%;
            object-fit: contain;
        }

        .mtat-nav {
            display: flex;
            align-items: center;
            gap: 8px;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .mtat-nav__item {
            position: relative;
        }

        .mtat-nav__link {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 16px;
            color: var(--mtat-dark);
            text-decoration: none;
            font-weight: 500;
            font-size: 0.95rem;
            border-radius: var(--mtat-radius);
            transition: var(--mtat-transition);
            position: relative;
        }

        .mtat-nav__link:hover {
            background: var(--mtat-light-bg);
            color: var(--mtat-primary);
        }

        .mtat-nav__link:focus {
            outline: 2px solid var(--mtat-primary);
            outline-offset: 2px;
        }

        .mtat-nav__link i {
            font-size: 1rem;
        }

        .mtat-nav__link.is-active {
            color: var(--mtat-primary);
            font-weight: 600;
        }

        .mtat-nav__link.is-active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 16px;
            right: 16px;
            height: 3px;
            background: var(--mtat-primary);
            border-radius: 3px 3px 0 0;
        }

        .mtat-cta-wa {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 24px;
            background: var(--mtat-accent);
            color: var(--mtat-white);
            text-decoration: none;
            font-weight: 600;
            border-radius: var(--mtat-radius-pill);
            transition: var(--mtat-transition);
            box-shadow: var(--mtat-shadow);
        }

        .mtat-cta-wa:hover {
            background: #16a34a;
            color: var(--mtat-white);
            transform: translateY(-2px);
            box-shadow: var(--mtat-shadow-lg);
        }

        .mtat-cta-wa:focus {
            outline: 2px solid var(--mtat-accent);
            outline-offset: 2px;
        }

        .navbar-toggler {
            border: none;
            padding: 8px;
        }

        .navbar-toggler:focus {
            box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.25);
        }

        /* Mobile Nav Styles */
        @media (max-width: 991.98px) {
            .mtat-nav {
                flex-direction: column;
                align-items: stretch;
                padding: 1rem 0;
            }

            .mtat-nav__link {
                padding: 14px 20px;
                font-size: 1.05rem;
            }

            .mtat-nav__link.is-active::after {
                left: 20px;
                right: 20px;
            }

            .mtat-cta-wa {
                width: 100%;
                justify-content: center;
                margin-top: 1rem;
            }
        }

        /* ========== FOOTER STYLES ========== */
        .mtat-footer {
            background: linear-gradient(135deg, var(--mtat-dark) 0%, #1e293b 100%);
            color: var(--mtat-white);
            padding: 4rem 0 0;
            margin-top:10px;
        }

        /* .mtat-footer__wave {
            height: 60px;
            background: var(--mtat-light-bg);
            clip-path: ellipse(100% 100% at 50% 0%);
            margin-bottom: 3rem;
        } */

        .mtat-footer h5 {
            font-weight: 600;
            margin-bottom: 1.5rem;
            font-size: 1.15rem;
            color: var(--mtat-white);
        }

        .mtat-footer__brand {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 1rem;
        }

        .mtat-footer__brand img {
            height: 90px;
            width: auto;
            /* border-radius: 50%; */
        }

        .mtat-footer__brand-name {
            font-size: 1.25rem;
            font-weight: 600;
            color: var(--mtat-white);
        }

        .mtat-footer__caption {
            color: #94a3b8;
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 1.5rem;
        }

        .mtat-social {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        .mtat-social__link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            color: var(--mtat-white);
            border-radius: 50%;
            text-decoration: none;
            transition: var(--mtat-transition);
        }

        .mtat-social__link:hover {
            background: var(--mtat-primary);
            color: var(--mtat-white);
            transform: translateY(-3px);
        }

        .mtat-footer__links {
            list-style: none;
            padding: 0;
        }

        .mtat-footer__links li {
            margin-bottom: 12px;
        }

        .mtat-footer__links a {
            color: #94a3b8;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: var(--mtat-transition);
        }

        .mtat-footer__links a:hover {
            color: var(--mtat-primary);
            padding-left: 8px;
        }

        .mtat-footer__contact-item {
            display: flex;
            align-items: start;
            gap: 12px;
            margin-bottom: 16px;
            color: #94a3b8;
        }

        .mtat-footer__contact-item i {
            color: var(--mtat-primary);
            margin-top: 4px;
            font-size: 1.1rem;
        }

        .mtat-footer__contact-item a {
            color: #94a3b8;
            text-decoration: none;
            transition: var(--mtat-transition);
        }

        .mtat-footer__contact-item a:hover {
            color: var(--mtat-primary);
        }

        .mtat-newsletter {
            background: rgba(255, 255, 255, 0.05);
            padding: 1.5rem;
            border-radius: var(--mtat-radius);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .mtat-newsletter__image {
            width: 100%;
            height: 120px;
            object-fit: cover;
            border-radius: var(--mtat-radius);
            margin-bottom: 1rem;
        }

        .mtat-newsletter h5 {
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
        }

        .mtat-newsletter p {
            font-size: 0.9rem;
            color: #94a3b8;
            margin-bottom: 1rem;
        }

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

        .mtat-newsletter__input {
            padding: 12px 16px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: var(--mtat-radius);
            background: rgba(255, 255, 255, 0.1);
            color: var(--mtat-white);
            font-size: 0.95rem;
            transition: var(--mtat-transition);
        }

        .mtat-newsletter__input::placeholder {
            color: #94a3b8;
        }

        .mtat-newsletter__input:focus {
            outline: none;
            border-color: var(--mtat-primary);
            background: rgba(255, 255, 255, 0.15);
        }

        .mtat-newsletter__btn {
            padding: 12px 24px;
            background: linear-gradient(135deg, #3ABEF9, #0074E4);
            color: var(--mtat-white);
            border: none;
            border-radius: var(--mtat-radius);
            font-weight: 600;
            cursor: pointer;
            transition: var(--mtat-transition);
        }

        .mtat-newsletter__btn:hover {
            background: #0284c7;
            transform: translateY(-2px);
        }

        .mtat-footer__bottom {
            margin-top:10px;
            padding: 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
            color: #94a3b8;
            font-size: 0.9rem;
        }
        p{
          margin-bottom: 10px;
        }

        /* ========== DEMO PAGE CONTENT ========== */
        .mtat-demo-content {
            min-height: 60vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4rem 0;
        }

        .mtat-demo-hero {
            text-align: center;
            max-width: 700px;
            margin: 0 auto;
        }

        .mtat-demo-hero h1 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: var(--mtat-dark);
        }

        .mtat-demo-hero p {
            font-size: 1.15rem;
            color: var(--mtat-gray);
            margin-bottom: 2rem;
        }

        @media (max-width: 767.98px) {
            .mtat-demo-hero h1 {
                font-size: 2rem;
            }
        }
        /* Hero section -section -07 */

        /* =========================================================================== */
        /* Banner section  */
        /* Theme */
:root {
  --b1-red: #d90429;
  --b1-red2: #ef233c;
}

/* Section with background image + overlay */
.banner-1 {
  height: 50vh;
  min-height: 280px;
  position: relative;
  display: grid;
  place-items: center;
  color: #fff;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55)),
    var(--banner1-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Content wrapper */
.banner-1-inner {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 18px;
  display: grid;
  gap: 12px;
  text-align: center;
  justify-items: center;
}

/* Desktop left-bottom alignment */
@media (min-width: 768px) {
  .banner-1 {
    place-items: end start;
  }
  .banner-1-inner {
    text-align: left;
    justify-items: start;
    padding-bottom: 28px;
  }
}

/* ========== Overlay Utility (for text) ========== */
.banner-1 .overlay-box {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  backdrop-filter: blur(6px);
  padding: 8px 14px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  display: inline-block;
}

/* Breadcrumb */
.banner-1-breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  font-weight: 700;
  font-size: .95rem;
}
.banner-1-breadcrumb li { opacity: .95; }
.banner-1-breadcrumb li + li::before {
  content: "›";
  margin: 0 4px;
  opacity: .9;
  color: #fff;
}
.banner-1-breadcrumb a {
  color: #ffefef;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}
.banner-1-breadcrumb a:hover {
  color: #fff;
  border-color: #fff;
}

/* Headings */
.banner-1-title {
  margin: 0;
  font-weight: 900;
  font-size: clamp(24px, 6vw, 44px);
  line-height: 1.1;
  text-shadow: 0 6px 18px rgba(0, 0, 0, .35);
}
.banner-1-sub {
  margin: 0;
  font-size: clamp(14px, 2.5vw, 18px);
  opacity: .95;
}

/* Red underline for title (brand style) */
@media (min-width: 768px) {
  .banner-1-title {
    position: relative;
    padding-bottom: 6px;
  }
  .banner-1-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 90px;
    border-radius: 999px;
    background: linear-gradient(135deg, #3ABEF9, #0074E4);
    box-shadow: 0 10px 22px rgba(56, 189, 248, 0.35);
  }
}

        /* ===== section-08 — Screenshot-style Performance Hero ===== */
:root{
  --08-bg: #fff;
  --08-border: #e5e7eb;
  --08-text: #0f172a;
  --08-muted:#6b7280;
  --08-red:  #ef4444;
  --08-accent:#111827;
}

*{box-sizing:border-box}
.section-08{ position:relative; padding: clamp(24px,3vw,32px); background: var(--08-bg); color:var(--08-text); }
.section-08-shell{ max-width: 1400px; margin: 0 auto;  border-radius: 14px; padding: clamp(18px,2vw,26px); }

.section-08-grid{
  display:grid; gap: clamp(16px,2.2vw,24px);
  grid-template-columns: 1fr; align-items:center;
}
@media (min-width: 1024px){
  .section-08-grid{ grid-template-columns: 1fr 1fr 1fr; }
}

/* Left */
.section-08-left{ display:flex; flex-direction:column; gap:18px; }
.section-08-title{
  margin:0; line-height:1.05;
  font-size: clamp(28px,5vw,52px); font-weight:800; color: var(--08-accent);
}
.section-08-title em{ font-style:italic; font-weight:700; color:#2F8FEF; }

.section-08-cta{
  display:inline-flex; align-items:center; gap:8px;
  width:max-content; padding:10px 14px; border-radius:999px;
  background: linear-gradient(135deg, #3ABEF9, #0074E4); color:#fff; text-decoration:none; font-weight:800;
}
.section-08-cta svg{ width:18px;height:18px; fill:#fff }

.section-08-socialproof{ display:flex; align-items:center; gap:12px; }
.section-08-avatars{ display:flex; }
.section-08-avatars img{
  width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #fff;
  margin-left:-6px; box-shadow: 0 0 0 1px var(--08-border);
}
.section-08-avatars img:first-child{ margin-left:0; }
.section-08-reviews{ display:flex; flex-direction:column; line-height:1.1 }
.section-08-reviews strong{ font-size:18px; color:#2F8FEF }
.section-08-reviews span{ color: var(--08-muted); font-size:12px }

/* Center (circle + car) */
.section-08-center{ position:relative; display:grid; place-items:center; }
.section-08-circle{
  width:min(420px, 72vw); aspect-ratio:1/1; border-radius:50%;
  background:radial-gradient(60% 60% at 50% 50%, #ffffff 0%, #f3f4f6 100%);
  overflow:hidden; position:relative;
}
.section-08-city{
  width:100%; height:100%; object-fit:cover;
  transform: scale(1.06);
  filter: saturate(0.95) contrast(1.02);
}

.section-08-car{
  position:absolute; bottom:-6%; left:50%; transform:translateX(-52%);
  width:min(520px, 95%); height:auto; object-fit:contain;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.18));
}

.section-08-fab{
  position:absolute; right:12%; top:22%;
  width:44px;height:44px;border-radius:50%;
  background: var(--08-red); border:none; color:#fff; display:grid; place-items:center; cursor:pointer;
}
.section-08-fab svg{ width:20px;height:20px; fill:#fff }

/* Right content */
.section-08-right{ display:flex; flex-direction:column; gap:12px; }
.section-08-stats{ display:flex; align-items:flex-end; gap:24px; }
.section-08-stats .stat strong{
  font-size:26px; font-weight:800; color:#111827;
}
.section-08-stats .stat .sec{ color:#111827 }
.section-08-stats .stat .sec span{ color:#ef4444; font-size:.6em; font-weight:800; margin-left:2px }
.section-08-stats .stat span{ display:block; color: var(--08-muted); font-size:12px; }

.section-08-model{ margin:2px 0 0; font-size: clamp(20px,2.6vw,28px); font-weight:800; }
.section-08-desc{ margin:4px 0 0; color: var(--08-muted); line-height:1.6; }

.section-08-thumbs{ display:flex; gap:8px; margin-top:6px; }
.section-08-thumbs button{
  width:44px;height:44px;border-radius:50%; overflow:hidden; border:1px solid var(--08-border); background:#fff; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease;
}
.section-08-thumbs button.is-active{ transform: scale(1.05); border-color:#111827; }
.section-08-thumbs img{ width:100%; height:100%; object-fit:cover; }

.section-08-arrows{ display:flex; gap:8px; margin-top:8px; }
.section-08-arrows button{
  width:34px;height:34px;border-radius:50%; border:1px solid var(--08-border); background:#fff; cursor:pointer;
  display:grid;place-items:center;
}
.section-08-arrows svg{ width:18px;height:18px; stroke:#111827; fill:none; stroke-width:2; }

/* Floating down button */
.section-08-down{
  position:absolute; right:18px; bottom:12px; width:46px;height:46px;border-radius:50%;
  border:1px solid var(--08-border); background:#fff; display:grid; place-items:center; text-decoration:none;
  box-shadow: inset 0 0 0 0px transparent; transition: box-shadow .3s ease;
}
.section-08-down svg{ width:20px;height:20px; stroke:#111827; fill:none; stroke-width:2; }
.section-08-down:hover{ box-shadow: inset 0 0 0 2px #ddd; }

/* Responsiveness */
@media (max-width: 1023.98px){
  .section-08-right{ order:3 }
  .section-08-center{ order:2 }
  .section-08-left{ order:1 }
  .section-08-stats{ gap:18px }
  .section-08-car{ width:90% }
}
@media (max-width: 640px){
  .section-08-cta{ padding:9px 12px }
  .section-08-thumbs button{ width:38px;height:38px }
}

/* =========================================================================================== */
/* About Us  */
/* ===== Devansh Tour and Travels - About (Premium) - section-01 ===== */
:root{
  --section-01-bg: radial-gradient(1200px 600px at 10% 10%, #ffffff66 0%, #ffffff00 60%),
                   linear-gradient(135deg, #0f172a, #1f2937 40%, #0b1020);
  --section-01-card: rgba(255,255,255,0.06);
  --section-01-stroke: rgba(255,255,255,0.18);
  --section-01-primary: #a78bfa; /* soft purple */
  --section-01-accent:  #34d399; /* jade green */
  --section-01-text:    #e5e7eb;
  --section-01-muted:   #9ca3af;
}

*{box-sizing:border-box}
.section-01-wrapper{
  padding:  20px;
  background: var(--section-01-bg);
  position: relative;
  overflow: hidden;
}

/* glow orbs */
.section-01-wrapper::before,
.section-01-wrapper::after{
  content:"";
  position:absolute;
  width:520px;height:520px;border-radius:50%;
  filter: blur(120px);
  opacity:.25; z-index:0;
}
.section-01-wrapper::before{background:#7c3aed; top:-160px; left:-140px;}
.section-01-wrapper::after{background:#10b981; bottom:-180px; right:-160px;}

.section-01-container{
  max-width: 1200px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(24px, 3vw, 48px);
  align-items:center;
  /* background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); */
  /* border: 1px solid var(--section-01-stroke); */
  border-radius: 28px;
  padding: clamp(20px, 3vw, 32px);
  backdrop-filter: blur(10px);
  /* box-shadow: 0 10px 40px rgba(2,6,23,.5); */
  position: relative;
  z-index: 1;
}

/* Left Media */
.section-01-media{
  position:relative;
  min-height: 360px;
}
.section-01-photo{
  position:absolute; border-radius: 20px; overflow:hidden;
  border:1px solid var(--section-01-stroke);
  box-shadow: 0 20px 40px rgba(0,0,0,.4);
  transform: translateZ(0);
}
.section-01-photo img{display:block;width:100%;height:100%;object-fit:cover;}
.section-01-photo--primary{
  top:0; left:0; width:66%; height:78%;
  /* organic lower curve */
  clip-path: path("M10 0 H 100% V 90% Q 70% 100% 0 75% Z");
}
.section-01-photo--secondary{
  right:0; bottom:0; width:58%; height:68%;
  transform: rotate(4deg);
}

/* Badge */
.section-01-badge{
  position:absolute; top:10px; right:10px;
  background: linear-gradient(135deg, var(--section-01-primary), #4f46e5);
  color:white; padding: 10px 14px; border-radius: 14px;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  box-shadow: 0 8px 24px rgba(79,70,229,.5);
  border:1px solid rgba(255,255,255,.2);
}
.section-01-badge span{font-weight:800; letter-spacing:.5px;}
.section-01-badge small{opacity:.9}

/* Right Content */
.section-01-content{color:var(--section-01-text);}
.section-01-title{
  font-size: clamp(26px, 3vw, 36px);
  line-height:1.2; margin:0 0 10px 0;
  color:#fff;
}
.section-01-title span{
  display:block; font-size: .6em; letter-spacing: .2em;
  color: var(--section-01-muted); text-transform: uppercase;
  margin-top:6px;
}
.section-01-text{
  color:var(--section-01-text);
  opacity:.95; line-height:1.8; margin: 12px 0 14px;
}
.section-01-points{
  margin:0 0 22px 0; padding-left:0; list-style:none; color:#d1d5db;
}
.section-01-points li{
  display:flex; gap:10px; align-items:flex-start; margin:8px 0;
}
.section-01-points li::before{
  content:""; width:10px; height:10px; border-radius:3px;
  margin-top:6px;
  background: linear-gradient(135deg, var(--section-01-accent), #22c55e);
  box-shadow: 0 0 10px #22c55e66;
}

/* CTA Buttons */
.section-01-cta{display:flex; gap:12px; flex-wrap:wrap}
.section-01-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 18px; border-radius:14px; text-decoration:none; font-weight:700;
  border:1px solid var(--section-01-stroke); transition:.25s ease;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  color:#fff;
}
.section-01-btn svg{flex:0 0 auto}
.section-01-btn--call{outline: 2px solid transparent;}
.section-01-btn--call:hover{
  transform: translateY(-2px);
  outline-color:#60a5fa; box-shadow: 0 12px 24px rgba(96,165,250,.25);
}
.section-01-btn--wa{
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-color: transparent;
}
.section-01-btn--wa:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 12px 24px rgba(34,197,94,.35);
}

/* Responsive */
@media (max-width: 980px){
  .section-01-container{
    grid-template-columns: 1fr;
  }
  .section-01-media{
    min-height: 300px;
  }
}
@media (max-width: 560px){
  .section-01-media{min-height: 260px;}
  .section-01-photo--primary{width:70%; height:70%}
  .section-01-photo--secondary{width:60%; height:60%}
}
/* section-02 */
/* ===== Cars Listing (section-02) — No cards, no bg, no shadows ===== */
:root{
  --section-02-text:#0f172a;
  --section-02-muted:#475569;
  --section-02-accent:#0ea5e9;   /* primary accent */
  --section-02-accent-2:#16a34a; /* alt accent for focus ring */
}

*{box-sizing:border-box}

.section-02{
  padding: 20px;
  background: transparent; /* no background */
}

.section-02-container{
  max-width: 1200px;
  margin: 0 auto;
}

.section-02-head{
  margin-bottom: clamp(20px, 3vw, 28px);
  text-align: center;
}
.section-02-title{
  margin:0;
  font-size: clamp(22px, 3.2vw, 34px);
  color: var(--section-02-text);
  letter-spacing: .2px;
}
.section-02-subtitle{
  margin: 8px 0 0 0;
  color: var(--section-02-muted);
  font-size: clamp(14px, 1.6vw, 16px);
}

/* Grid: mobile 1, tablet 2, laptop 4 */
.section-02-grid{
  display: grid;
  gap: clamp(14px, 2vw, 22px);
  grid-template-columns: 1fr;      /* mobile */
}

@media (min-width: 640px){          /* tablet */
  .section-02-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px){         /* laptop/desktop */
  .section-02-grid{ grid-template-columns: repeat(4, 1fr); }
}

/* Item — plain layout (no card, no border, no shadow) */
.section-02-item{
  display:flex;
  flex-direction:column;
  gap: 10px;
}

/* Media: consistent aspect without container/background */
.section-02-media{
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 14px;        /* subtle polish; remove if you want square */
}
.section-02-media img{
  width:100%; height:100%; object-fit:cover;
  transform: scale(1.0);
  transition: transform .35s ease;
}
.section-02-media:hover img{ transform: scale(1.04); }  /* gentle zoom, no shadow */

/* Text rows */
.section-02-name{
  margin: 2px 0 0 0;
  font-size: clamp(16px, 2vw, 18px);
  color: var(--section-02-text);
  font-weight: 700;
}
.section-02-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.section-02-price{
  font-weight: 700;
  color: var(--section-02-text);
  letter-spacing:.2px;
}

/* Book button — solid, clean, no shadow */
.section-02-book{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 14px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #3ABEF9, #0074E4);
  color: #fff;
  border: 2px solid transparent;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.section-02-book:hover{
  transform: translateY(-1px);
}
.section-02-book:focus-visible{
  outline: none;
  border-color: var(--section-02-accent-2);
}
/* section-03 why choose us  */
/* ===== Why Choose Us (section-03) — Light Premium Theme ===== */
:root{
  /* Soft, professional light gradients */
  --section-03-bg:
    radial-gradient(900px 500px at 12% 8%, #e8f3ff66 0%, #ffffff00 60%),
    radial-gradient(700px 380px at 88% 20%, #e6fffa66 0%, #ffffff00 60%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #eef2ff 100%);

  /* Light strokes & text */
  --section-03-stroke: rgba(15, 23, 42, 0.12);  /* subtle slate border */
  --section-03-text:   #0f172a;                  /* slate-900 */
  --section-03-muted:  #475569;                  /* slate-600 */

  /* Accents */
  --section-03-accent:  #2563eb; /* blue-600 */
  --section-03-accent2: #10b981; /* emerald-500 */
}

*{box-sizing:border-box}

.section-03{
  padding:  20px;
  background: var(--section-03-bg);
  color: var(--section-03-text);
  overflow: hidden;
  position: relative;
}

.section-03-shell{
  max-width: 1200px;
  margin: 0 auto;
}

/* Header */
.section-03-head{
  text-align: center;
  margin-bottom: clamp(28px, 5vw, 48px);
}
.section-03-kicker{
  display:inline-block;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--section-03-muted);
  border: 1px solid var(--section-03-stroke);
  padding: 8px 12px;
  border-radius: 999px;
  backdrop-filter: blur(4px);
  background: rgba(255,255,255,.6);
}
.section-03-title{
  margin: 14px 0 8px;
  font-size: clamp(24px, 3.6vw, 40px);
  line-height: 1.15;
  color: #0b1220;
}
.section-03-sub{
  margin: 0 auto;
  max-width: 760px;
  color: var(--section-03-muted);
  font-size: clamp(14px, 1.6vw, 16px);
}

/* Grid */
.section-03-grid{
  display: grid;
  gap: clamp(14px, 2.2vw, 22px);
  grid-template-columns: 1fr; /* mobile */
  margin-top: clamp(18px, 3vw, 28px);
}
@media (min-width: 700px){
  .section-03-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px){
  .section-03-grid{ grid-template-columns: repeat(3, 1fr); }
}

/* Feature item — light glass look */
.section-03-feature{
  position: relative;
  padding: 18px 18px 20px;
  border: 1px solid var(--section-03-stroke);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
  backdrop-filter: blur(6px);
  transition: transform .25s ease;
}
.section-03-feature:hover{ transform: translateY(-2px); }

.section-03-iconwrap{
  width: 46px; height: 46px; border-radius: 12px;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #3b82f6, #22c55e);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 8px 20px rgba(37, 99, 235, .18);
  margin-bottom: 12px;
}
.section-03-iconwrap svg{
  width: 22px; height: 22px; fill: #ffffff;
}

.section-03-fname{
  margin: 4px 0 6px;
  font-size: clamp(16px, 2.2vw, 18px);
  color: #0b1220;
}
.section-03-ftext{
  margin: 0;
  color: var(--section-03-text);
  opacity: .9;
  line-height: 1.7;
  font-size: 14.5px;
}

/* Trust Bar — airy and light */
.section-03-trust{
  margin: clamp(26px, 4vw, 40px) auto 0;
  padding: 10px 14px;
  border: 1px dashed var(--section-03-stroke);
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center; gap: 18px;
  flex-wrap: wrap;
  background: linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.6));
}
.section-03-metric{ text-align:center; }
.section-03-num{
  display:block; font-weight: 800; letter-spacing:.3px;
  font-size: clamp(18px, 2.6vw, 22px); color:#0b1220;
}
.section-03-label{
  display:block; color: var(--section-03-muted); font-size: 12.5px;
}
.section-03-dot{
  width: 6px; height: 6px; border-radius: 50%;
  background: linear-gradient(135deg, var(--section-03-accent2), var(--section-03-accent));
  opacity: .9;
}

/* CTA — clean, bright solid buttons */
.section-03-cta{
  display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
  margin-top: clamp(20px, 3.5vw, 32px);
}
.section-03-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 18px; border-radius: 12px; font-weight: 800;
  border: 1px solid var(--section-03-stroke);
  text-decoration:none;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
  color: #ffffff;
}
.section-03-btn:hover{ transform: translateY(-1.5px); }

.section-03-btn--call{
  background: linear-gradient(135deg, #3ABEF9, #0074E4);
  border-color: transparent;
}
.section-03-btn--wa{
  background: linear-gradient(135deg, #22c55e, #10b981);
  border-color: transparent;
}

/* Small devices */
@media (max-width: 520px){
  .section-03-iconwrap{ width:44px; height:44px; }
  .section-03-feature{ padding:16px; }
}
/* section-04 Testimonials */
:root{
    --testimonilas-01-radius: 18px;
    --testimonilas-01-shadow: 0 20px 35px rgba(0,0,0,.15);
    --testimonilas-01-text: #0f172a;
    --testimonilas-01-maxw: 1000px;
    --testimonilas-01-interval: 5200ms;
  }

  .testimonilas-01{
    padding: clamp(32px, 4vw, 64px) 16px;
    background: linear-gradient(180deg,#ffffff 0%, #f6f9ff 100%);
  }
  .testimonilas-01-wrap{max-width: var(--testimonilas-01-maxw); margin: 0 auto;}
  .testimonilas-01-heading{
    text-align:center;
    font-size: clamp(22px, 2.4vw, 36px);
    margin: 0 0 20px 0;
    font-weight: 800;
    color: var(--testimonilas-01-text);
    letter-spacing:.3px;
  }

  .testimonilas-01-stack{
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--testimonilas-01-radius) + 6px);
    padding: clamp(12px, 2vw, 16px);
    background: #fff;
    box-shadow: 0 10px 30px rgba(2, 6, 23, .06);
  }

  /* Controls */
  .testimonilas-01-ctrl{
    position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 6; width: 44px; height: 44px; border-radius:50%;
    border:0; background: rgba(15,23,42,.55); color:#fff;
    display:grid; place-items:center; cursor:pointer; transition:.2s ease; backdrop-filter: blur(2px);
  }
  .testimonilas-01-prev{ left: 10px;}
  .testimonilas-01-next{ right: 10px;}
  .testimonilas-01-ctrl:hover{ background: rgba(15,23,42,.85); transform: translateY(-50%) scale(1.04);}
  .testimonilas-01-ctrl:focus{ outline: 3px solid #2563eb; }

  /* Cards container */
  .testimonilas-01-cards{
    list-style:none; margin:0; padding:0;
    height: clamp(140px, 26vw, 220px);
    position: relative;
  }
  .testimonilas-01-card{
    position:absolute; inset:0;
    display:grid; align-content:center; justify-items:center; text-align:center;
    padding: clamp(18px, 3vw, 32px);
    border-radius: var(--testimonilas-01-radius);
    color:#fff; box-shadow: var(--testimonilas-01-shadow);
    transform-origin:center bottom;
    transition: transform .6s cubic-bezier(.2,.7,.2,1), opacity .6s ease, filter .6s ease;
  }
  .testimonilas-01-quote{ font-size: clamp(16px, 1.8vw, 20px); line-height:1.55; margin:8px 0 8px; max-width: 800px; text-wrap: balance;}
  .testimonilas-01-author{ color: rgba(255,255,255,.92); font-size: clamp(14px, 1.4vw, 16px); margin-bottom:8px;}
  .testimonilas-01-brand{ font-size:12px; opacity:.9; letter-spacing:.3px; }

  /* Stars */
  .testimonilas-01-stars{ display:flex; gap:8px; }
  .testimonilas-01-stars .star{ width:20px; height:20px; fill:#ffd166; filter: drop-shadow(0 1px 0 rgba(0,0,0,.25)); }

  /* Depth states (JS sets data-pos) */
  .testimonilas-01-card{ opacity:0; pointer-events:none; }
  .testimonilas-01-card[data-pos="0"]{ opacity:1; pointer-events:auto; transform: translateY(0) scale(1); filter:none; z-index:5;}
  .testimonilas-01-card[data-pos="1"]{ opacity:.95; transform: translateY(16px) scale(.985); filter: saturate(.95) blur(.1px); z-index:4;}
  .testimonilas-01-card[data-pos="2"]{ opacity:.9; transform: translateY(30px) scale(.97); filter: saturate(.9) blur(.2px); z-index:3;}
  .testimonilas-01-card[data-pos="3"]{ opacity:.85; transform: translateY(42px) scale(.955); filter: saturate(.85) blur(.3px); z-index:2;}
  .testimonilas-01-card[data-pos="4"]{ opacity:.8; transform: translateY(52px) scale(.94); z-index:1;}
  .testimonilas-01-card[data-pos="5"],
  .testimonilas-01-card[data-pos="6"]{ opacity:0; transform: translateY(60px) scale(.93); }

  /* Progress bar */
  .testimonilas-01-progress{
    position:absolute; left:16px; right:16px; bottom:12px; height:3px;
    background: rgba(2,6,23,.08); border-radius:999px; overflow:hidden;
  }
  .testimonilas-01-bar{
    display:block; height:100%; width:0%;
    background: linear-gradient(90deg,#22c55e,#3b82f6,#a855f7);
    animation: testimonilas-01-tbar var(--testimonilas-01-interval) linear infinite;
  }
  @keyframes testimonilas-01-tbar{
    from{width:0%} to{width:100%}
  }

  /* Color themes */
  .theme-indigo{ background: linear-gradient(135deg,#2e2d41 0%, #7c3aed 100%);}
  .theme-emerald{ background: linear-gradient(135deg,#059669 0%, #10b981 100%);}
  .theme-amber{ background: linear-gradient(135deg,#f59e0b 0%, #f97316 100%);}
  .theme-rose{ background: linear-gradient(135deg,#e11d48 0%, #f43f5e 100%);}
  .theme-sky{ background: linear-gradient(135deg,#0284c7 0%, #38bdf8 100%);}
  .theme-violet{ background: linear-gradient(135deg,#7c3aed 0%, #a78bfa 100%);}
  .theme-teal{ background: linear-gradient(135deg,#0d9488 0%, #14b8a6 100%);}

  /* Responsive height */
  @media (max-width: 576px){
    .testimonilas-01-cards{ height: 220px; }
  }

/* section-05 map  */
/* ====== Premium Light Layout Upgrade for section-05 ====== */
:root{
  --section-05-bg:
    radial-gradient(900px 500px at 12% 8%, #e8f3ff66 0%, #ffffff00 60%),
    radial-gradient(700px 380px at 88% 20%, #e6fffa66 0%, #ffffff00 60%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #eef2ff 100%);
  --section-05-stroke: rgba(15,23,42,.12);
  --section-05-text:   #0f172a;
  --section-05-muted:  #475569;
  --section-05-blue:   #2563eb;
  --section-05-green:  #10b981;
  --section-05-amber:  #f59e0b;
}

*{box-sizing:border-box}
.section-05{ padding: clamp(18px, 3.2vw, 36px); background: var(--section-05-bg); color: var(--section-05-text); }
.section-05-shell{ max-width: 1200px; margin: 0 auto; }

/* Header */
.section-05-head{ text-align:center; margin-bottom: clamp(16px, 3.5vw, 28px); }
.section-05-title{ margin:0; font-size: clamp(22px, 3.2vw, 34px); color:#0b1220; font-weight: 800; letter-spacing:.2px;}
.section-05-sub{ margin:8px auto 0; max-width:720px; color:var(--section-05-muted); }

/* Grid */
.section-05-grid{
  display:grid; gap: clamp(16px, 2.4vw, 24px);
  grid-template-columns: 1fr;
  align-items: start;
}
@media (min-width: 900px){
  .section-05-grid{ grid-template-columns: 1.25fr .75fr; }
}

/* Map */
.section-05-mapwrap{
  position: relative;
  border: 1px solid var(--section-05-stroke);
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(2,6,23,.06);
}

.section-05-map{ position:relative; width:100%; aspect-ratio: 16/10; }
.section-05-map iframe{ border:0; width:100%; height:100%; }

/* Social quick actions */
.section-05-social{
  position:absolute; top:12px; left:50%; transform: translateX(-50%);
  display:flex; gap:8px; padding:6px;
  background: rgba(255,255,255,.85);
  border:1px solid var(--section-05-stroke); border-radius: 999px;
  backdrop-filter: blur(6px);
  z-index:3;
}
.section-05-sbtn{
  width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid var(--section-05-stroke);
  background:#ffffff; color:#0b1220; text-decoration:none;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.section-05-sbtn:hover{ transform: translateY(-1px); }
.section-05-sbtn svg{ width:18px;height:18px; fill: currentColor; }

/* Soft badges on map */
.section-05-badges{
  position:absolute; left:12px; bottom:12px; right:12px;
  display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-start;
  z-index:2;
}
.section-05-badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px;
  font-size: 12px; font-weight:700; color:#0b1220;
  background: rgba(255,255,255,.9); border:1px solid var(--section-05-stroke);
  backdrop-filter: blur(6px);
}
.section-05-badge svg{ width:14px;height:14px; fill:#C6A34F; }

/* Map buttons overlay */
.section-05-map-cta{
  position:absolute; bottom:12px; left:50%; transform: translateX(-50%);
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center; z-index:2;
}
.section-05-mapbtn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:12px; font-weight:800;
  text-decoration:none; color:#fff; background: linear-gradient(135deg, var(--section-05-blue), #3b82f6);
  border:1px solid transparent; box-shadow: 0 8px 20px rgba(37,99,235,.18);
}
.section-05-mapbtn--outline{
  background:#ffffff; color:#0f172a; border-color: var(--section-05-stroke);
  box-shadow: 0 8px 20px rgba(2,6,23,.06);
}

/* Contact Card */
.section-05-contact{
  border: 1px solid var(--section-05-stroke);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  padding: clamp(16px, 2.6vw, 22px);
  backdrop-filter: blur(6px);
  box-shadow: 0 20px 40px rgba(2,6,23,.06);
}
@media (min-width: 900px){
  .section-05-contact{ position: sticky; top: 16px; }
}
.section-05-ctitle{ margin:0 0 10px 0; font-size: clamp(18px, 2.2vw, 22px); color:#0b1220; font-weight:800; }

.section-05-list{ list-style:none; padding:0; margin: 8px 0 16px 0; display:grid; gap:10px; }
.section-05-list li{ display:flex; gap:10px; align-items:flex-start; }
.section-05-list svg{ width:18px;height:18px; flex:0 0 auto; fill:#0b1220; opacity:.9; }
.section-05-list a{ color: var(--section-05-text); text-decoration:none; font-weight:800; }
.section-05-list a:hover{ text-decoration:underline; }

/* Feature minis */
.section-05-mini{
  display:grid; gap:10px; grid-template-columns: repeat(2,1fr);
  margin: 8px 0 16px 0;
}
.section-05-mini__item{
  display:flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:12px;
  background:#fff; border:1px solid var(--section-05-stroke);
  font-weight:700; color:#0b1220;
}
.section-05-mini__item svg{ width:18px;height:18px; fill:#0b1220; opacity:.9; }
@media (max-width: 480px){
  .section-05-mini{ grid-template-columns: 1fr; }
}

/* CTAs */
.section-05-cta{ display:flex; gap:10px; flex-wrap:wrap; }
.section-05-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:12px; font-weight:800; text-decoration:none;
  color:#fff; background: linear-gradient(135deg, #3ABEF9, #0074E4);
  border:1px solid transparent; transition: transform .2s ease;
  box-shadow: 0 8px 20px rgba(37,99,235,.18);
}
.section-05-btn:hover{ transform: translateY(-1px); }
.section-05-btn--wa{ background: linear-gradient(135deg, var(--section-05-green), #22c55e); box-shadow: 0 8px 20px rgba(16,185,129,.18); }
.section-05-btn--mail{ background: linear-gradient(135deg, var(--section-05-amber), #fbbf24); color:#111827; box-shadow: 0 8px 20px rgba(245,158,11,.18); }

/* Small tweaks */
@media (max-width: 640px){
  .section-05-map{ aspect-ratio: 16/12; }
  .section-05-map-cta .section-05-mapbtn{ flex:1 1 auto; }
  .section-05-cta .section-05-btn{ flex:1 1 auto; }
}
/* ===== Car Details (section-06) — Premium Light ===== */
:root{
  --section-06-bg:
    radial-gradient(900px 500px at 12% 8%, #e8f3ff66 0%, #ffffff00 60%),
    radial-gradient(700px 380px at 88% 20%, #e6fffa66 0%, #ffffff00 60%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #eef2ff 100%);
  --section-06-stroke: rgba(15,23,42,.12);
  --section-06-text:   #0f172a;
  --section-06-muted:  #475569;
  --section-06-blue:   #2563eb;
  --section-06-green:  #10b981;
}

*{box-sizing:border-box}
.section-06{ padding: 20px; background: var(--section-06-bg); color: var(--section-06-text); }
.section-06-shell{ max-width: 1200px; margin: 0 auto; }

/* Header */
.section-06-head{ text-align:center; margin-bottom: clamp(20px, 4vw, 36px); }
.section-06-kicker{
  display:inline-block; font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  color: var(--section-06-muted);
  border:1px solid var(--section-06-stroke); padding:8px 12px; border-radius:999px;
  background:#fff; backdrop-filter: blur(4px);
}
.section-06-title{ margin:12px 0 6px; font-size: clamp(22px, 3.4vw, 36px); color:#0b1220;}
.section-06-sub{ margin:0 auto; max-width:760px; color:var(--section-06-muted); }

/* Grid (each item is a wide row for long details) */
.section-06-grid{
  display:grid; gap: clamp(16px, 2.4vw, 24px);
}

/* Item Row */
.section-06-item{
  border: 1px solid var(--section-06-stroke);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.75));
  backdrop-filter: blur(6px);
}
.section-06-row{
  display:grid; gap: 14px;
  grid-template-columns: 1fr; /* mobile */
  padding: clamp(14px, 2.6vw, 18px);
}
@media (min-width: 900px){
  .section-06-row{ grid-template-columns: 1.1fr 1.7fr; } /* image | content */
}

/* Media */
.section-06-media{ width:100%; aspect-ratio: 16/9; overflow:hidden; border-radius: 14px; }
.section-06-media img{ width:100%; height:100%; object-fit:cover; transition: transform .4s ease; }
.section-06-media:hover img{ transform: scale(1.03); }

/* Content */
.section-06-name{
  margin: 2px 0 6px;
  font-size: clamp(18px, 2.6vw, 22px);
  color:#0b1220; font-weight: 800;
}
.section-06-tags{
  display:flex; flex-wrap:wrap; gap:8px; padding:0; margin: 0 0 8px 0; list-style:none;
}
.section-06-tags li{
  font-size:12.5px; color:#0f172a; font-weight:700;
  padding:6px 10px; border-radius:999px;
  border:1px solid var(--section-06-stroke);
  background:#fff;
}
.section-06-text{ margin: 6px 0 10px; color:#111827; line-height:1.7; }

/* Specs (key:value short details) */
.section-06-specs{
  display:grid; gap:8px; padding:0; margin:0 0 12px 0; list-style:none;
  grid-template-columns: 1fr; /* mobile */
}
.section-06-specs li{ color:#0f172a; }
.section-06-specs li span{
  display:inline-block; min-width: 120px; font-weight:800; color:#0b1220;
}
@media (min-width: 640px){
  .section-06-specs{ grid-template-columns: repeat(2, 1fr); } /* two columns on tablets+ */
}

/* CTA */
.section-06-cta{ display:flex; gap:10px; flex-wrap:wrap; }
.section-06-link{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:12px; font-weight:800; text-decoration:none;
  color:#0f172a; background:#fff; border:1px solid var(--section-06-stroke);
  transition: transform .2s ease, color .2s ease, background .2s ease;
}
.section-06-link:hover{ transform: translateY(-1px); }
.section-06-book{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:12px; font-weight:800; text-decoration:none; color:#fff;
  background: linear-gradient(135deg, #3ABEF9, #0074E4);
  border:1px solid transparent; transition: transform .2s ease;
}
.section-06-book:hover{ transform: translateY(-1px); }
/* =================================================================================================== */
/* car-listing page */
/* ===== section-10 — Devansh Tour and Travels Alternating Showcase (Full CSS) ===== */
:root {
  --10-bg: #ffffff;
  --10-text: #111827;
  --10-muted: #6b7280;
  --10-accent: #dc2626; /* brand red */
}

* { box-sizing: border-box; }

.section-10 {
  background: var(--10-bg);
  padding: clamp(50px, 6vw, 100px) 20px;
  color: var(--10-text);
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  overflow: hidden;
}

.section-10-shell {
  max-width: 1200px;
  margin: 0 auto;
}

.section-10-title {
  text-align: center;
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 800;
  color: linear-gradient(135deg, #3ABEF9, #0074E4);;
  margin: 0;
}

.section-10-sub {
  text-align: center;
  max-width: 700px;
  margin: 10px auto 60px;
  color: var(--10-muted);
  line-height: 1.6;
  font-size: 16px;
}

/* ===== Row Layout ===== */
.section-10-row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 80px;
  flex-wrap: wrap;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

/* Alternating order */
.section-10-row.left .section-10-img { order: 1; }
.section-10-row.left .section-10-content { order: 2; }
.section-10-row.right .section-10-img { order: 2; }
.section-10-row.right .section-10-content { order: 1; }

/* ===== Image ===== */
.section-10-img {
  flex: 1 1 48%;
  overflow: hidden;
  border-radius: 18px;
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transition: transform 0.6s ease;
}
.section-10-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

/* Subtle zoom + directional nudge on row hover */
.section-10-row.left:hover  .section-10-img img { transform: translateX(-3%) scale(1.05); }
.section-10-row.right:hover .section-10-img img { transform: translateX( 3%) scale(1.05); }

/* ===== Text Block ===== */
.section-10-content {
  flex: 1 1 45%;
  padding: 10px;
  transition: transform 0.8s ease, opacity 0.8s ease;
  transform: translateX(0); /* baseline */
}
.section-10-content h3 {
  font-size: clamp(22px, 2.8vw, 28px);
  font-weight: 700;
  color: linear-gradient(135deg, #3ABEF9, #0074E4);;
  margin: 0 0 10px 0;
}
.section-10-content p {
  font-size: 16px;
  color: var(--10-muted);
  line-height: 1.7;
  margin: 0;
}

/* ===== Requested Hover Effect (text slides opposite to image) ===== */
/* Row with image LEFT → text slides RIGHT on hover */
.section-10-row.left:hover .section-10-content {
  transform: translateX(60px);
}

/* Row with image RIGHT → text slides LEFT on hover */
.section-10-row.right:hover .section-10-content {
  transform: translateX(-60px);
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .section-10-row { gap: 28px; margin-bottom: 68px; }
}
@media (max-width: 900px) {
  .section-10-row {
    flex-direction: column;
    margin-bottom: 56px;
    gap: 18px;
  }
  .section-10-img, .section-10-content {
    flex: 1 1 100%;
  }
  /* Mobile stability: disable text slide on hover */
  .section-10-row.left:hover .section-10-content,
  .section-10-row.right:hover .section-10-content {
    transform: translateX(0);
  }
}
@media (max-width: 520px) {
  .section-10-sub { margin-bottom: 42px; }
  .section-10-row { margin-bottom: 44px; }
  .section-10-content h3 { font-size: 20px; }
  .section-10-content p { font-size: 15px; }
}
/* View Details button (centered) */
.section-10-actions{
  display:flex;
  justify-content:center;
  margin-top:12px;
}
.section-10-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  background: linear-gradient(135deg, #ffd24d, #ffb703);
  color:#111;
  border:1px solid rgba(0,0,0,.1);
  box-shadow: 0 8px 18px rgba(255, 187, 72, .25);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.section-10-btn:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 12px 24px rgba(255,187,72,.32);
}

/* =============================================================================== */
/* packages page  */
/* ===== section-11 — Premium Pricing Grid ===== */
:root{
  --s11-bg:#f7f8fb;
  --s11-card:#ffffff;
  --s11-text:#0f172a;
  --s11-muted:#64748b;
  --s11-green:#10b981;
  --s11-blue:#0080ff;
  --s11-stroke:#e5e7eb;
}

/* Global reset for this section */
*,
*::before,
*::after{
  box-sizing:border-box;
}

/* SECTION WRAPPER */
.section-11{
  padding: 20px;
  background: var(--s11-bg);
  color: var(--s11-text);
}

.section-11-shell{
  max-width: 1200px;
  margin: 0 auto;
}

/* HEADER */
.section-11-head{
  text-align:center;
  margin-bottom: clamp(22px,4vw,36px);
}

.section-11-title{
  margin:0;
  font-size: clamp(24px,3.2vw,34px);
  font-weight: 900;
  color:#111827;
}

.section-11-sub{
  margin:6px auto 0;
  max-width:760px;
  color: var(--s11-muted);
}

/* GRID */
.section-11-grid{
  display:grid;
  gap: clamp(16px,2.4vw,24px);
  grid-template-columns: 1fr;
}

@media (min-width: 700px){
  .section-11-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px){
  .section-11-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* CARD */
.s11-card{
  position:relative;
  background: var(--s11-card);
  border:1px solid var(--s11-stroke);
  border-radius: 14px;
  padding: 18px 18px 20px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  display:flex;
  flex-direction:column;
  height:100%;
}

.s11-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
  border-color:#dbe1ea;
}

/* RIBBON HEADING */
.s11-ribbon{
  position:relative;
  background: linear-gradient(135deg, #3ABEF9, #0074E4);
  border-radius: 10px 10px 0 0;
  margin: -18px -18px 16px;
  height: 54px;
  display:flex;
  align-items:center;
  padding: 0 16px;
  color:#fff;
  font-weight:800;
}

.s11-ribbon span{
  position: relative;
  z-index: 1;
  display: inline-block;
  font-size: clamp(13px, 2.4vw, 16px);   /* mobile → desktop */
  line-height: 1.3;
  padding-right: clamp(4px, 0.8vw, 8px);
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Tablet ke liye text thoda khul ke */
@media (min-width: 700px){
  .s11-ribbon span{
    font-size: clamp(14px, 2vw, 17px);
    padding-right: clamp(6px, 1vw, 10px);
  }
}

/* Desktop pe thoda aur readable */
@media (min-width: 1024px){
  .s11-ribbon span{
    font-size: 15px;
    padding-right: 10px;
  }
}


.s11-ribbon::after{
  content:"";
  position:absolute;
  right:-1px;
  top:0;
  height:54px;
  width:54px;
  /* background: linear-gradient(135deg, #3ABEF9, #0074E4); */
  border-top-right-radius: 10px;
}

/* IMAGE INSIDE CARD */
.s11-img-wrap{
  width: 100%;
  margin: 0 0 14px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  background:#e5f2ff;
}

.s11-img-wrap img{
  width: 100%;
  height: 180px;
  display: block;
  object-fit: cover;
  transition: transform 0.35s ease;
}

/* Hover zoom effect */
.s11-card:hover .s11-img-wrap img{
  transform: scale(1.05);
}

/* FEATURES LIST */
.s11-features{
  list-style:none;
  padding:0;
  margin: 8px 0 20px;
  display:grid;
  gap:10px;
}

.s11-features li{
  display: flex;
  gap: clamp(6px, 1.4vw, 10px);      /* screen ke hisaab se gap change */
  align-items: flex-start;           /* multi-line text ke liye better */
  color: #0f172a;
  font-size: clamp(0.82rem, 1.1vw, 0.95rem);  /* mobile → desktop responsive */
  line-height: 1.4;
}

/* Tablet ke liye thoda relaxed spacing */
@media (min-width: 700px){
  .s11-features li{
    font-size: clamp(0.85rem, 1vw, 1rem);
    line-height: 1.45;
  }
}

/* Desktop pe aur readable */
@media (min-width: 1024px){
  .s11-features li{
    font-size: 0.95rem;
    line-height: 1.5;
  }
}


.s11-features li::before{
  content:"";
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-block;
  flex:0 0 auto;
}

/* Green OK dot */
.s11-features li.ok::before{
  background: radial-gradient(circle at 30% 30%, #fff 0 30%, transparent 31%), var(--s11-green);
  box-shadow: inset 0 0 0 2px #0ea37a;
}

.s11-features li.no{
  color: var(--s11-muted);
  opacity:.85;
}

.s11-features li.no::before{
  background: radial-gradient(circle at 30% 30%, #fff 0 30%, transparent 31%), var(--s11-blue);
  box-shadow: inset 0 0 0 2px var(--s11-blue);
}

/* CTA BUTTON */
.s11-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;                               /* mobile pe full width */
  padding: clamp(10px, 2.6vw, 12px) clamp(12px, 3vw, 18px);
  border-radius: 10px;
  background: linear-gradient(135deg, #3ABEF9, #0074E4);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  font-size: clamp(0.9rem, 1.1vw, 1rem);    /* phone → desktop */
  border: 1px solid transparent;
  transition: transform .2s ease, box-shadow .2s ease;
  margin-top: auto;
  text-align: center;
  cursor: pointer;
  line-height: 1.2;
}

/* Tablet */
@media (min-width: 700px){
  .s11-cta{
    width: auto;             /* ab full width ki need nahi */
    align-self: flex-start;  /* left aligned button */
    padding: 11px 18px;
  }
}

/* Desktop */
@media (min-width: 1024px){
  .s11-cta{
    padding: 12px 20px;
    font-size: 1rem;
  }
}

.s11-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(56, 189, 248, 0.35);
}


.s11-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(56, 189, 248, 0.35);
}

/* POPULAR / HIGHLIGHT CARD */
.s11-popular{
  border-color:#bfdbfe;
}

.s11-badge{
  position:absolute;
  right: 8px;
  top: 8px;
  background:#111827;
  color:#fff;
  font-size: clamp(10px, 2.3vw, 12px);   /* mobile se desktop tak auto adjust */
  font-weight:800;
  padding: clamp(3px, 0.9vw, 6px) clamp(6px, 1.4vw, 10px);
  border-radius:999px;
  box-shadow: 0 10px 24px rgba(0,0,0,.2);
  line-height:1.2;
}

/* Tablet ke liye thoda adjust */
@media (min-width: 700px){
  .s11-badge{
    right: 10px;
    top: 10px;
  }
}

/* Desktop ke liye thoda sa roomy spacing */
@media (min-width: 1024px){
  .s11-badge{
    right: 12px;
    top: 12px;
  }
}


/* NOTES STRIP */
.s11-notes{
  margin-top: clamp(18px,3vw,28px);
  display:grid;
  gap:10px;
}

@media (min-width: 700px){
  .s11-notes{
    grid-template-columns: 1fr 1fr;
  }
}

.s11-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px dashed #e2e8f0;
  border-radius:10px;
  background:#fff;
  color: var(--s11-muted);
  font-size:0.88rem;
}

.s11-note a{
  color: var(--s11-blue);
  font-weight:800;
  text-decoration:none;
}

.s11-note svg{
  width:18px;
  height:18px;
  fill:#64748b;
  flex:0 0 auto;
  opacity:.9;
}


/* ===== section-12 — Why Book With Us (Premium) ===== */
:root{
  --s12-bg:
    radial-gradient(900px 500px at 10% 10%, #ffe4e633 0%, #ffffff00 60%),
    radial-gradient(800px 400px at 90% 20%, #e6f0ff55 0%, #ffffff00 60%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #eef2ff 100%);
  --s12-text:#0f172a;
  --s12-muted:#64748b;
  --s12-stroke:#e5e7eb;
  --s12-red:#ef4444;
  --s12-red-dark:#dc2626;
  --s12-green:#10b981;
}

*{box-sizing:border-box}
.section-12{ padding: 20px; background: var(--s12-bg); color: var(--s12-text); }
.s12-shell{ max-width: 1200px; margin: 0 auto; }

/* Header */
.s12-head{ text-align:center; margin-bottom: clamp(20px,4vw,36px); }
.s12-kicker{
  display:inline-block; font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  color: var(--s12-muted);
  border:1px solid var(--s12-stroke); padding:8px 12px; border-radius:999px; background:#fff;
}
.s12-title{ margin:12px 0 6px; font-size: clamp(22px,3.2vw,34px); color:#0b1220; font-weight:900; }
.s12-sub{ margin:0 auto; max-width:760px; color:var(--s12-muted); }

/* Grid */
.s12-grid{
  display:grid; gap: clamp(14px,2.2vw,22px);
  grid-template-columns: 1fr; /* mobile */
  margin-top: clamp(14px,2.6vw,20px);
}
@media (min-width: 700px){ .s12-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px){ .s12-grid{ grid-template-columns: repeat(4,1fr); } }

/* Card */
.s12-card{
  position:relative; padding:18px; border:1px solid var(--s12-stroke); border-radius:16px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  backdrop-filter: blur(6px);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.s12-card:hover{
  transform: translateY(-4px);
  border-color:#dbe1ea; box-shadow: 0 14px 34px rgba(0,0,0,.08);
}
.s12-icon{
  width:46px;height:46px;border-radius:12px; display:grid; place-items:center; margin-bottom:10px;
  background: var(--mtat-primary); color:#fff;
  box-shadow: 0 10px 22px rgba(56, 189, 248, 0.35); border:1px solid 0 10px 22px rgba(56, 189, 248, 0.35);
}
.s12-icon svg{ width:22px;height:22px; fill:#fff; }

.s12-card h3{ margin:4px 0 6px; font-size: clamp(16px,2.2vw,18px); font-weight:800; color:#0b1220; }
.s12-card p{ margin:0; color: var(--s12-muted); line-height:1.7; font-size: 14.5px; }

/* CTA */
.s12-cta{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top: clamp(22px,3.5vw,32px); }
.s12-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:12px; font-weight:800; text-decoration:none; color:#fff;
  background: linear-gradient(135deg, #3ABEF9, #0074E4);
  border:1px solid transparent; transition: transform .2s ease, box-shadow .2s ease;
}
.s12-btn:hover{ transform: translateY(-1.5px); box-shadow: 0 10px 22px rgba(56, 189, 248, 0.35); }
.s12-btn--wa{ background: linear-gradient(135deg, var(--s12-green), #22c55e); }
/* ========================================================================================== */
/* contact page  */
/* ===== section-13 — Premium Image + Form (Complete) ===== */
:root{
  --s13-bg:
    radial-gradient(900px 520px at 12% 8%, #ffe4e633 0%, #ffffff00 60%),
    radial-gradient(800px 420px at 88% 20%, #e6fffa55 0%, #ffffff00 60%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #eef2ff 100%);
  --s13-text:#0f172a;
  --s13-muted:#64748b;
  --s13-stroke:#e5e7eb;
  --s13-red:#ef4444;
  --s13-red2:#dc2626;
  --s13-green:#10b981;
}

*{box-sizing:border-box}
.section-13{ padding: 20px; background: var(--s13-bg); color: var(--s13-text); }
.s13-shell{ max-width: 1200px; margin: 0 auto; }

/* Equal-height wrapper */
.s13-wrap{
  display:grid; gap: clamp(14px,2.4vw,20px);
  grid-template-columns: 1fr;              /* mobile */
  align-items: stretch;                     /* equal heights on desktop */
}
@media (min-width: 980px){
  .s13-wrap{ grid-template-columns: 1.05fr 0.95fr; }
}

/* Left media */
.s13-media{
  margin:0; border-radius: 18px; overflow: hidden;
  border:1px solid var(--s13-stroke);
  background:#fff;
}
.s13-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  min-height: 320px;
}

/* Right form card */
.s13-formcard{
  border:1px solid var(--s13-stroke);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.82));
  backdrop-filter: blur(6px);
  padding: clamp(16px,3vw,24px);
  display:flex; flex-direction:column;
}
.s13-head h2{
  margin:0; font-size: clamp(22px,3vw,30px); font-weight:900; color:#0b1220;
}
.s13-head p{
  margin:6px 0 10px; color: var(--s13-muted);
}

/* Form */
.s13-form{ display:grid; gap:12px; margin-top: 4px; }
.s13-row{ display:grid; gap:8px; }
.s13-two{ grid-template-columns: 1fr; gap:10px; }
@media (min-width: 640px){ .s13-two{ grid-template-columns: 1fr 1fr; } }

.s13-form label{
  font-size:12px; font-weight:800; letter-spacing:.02em; color:#0b1220;
}
.s13-form input,
.s13-form select,
.s13-form textarea{
  width:100%; border:1px solid var(--s13-stroke); border-radius:12px;
  padding:10px 12px; font: inherit; color: var(--s13-text); background:#fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.s13-form textarea{ resize: vertical; }
.s13-form input:focus,
.s13-form select:focus,
.s13-form textarea:focus{
  outline:none; border-color:#93c5fd;
  box-shadow: 0 0 0 3px rgba(147,197,253,.35);
}

/* Quick picks */
.s13-quickcars{
  margin:6px 0 0; padding:0; list-style:none;
  display:flex; gap:8px; flex-wrap:wrap;
}
.s13-quickcars li{
  padding:8px 10px; border:1px solid var(--s13-stroke); border-radius:999px;
  background:#fff; font-size:12.5px; cursor:pointer; user-select:none;
  transition: transform .15s ease, border-color .2s ease, box-shadow .2s ease;
}
.s13-quickcars li:hover{ transform: translateY(-1px); }
.s13-quickcars li.is-active{
  border-color:#93c5fd; box-shadow: 0 0 0 3px rgba(147,197,253,.35);
}

/* Hint text */
.s13-hint{
  margin: 2px 0 0; color: var(--s13-muted); font-size: 12.5px;
}

/* Actions */
.s13-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 6px; }
.s13-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px; font-weight:800; cursor:pointer;
  color:#fff; background: linear-gradient(135deg, #3ABEF9, #0074E4);
  border:1px solid transparent; transition: transform .2s ease, box-shadow .2s ease;
}
.s13-btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(56, 189, 248, 0.35); }

.s13-wa{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px; border-radius:12px; font-weight:800; text-decoration:none;
  color:#fff; background: linear-gradient(135deg, var(--s13-green), #22c55e);
  border:1px solid transparent; transition: transform .2s ease, box-shadow .2s ease;
}
.s13-wa:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(34,197,94,.35); }

.s13-note{ margin: 2px 0 0; color: var(--s13-muted); font-size: 12.5px; }

/* Subtle card lift on hover (desktop only) */
@media (hover:hover){
  .s13-media:hover img{ transform: scale(1.02); transition: transform .5s ease; }
  .s13-formcard:hover{ box-shadow: 0 14px 34px rgba(0,0,0,.08); }
}
/* ===== section-14 — Contact (Premium) ===== */
:root{
  --s14-bg:
    radial-gradient(900px 500px at 10% 10%, #ffe4e633 0%, #ffffff00 60%),
    radial-gradient(800px 400px at 90% 20%, #e6f0ff55 0%, #ffffff00 60%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #eef2ff 100%);
  --s14-text:#0f172a;
  --s14-muted:#64748b;
  --s14-stroke:#e5e7eb;
  --s14-red:#ef4444;
  --s14-red-dark:#dc2626;
  --s14-blue:#2563eb;
  --s14-green:#16a34a;
  --s14-yellow:#f59e0b;
}

*{box-sizing:border-box}
.section-14{ padding:  20px; background: var(--s14-bg); color: var(--s14-text); }
.s14-shell{ max-width: 1200px; margin: 0 auto; }

.s14-grid{
  display:grid; gap: clamp(14px,2.4vw,20px);
  grid-template-columns: 1fr;           /* mobile */
}
@media (min-width: 960px){
  .s14-grid{ grid-template-columns: 1fr 1fr; }
}

/* Contact card */
.s14-card{
  border:1px solid var(--s14-stroke);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.86));
  backdrop-filter: blur(6px);
  padding: clamp(16px,3vw,22px);
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}
.s14-head h2{ margin:0 0 6px; font-size: clamp(22px,3vw,28px); font-weight:900; }
.s14-head p{ margin:0 0 12px; color: var(--s14-muted); }

.s14-list{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.s14-list li{ display:flex; gap:12px; align-items:flex-start; }
.s14-list .icon{
  width:40px;height:40px;border-radius:12px; display:grid; place-items:center;
  background: linear-gradient(135deg, #3ABEF9, #0074E4); color:#fff; flex:0 0 auto;
  box-shadow: 0 10px 22px rgba(56, 189, 248, 0.35);
}
.s14-list .icon svg{ width:20px;height:20px; fill:#fff; }
.s14-lines a{ color:inherit; text-decoration:none; }
.s14-lines a:hover{ text-decoration:underline; }

.s14-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 12px; }
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:12px; font-weight:800; text-decoration:none; color:#fff;
  border:1px solid transparent; transition: transform .2s ease, box-shadow .2s ease;
}
.btn:hover{ transform: translateY(-1px); }
.btn-call{ background: linear-gradient(135deg, #3ABEF9, #0074E4); }
.btn-wa{ background: linear-gradient(135deg, var(--s14-green), #22c55e); }
.btn-mail{ background: linear-gradient(135deg, var(--s14-yellow), #d97706); }

/* Social row */
.s14-social{ display:flex; gap:10px; margin-top: 12px; }
.s14-social a{
  width:38px;height:38px;border-radius:10px; display:grid; place-items:center; background:#fff;
  border:1px solid var(--s14-stroke);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.s14-social a:hover{ transform: translateY(-1px); border-color:#d1d5db; box-shadow: 0 10px 20px rgba(0,0,0,.08); }
.s14-social svg{ width:18px;height:18px; fill:#111827; }

/* Map card */
.s14-mapcard{
  border:1px solid var(--s14-stroke); border-radius:16px; overflow:hidden; background:#fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  min-height: 320px;
}
.s14-mapcard iframe{ width:100%; height:100%; border:0; display:block; }
/* ========================================================================================== */
/* section-16 car details  */
/* =============  THEME  ============= */
/* =============  THEME  ============= */
.section-16 {
  --bg: #0b0f16;
  --card: #0e1420;
  --ink: #e9f0ff;
  --muted: #a8b3c7;
  --brand: #ffd24d;
  --brand-2: #6ee7f3;
  --glass: rgba(14, 20, 32, .6);
  --border: rgba(255,255,255,.08);
  --shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03);

  /* Premium, richer background (deep obsidian with subtle blue-violet glow) */
  background:
    radial-gradient(1200px 700px at 18% -12%, #121a2d 0%, #0b1222 40%, #080d19 65%, #070a12 100%),
    linear-gradient(180deg, #0a0f1a 0%, #070b12 55%, #060910 100%);
  color: var(--ink);
  padding: clamp(40px, 6vw, 90px) 16px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, sans-serif;

  /* No horizontal scroll inside section */
  overflow-x: hidden;
}
.section-16-shell { max-width: 1220px; margin: 0 auto; overflow-x: hidden; }

/* ===== Kill any accidental global horizontal scroll (safe) ===== */
html, body { overflow-x: hidden; }

/* =============  HEADER  ============= */
.section-16-head { text-align: center; margin-bottom: 28px; }
.section-16-title {
  font-size: clamp(24px, 3.2vw, 44px);
  line-height: 1.1; letter-spacing: .3px;
  background: linear-gradient(90deg, #fff, #b9d0ff 50%, #fff);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: 0 0 20px rgba(109, 168, 255, .15);
}
.section-16-sub {
  max-width: 780px; margin: 12px auto 20px;
  color: var(--muted); font-size: clamp(14px, 1.6vw, 18px);
}
.section-16-sub span { color: #ffffff; font-weight: 600; }

.section-16-cta-bar { display: inline-flex; gap: 12px; }
.section-16-btn {
  display: inline-flex; align-items:center; justify-content:center;
  gap: 8px; padding: 12px 18px; border-radius: 16px;
  background: linear-gradient(135deg, var(--brand), #ffb703);
  color: #141414; font-weight: 700; text-decoration: none;
  box-shadow: 0 8px 18px rgba(255, 187, 72, .25);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  border: 1px solid rgba(0,0,0,.1);
}
.section-16-btn:hover { transform: translateY(-2px); filter: brightness(1.05); }
.section-16-btn.ghost {
  background: transparent; color: var(--ink);
  border: 1px solid var(--border); box-shadow: none;
}

/* =============  LEGEND  ============= */
.section-16-legend {
  display:flex; flex-wrap:wrap; gap:16px; justify-content:center; 
  margin: 24px 0 30px; padding: 0; list-style:none; color: var(--muted);
}
.section-16-dot { width: 10px; height:10px; border-radius:50%; display:inline-block; margin-right:8px; }
.dot-seats { background:#a78bfa; } .dot-ac { background:#60a5fa; }
.dot-bags { background:#34d399; } .dot-trans { background:#f59e0b; }

/* =============  GRID  ============= */
.section-16-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(14px, 2vw, 24px);
  max-width: 100%;
}

/* Card spans for rhythm (creates long section feel) */
.section-16-card:nth-child(6n+1) { grid-column: span 7; }
.section-16-card:nth-child(6n+2) { grid-column: span 5; }
.section-16-card:nth-child(6n+3) { grid-column: span 6; }
.section-16-card:nth-child(6n+4) { grid-column: span 6; }
.section-16-card:nth-child(6n+5) { grid-column: span 5; }
.section-16-card:nth-child(6n+6) { grid-column: span 7; }

/* Tablet */
@media (max-width: 1024px){
  .section-16-card { grid-column: span 6 !important; }
}
/* Mobile */
@media (max-width: 680px){
  .section-16-card { grid-column: 1 / -1 !important; }
}

/* =============  CARD  ============= */
.section-16-card {
  position: relative; overflow: hidden; border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
  box-shadow: 0 10px 30px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.03); /* crisper on dark bg */
  border: 1px solid var(--border);
  transform: perspective(1200px) translateZ(0);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s;
  will-change: transform;
}
.section-16-card:hover {
  transform: perspective(1200px) translateY(-8px) rotateX(.6deg) rotateY(-.6deg);
  box-shadow: 0 22px 56px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.14);
}

/* Image / Media */
.section-16-media {
  position: relative; aspect-ratio: 16/9; overflow: hidden;
  background: #0a0e14;
}
.section-16-media img {
  width: 100%; height: 100%; object-fit: cover; display:block;
  transform: scale(1.05); transition: transform .6s ease;
  filter: saturate(1.05) contrast(1.02);
}
.section-16-card:hover .section-16-media img { transform: scale(1.12); }

/* Small badge on image */
.section-16-badge {
  position: absolute; left: 14px; top: 14px;
  background: rgba(15, 23, 42, .7);
  border: 1px solid rgba(255,255,255,.12);
  color: #e7efff; font-size: 12px; letter-spacing: .4px; text-transform: uppercase;
  padding: 6px 10px; border-radius: 999px; backdrop-filter: blur(6px);
}
.section-16-badge.gold { background: linear-gradient(145deg, #2b1a00, #3a2a0a); color:#ffd24d; border-color:#6a4b10; }
.section-16-badge.prime { background: linear-gradient(145deg, #0a1f24, #072a30); color:#6ee7f3; border-color:#0d3b45; }
.section-16-badge.rugged { background: linear-gradient(145deg, #0f1a0d, #0d240a); color:#7ef28c; border-color:#184d29; }

/* Card body */
.section-16-body { padding: 16px 16px 18px; }
.section-16-car { font-size: clamp(18px, 2vw, 22px); margin: 0 0 6px; letter-spacing: .2px; }
.section-16-desc { color: var(--muted); margin: 0 0 12px; font-size: 14.5px; }

/* Specs row */
.section-16-specs { display: flex; flex-wrap: wrap; gap: 10px 14px; list-style: none; padding:0; margin: 0; }
.section-16-specs li { 
  display:flex; align-items:center; gap:8px; font-size:13.5px; color:#d5def3;
  background: rgba(255,255,255,.03); border:1px solid var(--border);
  padding: 7px 10px; border-radius: 12px;
}
.section-16-specs i { font-style: normal; opacity: .9; }

/* Overlay details (text on hover) */
.section-16-overlay {
  position: absolute; inset: 0; pointer-events: none;
  opacity: 0; transition: opacity .35s ease;
  background: radial-gradient(60% 60% at 50% 40%, rgba(15,23,42,.35), rgba(10,14,20,.88));
  display:flex; align-items:flex-end;
}
.section-16-card:hover .section-16-overlay { opacity: 1; }

.section-16-overlay-inner {
  pointer-events:auto; width:100%;
  padding: 18px; background: linear-gradient(180deg, transparent 0%, rgba(10,14,20,.6) 40%, rgba(10,14,20,.85) 100%);
  border-top: 1px solid rgba(255,255,255,.06);
}
.section-16-overlay-inner h4 { margin: 0 0 10px; font-size: 15px; color: #cfe1ff; letter-spacing:.3px; }
.section-16-bullets { 
  margin: 0 0 12px; padding-left: 18px; color: #c7d4ef; font-size: 14px;
}
.section-16-bullets li { margin: 6px 0; }
.section-16-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.section-16-tags span {
  font-size: 12px; color:#eaf1ff; border:1px dashed rgba(255,255,255,.22);
  padding:6px 9px; border-radius:999px; background: rgba(255,255,255,.06);
}
.section-16-overlay-btn{
  display:inline-flex; align-items:center; gap:8px; 
  background: linear-gradient(135deg, var(--brand), #ffbf3a);
  color:#0a0e14; font-weight: 700; padding:10px 14px; border-radius:12px; text-decoration:none;
  border: 1px solid rgba(0,0,0,.2);
}

/* FOOT */
.section-16-foot { text-align:center; margin-top: 30px; }
.section-16-foot p { color: var(--muted); margin: 0 0 14px; }
.section-16-btn.big { padding: 14px 22px; border-radius:18px; }

/* Motion on hover & accessibility */
.section-16-card:focus-within, .section-16-card:focus { outline: none; box-shadow: 0 0 0 3px rgba(110, 231, 243, .35); }

/* Reduce animation for users preferring less motion */
@media (prefers-reduced-motion: reduce) {
  .section-16-card, .section-16-media img, .section-16-overlay {
    transition: none !important;
  }
}

/* Safety: prevent 3D tilt spill on very small screens */
@media (max-width: 420px){
  .section-16-card { transform: translateZ(0); }
  .section-16-card:hover { transform: translateY(-6px); }
}