:root{
  --bg:#0f172a;
  --card-bg:#ffffff;
  --text:#000000;
  --muted:#000000;
  --brand:#38bdf8;
  --brand-700:#e86d12;
  --ring:rgba(255,122,26,.35);
  --shadow:0 10px 25px rgba(2,6,23,.1),0 6px 12px rgba(2,6,23,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
legend{padding-bottom: 8px;}

.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:background .25s ease, box-shadow .25s ease}
.site-header.is-solid{background:rgba(0,0,0,.75);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
/* offset main so content isn't hidden under fixed header */
.site-header + main{padding-top:64px}
.brand{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:.3px}
.brand__accent{color:#fff}
.nav__menu{display:flex;align-items:center;gap:30px;margin-left:auto}
.nav__close{display:none}
.nav__link{position:relative;color:#fff;text-decoration:none;font-weight:600;letter-spacing:.2px;transition:color .15s ease;padding:10px 6px;border-radius:6px}
.nav__link:hover{color:#38bdf8}
.nav__toggle{display:none;appearance:none;background:transparent;border:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav__toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .25s ease}

@media (max-width:900px){
  .nav{display:grid;grid-template-columns:1fr auto;align-items:center;height:auto}
  .nav__toggle{display:inline-flex}
  /* Side drawer (mobile) */
  .nav__menu{position:fixed;top:0;right:0;left:auto;height:100vh;width:min(86vw,360px);background:#fff;color:#000;display:flex;flex-direction:column;gap:14px;padding:16px 18px;box-shadow:-20px 0 40px rgba(0,0,0,.25);transform:translateX(100%);transition:transform .35s ease;z-index:1001}
  .nav__menu.is-open{transform:translateX(0)}
  .nav__link{padding:12px 6px;color:#111}
  .nav__link:hover{color:#ff7a1a}
  .nav__close{display:inline-block;align-self:flex-end;background:transparent;border:0;font-size:28px;line-height:1;color:#111;width:36px;height:36px}
  .nav__toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav__toggle.is-open span:nth-child(2){opacity:0}
  .nav__toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

.whatsapp{position:fixed;z-index:100;bottom:7%;right:2.5%}
.contact{position:fixed;z-index:100;bottom:7%;left:2.5%}
/* Shared floating button styles */
.float-btn{display:block;width:56px;height:56px;border-radius:50%;object-fit:contain;box-shadow:0 8px 18px rgba(0,0,0,.35);transition:transform .2s ease, box-shadow .2s ease, filter .2s ease}
.float-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 32px rgba(0,0,0,.45);filter:brightness(1.05)}
.float-btn:focus-visible{outline:none;box-shadow:0 0 0 6px var(--ring),0 12px 28px rgba(0,0,0,.35)}
/* Keep backward-compat for existing markup */
.whatsappFloat,.contactFloat{width:56px;height:56px;border-radius:50%;object-fit:contain;box-shadow:0 8px 18px rgba(0,0,0,.35);transition:transform .2s ease, box-shadow .2s ease, filter .2s ease}
.whatsappFloat:hover,.contactFloat:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 32px rgba(0,0,0,.45);filter:brightness(1.05)}
.hero{display:grid;grid-template-columns:1.3fr .9fr;gap:28px;align-items:stretch;padding:28px 0;background:linear-gradient(180deg,rgba(15,23,42,.85),rgba(15,23,42,.85)),url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat}
.hero>.hero__slider,.hero>.hero__form{width:min(1200px,92%);margin:0 auto}
.hero__slider{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.hero__viewport{overflow:hidden}
.hero__track{display:flex;transition:transform .6s ease}
.hero__slide{min-width:100%;height:420px;background:var(--bg) center/cover no-repeat;position:relative}
.hero__slide{background-image:var(--bg)}
.hero__caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));color:#fff;padding:18px 22px;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;background:#fff;color:var(--text);box-shadow:var(--shadow);cursor:pointer}
.hero__arrow--prev{left:12px}
.hero__arrow--next{right:12px}
.hero__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:8px;justify-content:center;z-index:2}
.hero__dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer}
.hero__dots button.is-active{background:#fff}
.hero__form{background:#fff;border-radius:12px;padding:24px 24px 28px;box-shadow:var(--shadow);align-self:stretch}
.hero__form h2{margin:0 0 8px;text-transform:uppercase}
.hero__form fieldset{border:0;margin:0;padding:0;display:grid;gap:16px}
.hero__form input,.hero__form select,.hero__form textarea{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font:inherit}
.hero__form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}
.btn{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
.btn--ghost{background:#f1f5f9;color:var(--text)}
@media (max-width:900px){.hero{grid-template-columns:1fr;}.hero__slide{height:300px}}

.clients{padding:40px 0;background:#fff}
.clients__header{width:min(1200px,92%);margin:0 auto 16px;display:flex;flex-direction:column;align-items:center}
.clients__header h2{margin:0;font-size:28px}
.clients__header h2 span{color:var(--brand)}
.clients__header .rule{width:60px;height:3px;background:#1f2937;border-radius:2px;margin-top:10px}
.clients__marquee{overflow:hidden}
.clients__track{display:flex;align-items:center;gap:28px;padding:12px 0;will-change:transform}
.client-logo{height:76px;width:140px;object-fit:contain;display:block;filter:grayscale(0);transition:transform .2s ease, filter .2s ease}
.client-logo:hover{transform:scale(1.05)}

.container{width:min(1200px,92%);margin:0 auto}

.why{background:#fff;padding:56px 0}
.why__title{margin:0 0 8px;text-align:center;font-size:34px;letter-spacing:.3px}
.why__title strong{font-weight:800}
.why__q{color:#ef4444;font-weight:900}
.why__tag{margin:0 0 24px;text-align:center;color:#64748b}

.why__layout{display:grid;gap:22px}
.why__row{display:grid;gap:22px}
.why__row--top{grid-template-columns:repeat(3,minmax(0,1fr))}
.why__row--middle{grid-template-columns:1fr auto 1fr;align-items:center}
.why__row--bottom{grid-template-columns:1fr;justify-items:center}

.why__col{display:grid;gap:22px}
.why__car{margin:0;display:grid;place-items:center}
.why__car img{width:min(600px,72vw);height:auto;display:block}

.why-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(2,6,23,.06);transition:transform .3s ease, box-shadow .3s ease}
.why-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.why-card__icon{font-size:22px;line-height:1;margin-bottom:8px}
.why-card__title{margin:0 0 6px;font-weight:800}
.why-card__desc{margin:0;color:#64748b}

@media (max-width:1100px){
  .why__row--top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .why__car img{width:min(520px,78vw)}
}
@media (max-width:900px){
  .why__row--top{display:grid;grid-template-columns:1fr;gap:22px}
  /* Hide 3rd card (Transparent Pricing will be shown, but we'll hide Premium Chauffeurs) */
  .why__row--top .why-card:nth-child(2){display:none}
  .why__row--middle{display:flex;flex-direction:column;gap:28px}
  /* Show left column with 1 card per row below car */
  .why__col--left{display:grid;grid-template-columns:1fr;gap:22px;order:3}
  /* Hide right column cards */
  .why__col--right{display:none}
  /* Car in the middle */
  .why__car{display:block;order:2}
  .why__car img{width:min(460px,92vw)}
  /* Hide bottom row (24x7 Support) */
  .why__row--bottom{display:none}
}
@media (max-width:520px){
  .why__title{font-size:28px}
  .why-card__icon{font-size:20px}
}

.icp{background:#fff;padding:56px 0}
.icp .container{width:80%}
@media (max-width:1024px){.icp .container{width:92%}}
.icp__title{margin:0 0 8px;text-align:center;font-size:24px;letter-spacing:.3px}
.icp__title span{color:#38bdf8}
.icp__subtitle{margin:0 0 24px;text-align:center;color:#64748b}
.icp__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
@media (max-width:1024px){.icp__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.icp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.icp-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 16px;box-shadow:0 1px 2px rgba(2,6,23,.06);text-decoration:none;color:inherit;transition:transform .3s ease, box-shadow .3s ease}
.icp-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.icp-card__icon{display:grid;place-items:center;margin-bottom:12px}
.icp-card__icon img{width:54px;height:54px;object-fit:contain;display:block}
.icp-card__title{font-weight:700}

.services{position:relative;padding:64px 0;background:#fff !important;color:#0b1220}
.services__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.services__header h2{margin:0;font-size:32px;font-weight:700;letter-spacing:.2px}
.services__header h2 span{color:var(--brand)}

.services__tabs{display:inline-flex;background:#fff;border-radius:999px;padding:4px;gap:4px;box-shadow:var(--shadow)}
.tab{appearance:none;border:0;background:transparent;padding:10px 18px;border-radius:999px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s ease}
.tab:is(:hover,:focus-visible){color:var(--text)}
.tab.is-active{background:var(--brand);color:#fff;box-shadow:0 0 0 6px var(--ring)}

.services__panel{margin-top:18px}
.services__panel[hidden]{display:none}

.cards{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:22px}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}

.carousel{position:relative}
.carousel__viewport{overflow:hidden}
.carousel [data-carousel-track]{display:flex;gap:22px;scroll-behavior:auto;transform:translateX(0);transition:transform .45s ease}
.carousel .card{min-width:calc(100% - 0px);background:#fafafa }
@media (min-width:700px){.carousel .card{min-width:calc(50% - 11px)}}
@media (min-width:1024px){.carousel .card{min-width:calc(25% - 16.5px)}}
.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;border-radius:999px;width:40px;height:40px;display:grid;place-items:center;background:#fff;color:var(--text);box-shadow:var(--shadow);cursor:pointer}
.carousel__arrow--prev{left:-12px}
.carousel__arrow--next{right:-12px}
.carousel__arrow:hover{background:var(--brand);color:#fff}

.card{background:var(--card-bg); border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease;box-shadow:none}
.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:none}
.card__media{aspect-ratio:16/10;overflow:hidden;background:#e2e8f0}
.card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.card:hover .card__media img{transform:scale(1.05)}
.card__body{padding:18px}
.card__title{margin:0 0 8px;font-size:18px;line-height:1.25}
.card__desc{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.6}
.card__link{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:600;text-decoration:none}
.card__link:hover{color:var(--brand-700)}

/* Accessibility helpers */
.tab:focus-visible{outline:none;box-shadow:0 0 0 6px var(--ring)}


/* Showcase card slider */
.showcase{padding:56px 0;background:#f9fafb !important;color:#0b1220}
.showcase__title{width:min(1200px,92%);margin:0 auto 18px;font-size:34px;letter-spacing:.3px;color:#0b1220}
.showcase__title span{color:var(--brand)}

/* ========== Inline styles moved from index.html ========== */
/* Premium Hero (New) */
.hero-pro{position:relative;isolation:isolate;min-height:82vh;display:grid;place-items:center;background:url('car images/car with Chauffeur.webp') center/cover no-repeat;padding-top:100px}
.hero-pro__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.55));z-index:0}
.hero-pro__container{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;width:min(1200px,92%);margin:0 auto;align-items:stretch}
.hero-pro__left{align-self:center;color:#fff}
.hero-pro__icon{width:48px;height:48px;display:grid;place-items:center;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);border-radius:12px;margin-bottom:14px}
.hero-pro__title{margin:8px 0 10px;font-size:42px;line-height:1.15;font-weight:800;color:#fff}
.hero-pro__subtitle{margin:0 0 18px;color:rgba(255,255,255,.75);max-width:58ch}
.hero-pro__cta{display:inline-block;background:linear-gradient(135deg,#38bdf8,#1e88e5);color:#fff;text-decoration:none;font-weight:700;border-radius:999px;padding:12px 20px;box-shadow:0 10px 24px rgba(255,87,34,.35);font-size:16px;line-height:1.1}
.hero-pro__cta--book{margin-left:12px;display:none}
.hero-pro__cta:hover{filter:brightness(1.05)}
.hero-pro__facts{display:flex;gap:28px;margin-top:18px;flex-wrap:wrap}
.hero-pro__fact{display:flex;flex-direction:column;color:#fff}
.hero-pro__fact-k{font-weight:800;font-size:20px}
.hero-pro__fact-v{opacity:.85;font-size:14px}
/* Right form */
.hero-pro__form{align-self:center;background:linear-gradient(135deg,#38bdf8,#1e88e5);border-radius:20px;padding:20px;box-shadow:0 14px 36px rgba(0,0,0,.35);backdrop-filter:blur(4px);color:#fff;position:relative}
/* Close button hidden by default (visible only for popup on small screens) */
.hero-pro__close{display:none}
.hero-pro__form-title{margin:0 0 10px;text-align:center;font-size:20px;font-weight:800}
.hero-pro__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.hero-pro__grid .hg{width:100%}
.hero-pro__grid .col-6{grid-column:span 6}
.hero-pro__grid .col-12{grid-column:span 12}
.hero-pro__form input,.hero-pro__form select,.hero-pro__form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:#fff;font:inherit;outline:none}
/* Ensure dropdown options are readable */
.hero-pro__form select option{background:#fff;color:#111}
.hero-pro__form input::placeholder,.hero-pro__form textarea::placeholder{color:rgba(255,255,255,.85)}
.hero-pro__form select{appearance:none}
.hero-pro__actions{display:flex;gap:12px;justify-content:space-between;margin-top:10px}
.hero-pro__btn{padding:11px 16px;border-radius:999px;font-weight:800;letter-spacing:.3px;border:2px solid #fff;background:transparent;color:#fff;cursor:pointer}
.hero-pro__btn--solid{background:#fff;color:#111;border-color:#fff}
.hero-pro__btn--ghost{background:#e5e7eb;color:#111;border-color:#e5e7eb}
/* Modal overlay base (hidden by default; shown via class on <html>) */
.hero-pro__modal-overlay{display:none}
@media (max-width:900px){
  .hero-pro{min-height:unset;padding:300px 0 30px;place-items:start center;background-position:15% center}
  .hero-pro__container{grid-template-columns:1fr;gap:20px;width:min(1200px,90%);align-self:start;margin-top:190px}
  .hero-pro__title{font-size:34px;margin:12px 0 16px;line-height:1.2}
  .hero-pro__subtitle{margin:0 0 24px;line-height:1.6}
  .hero-pro__facts{gap:24px;margin-top:42px}
  .hero-pro__grid{grid-template-columns:repeat(12,1fr)}
  .hero-pro__grid .col-6{grid-column:span 12}
  /* Show the Book button only on smaller devices */
  .hero-pro__cta--book{display:inline-block;margin-left:0;margin-top:12px}
}
@media (max-width:768px){
  /* Hero sizing/cover for small screens */
  .hero-pro{min-height:100vh;background-size:cover;background-position:15% center;background-repeat:no-repeat;display:flex;align-items:flex-start;padding-top:120px;padding-bottom:60px}
  #premium-hero .hero-pro__container{margin-top:190px}
  /* Modal layering container centers content with flexbox */
  #premium-hero .hero-pro__modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1002;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease}
  html.hp-modal-open #premium-hero .hero-pro__modal{opacity:1;visibility:visible;pointer-events:auto}
  /* Popup itself */
  #premium-hero .hero-pro__form{position:relative;width:min(95vw,560px);max-height:90vh;overflow-y:auto;margin:0;transform:scale(.92);opacity:0;transition:opacity .2s ease, transform .2s ease}
  html.hp-modal-open #premium-hero .hero-pro__form{opacity:1;transform:scale(1)}
  /* Backdrop overlay covers whole screen with fade */
  #premium-hero .hero-pro__modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);}
  /* Close button visible in popup on small screens */
  .hero-pro__close{display:block;position:absolute;top:8px;right:8px;background:rgba(0,0,0,.4);color:#fff;border:0;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:32px;cursor:pointer}
  /* Lock background scroll when modal open */
  html.hp-modal-open,html.hp-modal-open body{overflow:hidden}
}
@media (max-width:520px){
  .hero-pro__title{font-size:28px}
}
/* Desktop enhancements */
@media (min-width:1024px){
  .hero-pro{min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:50px}
}
/* Remove any thin line under fixed header */
body{margin:0;padding:0}
main{margin:0;padding:0}
/* Prevent top margin-collapsing creating a hairline gap */
#premium-hero.hero-pro{margin-top:0;overflow:hidden;background-color:transparent}
/* Keep default white link color for readability (already set) */
/* Remove any accidental hr/border at top */
hr{border:0;height:0;margin:0;padding:0}

/* ========== Seek Eminence Metrics Section ========== */
.metrics{padding:80px 0;background:#f9fafb;font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.metrics__inner{width:min(1100px,92%);margin:0 auto;}
.metrics__tag{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;background:linear-gradient(120deg,#38bdf8,#1e88e5 55%,#0f6bcf);color:#fff;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;box-shadow:0 10px 24px rgba(30,136,229,.28);}
.metrics__heading{font-size:clamp(30px,4vw,40px);line-height:1.15;color:#0f172a;margin:0 0 14px;font-weight:800;}
.metrics__sub{max-width:60ch;color:#6b7280;margin:0 0 40px;font-size:15px;line-height:1.7;}
.metrics__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;}
.metric{display:flex;flex-direction:column;gap:4px;}
.metric__value{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:.02em;}
.metric__label{font-size:13px;color:#6b7280;}
@media (max-width:900px){
  .metrics{padding:60px 0;}
  .metrics__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px;}
}
@media (max-width:600px){
  .metrics__inner{width:min(95%,520px);}
  .metrics__grid{grid-template-columns:minmax(0,1fr);}
  .metrics__heading{font-size:28px;}
  .metrics__sub{margin-bottom:28px;}
  .metrics__inner,.metrics__tag,.metrics__heading,.metrics__sub{text-align:center;}
}
.card-slider{position:relative;width:min(1200px,92%);margin:0 auto}
.card-slider__viewport{overflow:hidden}
.card-slider__track{display:flex;gap:24px;transition:transform .5s ease;will-change:transform;padding:14px 0}
.cs-card{flex:0 0 36.4%; position:relative; border-radius:16px; overflow:hidden; transform:scale(.85); opacity:.45; transition:transform .45s ease, opacity .45s ease;}
.cs-card img{width:100%;height:468px;object-fit:cover;display:block}
.cs-card__overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));color:#fff}
.cs-card__overlay h3{margin:0;font-size:28px;text-transform:lowercase;letter-spacing:.5px}
.card-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;border-radius:10px;width:44px;height:44px;display:grid;place-items:center;background:#fff;color:#111;cursor:pointer}
.card-slider__arrow--prev{left:-8px}
.card-slider__arrow--next{right:-8px}
@media (max-width:900px){
  .card-slider{width:100%;}
  .card-slider__track{gap:16px}
  .cs-card{flex-basis:88%; transform:scale(.9)}
  .cs-card img{height:340px}
  .card-slider__arrow--prev{left:6px}
  .card-slider__arrow--next{right:6px}
}
@media (max-width:480px){
  .cs-card{flex-basis:92%}
  .cs-card img{height:300px}
}
.card-slider__arrow:hover{background:var(--brand);color:#fff}
.card-slider__dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.card-slider__dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.45);cursor:pointer}
.card-slider__dots button.is-active{background:#fff}

/* Center-active state visuals */
.cs-card.is-center{transform:scale(1); opacity:1}

/* Responsive: show 1 card on small screens */
@media (max-width:900px){
  .cs-card{flex-basis:80%}
}

/* Testimonials */
.testimonials{background:#fff;padding:64px 0;color:#0b1220}
.testimonials__title{margin:0 0 20px;text-align:center;color:#000000;font-size:34px}
.testimonials__title span{color:#38bdf8}
.t-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.t-card{background:#f8f8f8;border-radius:16px;padding:18px;min-height:240px;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:transform .3s ease, box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;text-align:left}
.t-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 16px 40px rgba(0,0,0,.22)}
.t-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.t-card__name{margin:0 0 4px;font-size:18px}
.t-card__role{margin:0;color:#64748b;font-weight:600}
.t-card__avatar{width:48px;height:48px;border-radius:999px;object-fit:cover;display:block;transition:transform .3s ease}
.t-card:hover .t-card__avatar{transform:scale(1.08)}
.t-card__body{margin:0;color:#334155;line-height:1.6;font-size:14px}
.t-card > *{margin-left:auto;margin-right:auto;}
.t-card__head,.t-card__body{width:calc(100% - 24px)}
@media (max-width:900px){.t-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .cs-card img{height:300px}
  .cs-card{flex-basis:88%}
}

/* Provisions / Why Choose Us Section */
.provisions{background:#fff !important;color:#0b1220;padding:80px 0;position:relative;overflow:hidden}
.provisions__header{text-align:center;margin-bottom:60px}
.provisions__title{margin:0 0 16px;font-size:42px;font-weight:700;letter-spacing:.5px}
.provisions__title span{color:#00AEEF}
.provisions__subtitle{margin:0;font-size:18px;color:#000000;font-weight:300}
.provisions__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,auto);gap:24px;width:min(1200px,92%);margin:0 auto 60px;position:relative}
.provision-card{background:#f9f9f9;border:2px dashed #5e5e5e;border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:center;text-align:center;transition:all 0.3s ease;position:relative;min-height:80px}
.provision-card:hover{background:#d9dbde;border-color:#00AEEF;transform:scale(1.05);box-shadow:0 8px 25px rgba(0,174,239,0.2)}
.provision-text{font-size:16px;font-weight:500;line-height:1.4;color:#000000}
.provision-text .highlight{color:#00AEEF;font-weight:600}
/* Scattered layout positioning */
.provision-card:nth-child(1){grid-column:1/2;grid-row:1/2}
.provision-card:nth-child(2){grid-column:2/3;grid-row:1/2;margin-top:20px}
.provision-card:nth-child(3){grid-column:3/4;grid-row:1/2;margin-top:40px}
.provision-card:nth-child(4){grid-column:4/5;grid-row:1/2;margin-top:60px}
.provision-card:nth-child(5){grid-column:1/2;grid-row:2/3;margin-top:20px}
.provision-card:nth-child(6){grid-column:2/4;grid-row:2/3;margin-top:40px}
.provision-card:nth-child(7){grid-column:4/5;grid-row:2/3;margin-top:60px}
.provision-card:nth-child(8){grid-column:2/4;grid-row:3/4;margin-top:20px}
.provision-card:nth-child(9){grid-column:1/5;grid-row:4/5;margin-top:40px}
.provision-card:nth-child(10){grid-column:2/4;grid-row:5/6;margin-top:20px}
/* Wide and extra-wide card variants */
.provision-card--wide{grid-column:2/4 !important}
.provision-card--extra-wide{grid-column:1/5 !important}
/* CTA Button */
.provisions__cta{text-align:center;margin-top:40px}
.cta-button{background:linear-gradient(135deg,#00AEEF 0%,#4FC3F7 100%);color:#fff;border:none;border-radius:50px;padding:18px 48px;font-size:20px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(0,174,239,0.3);text-transform:uppercase;text-decoration:none;display:inline-block}
.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px rgba(0,174,239,0.4);background:linear-gradient(135deg,#0099CC 0%,#42A5F5 100%)}
.cta-button:active{transform:translateY(-1px) scale(1.02)}
/* Responsive Design */
@media (max-width:1200px){
  .provisions__grid{grid-template-columns:repeat(3,1fr);gap:20px}
  .provision-card:nth-child(4){grid-column:1/2;grid-row:2/3;margin-top:20px}
  .provision-card:nth-child(5){grid-column:2/3;grid-row:2/3;margin-top:40px}
  .provision-card:nth-child(6){grid-column:3/4;grid-row:2/3;margin-top:60px}
  .provision-card:nth-child(7){grid-column:1/2;grid-row:3/4;margin-top:20px}
  .provision-card:nth-child(8){grid-column:2/4;grid-row:3/4;margin-top:40px}
  .provision-card:nth-child(9){grid-column:1/4;grid-row:4/5;margin-top:20px}
  .provision-card:nth-child(10){grid-column:1/3;grid-row:5/6;margin-top:40px}
}
@media (max-width:900px){
  .provisions{padding:60px 0}
  .provisions__title{font-size:36px}
  .provisions__grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
  .provision-card{grid-column:1/2 !important;grid-row:auto !important;margin-top:0 !important;min-height:70px;padding:16px 20px}
  .provision-text{font-size:15px}
  .cta-button{padding:16px 36px;font-size:18px}
}
@media (max-width:600px){
  .provisions{padding:50px 0}
  .provisions__title{font-size:30px}
  .provisions__subtitle{font-size:16px}
  .provision-card{min-height:60px;padding:14px 18px}
  .provision-text{font-size:14px}
  .cta-button{padding:14px 32px;font-size:16px}
}

/* Footer */
.footer{background:#fff;color:#0b1220;padding:48px 0}
.footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.footer__col{text-align:center}
.footer__title{margin:0 0 8px;font-size:28px;color:#000000}
.footer__title span{color:#00bcd4}
.footer__rule{height:3px;background:#00bcd4;width:380px;max-width:100%;border-radius:2px;margin:12px auto 26px auto }
.footer__text{margin:0;line-height:1.7;color:#000000;text-align:center}
.footer__links{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.footer__links a{color:#000000;text-decoration:none}
.footer__links a:hover{color:#00bcd4}
.footer__contact{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.footer__contact li{display:flex;align-items:center;gap:10px;justify-content:center}
.footer__social{display:flex;gap:14px;margin-top:10px;justify-content:center}
.social-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #00bcd4;border-radius:999px}
.social-btn:hover{background:#00bcd4}
.social-btn:hover svg{filter:brightness(0) invert(1)}
@media (max-width:900px){
  .footer__grid{grid-template-columns:1fr}
  .footer{padding:40px 0}
  .footer__col{text-align:center}
}

/* Cabs */
.cabs{background:#fff !important;padding:64px 0;color:#0b1220}
.cabs__title{margin:0 0 22px;text-align:center;font-size:32px;color:#34b4eb}
.cabs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:min(1200px,92%);margin:0 auto}
.cab{background:#e5f2fc;border-radius:16px;box-shadow:0 8px 24px rgba(55, 84, 164, 0.45);padding:16px;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease, box-shadow .2s ease}
.cab:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(11,15,26,.6)}
.cab img{width:100%;height:280px;object-fit:contain;background:#fff;border-radius:12px;transition:transform .35s ease}
.cab:hover img{transform:scale(1.03)}
.cab__name{margin:12px 0 0;font-weight:700;letter-spacing:.3px}
@media (max-width:900px){
  .cabs__grid{grid-template-columns:1fr}
  .cab img{height:240px}
}

/* Top Car Rental Cities & States */
.top-cities{background:#fff !important;color:#000000;padding:56px 0}
.top-cities .container{width:min(1200px,92%);margin:0 auto}
.tcr__title{margin:0 0 12px;text-align:center;font-size:24px;letter-spacing:.5px}
.tcr__title span{color:#00bfff}
.tcr__marquee{margin:0 auto 28px;max-width:1200px;text-align:center;line-height:1.8;color:#000000}
.tcr__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;justify-items:center}
.tcr__heading{margin:0 0 10px;color:#00bfff;font-size:22px;text-align:left}
.tcr__col{text-align:center}
.tcr__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;justify-items:start;text-align:left}
.tcr__list a{color:#000000;text-decoration:none;border-bottom:1px solid transparent;width:fit-content}
.tcr__list a:hover{color:#00bfff;border-color:#00bfff}
@media (max-width:900px){
  .tcr__grid{grid-template-columns:1fr}
  .tcr__marquee{text-align:left}
}