:root{
  --brand:#2f80ed;
  --brand-ink:#0f3a7a;
  --ink:#0f172a;
  --muted:#5f6c7b;
  --card:#ffffff;
  --tile:#edf4fa;
  --soft:#eaf2fb;
  --cream: linear-gradient(135deg, #0E98D6 0%, #FCCB56 100%);
  --footer-grad: linear-gradient(90deg, #0E98D6 0%, #7FC8F8 100%);
  --bg:#E8EFF5;
  --shadow:0 8px 22px rgba(26,39,68,.06);
  --radius:16px;
  
}

body { background: var(--bg) !important; color: var(--ink);  overflow-x: hidden !important; }
.container-wide{ width: 1200px; max-width:100%; margin-inline:auto; padding:24px; overflow: hidden !important; }

/* Hero */
.hero { position: relative; height: 700px; border-radius: 12px; overflow:hidden; box-shadow: var(--shadow);  }
.hero video { width:100%; height:100%; object-fit:cover; }
.hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.138), rgba(0, 0, 0, 0.192)); pointer-events:none; }
.hero__text{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; color:#ffffff; padding:24px; }
.hero__title{ font-weight:800; font-size: clamp(28px, 3.5vw, 40px); line-height:1.05; letter-spacing:.2px; text-shadow:0 2px 16px rgba(255, 255, 255, 0.991); width: 100% !important;}

/* VIP Fasttrack */
.vip-fasttrack{
  position:relative;
  margin-top:28px;
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(110deg, #f5cb4a 0%, #b9d9b8 42%, #a8d0f2 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.12);
}
.vip-fasttrack .vip-overlay{ display:none; }
.vip-content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:28px;
  padding:56px 54px;
}
.vip-media{
  background:#f8fbff;
  padding:12px;
  border-radius:20px;
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 14px 34px rgba(15,23,42,.18);
}
.vip-main{
  width:100%;
  border-radius:14px;
  object-fit:cover;
  display:block;
  aspect-ratio:16/9;
}
.vip-copy{
  color:#f8fbff;
  text-shadow:0 2px 10px rgba(15,23,42,.2);
}
.vip-copy h3{
  margin:0 0 14px;
  font-size:clamp(34px, 3.2vw, 52px);
  line-height:1.08;
  font-weight:900;
  max-width:540px;
}
.vip-copy p{
  margin:0;
  font-size:clamp(16px, 1.15vw, 22px);
  line-height:1.55;
  max-width:560px;
  color:rgba(255,255,255,.95);
}

/* Attached action card */
.hero__actions{  background: rgba(255,255,255,.92);
 border-radius: 0 0 var(--radius) var(--radius); padding:10px 12px; display:flex; gap:10px; box-shadow: var(--shadow); backdrop-filter:
  blur(8px); width: 20%; }
.btn-round{ width:40px; height:40px; border-radius:999px; border:0; display:grid; place-items:center; cursor:pointer; background:#fff; box-shadow:0 4px 12px rgba(26,39,68,.12); transition: transform .12s ease, box-shadow .12s ease; }
.btn-round:hover{ transform: translateY(-1px); box-shadow:0 6px 16px rgba(26,39,68,.16); }
.btn-play{ background:linear-gradient(135deg,#0E98D6,#169DD8); }
.btn-icon svg{ width:20px; height:20px; }

/* About */
.about{ margin-top:28px; display:grid; background: var(--card);grid-template-columns: 1.1fr 1fr; gap:24px; align-items:center; border-radius: 16px; }
.about__media{ position:relative; }
.about__img-square{ width:100%; aspect-ratio: 4/3; object-fit:cover; border-radius:12px; box-shadow: var(--shadow); }
.about__img-circle{ position:absolute; width:120px; height:120px; object-fit:cover; border-radius:999px; bottom:-16px; right:-16px; border:6px solid var(--bg); box-shadow: var(--shadow); }
.about__card{ background: var(--card); border-radius:12px;  padding:24px; }
.about__title{ font-size:22px; font-weight:800; margin:0 0 8px; }
.about__text{ color: var(--muted); margin:0; padding-bottom: 15px; }

/* Services grid */
.section-head{ display:flex; align-items:center; justify-content:space-between; margin-top:42px; margin-bottom:12px; padding-inline:4px; }
.section-title{ font-size:22px; font-weight:800; color:var(--ink); }
.btn-link{ background:#0E98D6; color:#fff; border:0; padding:10px 14px; border-radius:10px; font-weight:600; text-decoration:none; box-shadow: var(--shadow); }

.catalog-wrap{ padding:0; }
.cards{ display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; }
.card{ background:#fff; border-radius:12px; box-shadow: var(--shadow); overflow:hidden; display:flex; flex-direction:column; }
.card__media{ position:relative; aspect-ratio: 4/3; overflow:hidden; }
.card__media img{ width:100%; height:100%; object-fit:cover; padding: 8px; border-radius: 16px; }
.card__price{ position:absolute; bottom:10px; left:10px; background:#fff; padding:6px 10px; border-radius:999px; font-weight:700; font-size:14px; box-shadow: var(--shadow); }
.card__view{ position:absolute; bottom:10px; right:10px; background:linear-gradient(135deg,#0E98D6,#169DD8); color:#fff; padding:8px 12px; border-radius:999px; font-weight:600; text-decoration:none; box-shadow: var(--shadow); }
.card__body{ padding:14px; }
.card__name{ margin:0 0 6px; font-size:16px; font-weight:800; color:var(--ink); }
.card__desc{ margin:0; color:var(--muted); font-size:14px; }

/* Explore cards styling (home teaser) */
.explore-card{ border-radius:18px; box-shadow:0 10px 28px rgba(26,39,68,.12); overflow:hidden; background:#fff; }
.explore-media{ background: linear-gradient(135deg, #e5f3ff 0%, #cde5ff 100%); padding:12px; }
.explore-img-wrap{ width:100%; aspect-ratio: 16/9; background: #fff; border-radius:14px; overflow:hidden; box-shadow: inset 0 1px 3px rgba(0,0,0,.06); }
.explore-img-wrap img{ width:100%; height:100%; object-fit:cover; border-radius:14px; }
.explore-card .card__price{ background:#fff; color:#0e98d6; font-weight:800; }
.explore-card .card__view{ background:linear-gradient(135deg,#0E98D6,#169DD8); }

/* Explore tabs */
.explore-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.explore-tab{
  border:1px solid #2f80ed;
  background:#f6fbff;
  color:#1565d8;
  font-weight:600;
  font-size:14px;
  line-height:1;
  padding:10px 12px;
  border-radius:6px;
  cursor:pointer;
  transition:.16s ease;
}
.explore-tab:hover,
.explore-tab.is-active{
  background:#2f80ed;
  color:#fff;
}
.explore-tab--all{
  border-color:#9aa8b8;
  color:#5f6c7b;
  background:#eef2f6;
}

/* Car rental promo */
.car-teaser{ margin-top:32px; }
.car-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px;  }
.car-card{ background:#fff; border-radius:16px; box-shadow:0 12px 28px rgba(26,39,68,.12); overflow:hidden; display:flex; flex-direction:column; border: #6cc6f3 solid 5px !important; }
.car-card__media{ position:relative; background: linear-gradient(135deg,#e5f3ff,#d2ecff); min-height:180px; display:flex; align-items:center; justify-content:center; padding:12px; }
.car-card__media img{ max-width:90%; height:auto; object-fit:contain; }
.car-card__body{ padding:14px; background:#f5f9ff; border-top:3px solid #9ed8ff; }
.car-card__name{ margin:0 0 4px; font-size:17px; font-weight:800; color:#1f2937; }
.car-card__specs{ margin:0; color:#4b5563; font-size:14px; }
.car-card .card__price{
  position:absolute;
  left:12px;
  bottom:12px;
  top:auto;
  background:#fff;
  box-shadow: var(--shadow);
  padding:8px 12px;
  border-radius:999px;
  font-size:14px;
  line-height:1.1;
}
.car-card .card__view{
  position:absolute;
  right:12px;
  bottom:12px;
  top:auto;
  border-radius:999px;
  padding:10px 14px;
  line-height:1.1;
}

.sunrise{ margin-top:36px; }
.sunrise-card{
  position:relative;
  width:100%;
  aspect-ratio: 5 / 2;
  background: linear-gradient(135deg,#ffffff 0%, #e8f4ff 100%);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(26,39,68,.10);
  overflow:hidden;
  display:grid;
  place-items:end center;
  transition: box-shadow .3s ease, filter .3s ease;
}
.sunrise-card:hover{
  box-shadow:0 18px 40px rgba(26,39,68,.18);
  filter: brightness(1.07);
}
.sunrise-rays{
  position:absolute;
  bottom:35%;
  left:50%;
  width:120%;
  height:120%;
  transform:translateX(-50%);
  background:
    radial-gradient(circle at 50% 100%, transparent 55%, rgba(255,193,79,.9) 55.4%),
    radial-gradient(circle at 50% 100%, transparent 58%, rgba(255,193,79,.6) 58.4%);
  mask: radial-gradient(circle at 50% 100%, transparent 52%, black 52%);
}
.sunrise-sun{
  position:absolute;
  bottom:-10%;
  left:50%;
  width:120%;
  aspect-ratio:1/1;
  transform:translateX(-50%);
  background: radial-gradient( circle at 50% 30%, #ffeab2 0%, #f9c349 60%, #e8a626 100%);
  border-radius:50%;
  box-shadow:0 -10px 30px rgba(255,193,79,.35);
}

/* Trusted by */
.trusted{ text-align:center; margin-top:34px; }
.trusted h4{ font-size:22px; font-weight:900; margin-bottom:8px; color:#2f80ed; }
.trusted .bar{ width:72px; height:6px; margin:8px auto 14px; border-radius:999px; background: linear-gradient(90deg,#0E98D6,#7FC8F8); }
.logo-rail{ display:flex; gap:28px; overflow-x:auto; padding:12px; background:#fff; border-radius:12px; box-shadow: var(--shadow); scroll-snap-type:x mandatory; }
.logo-rail::-webkit-scrollbar{ height:8px; }
.logo-rail::-webkit-scrollbar-thumb{ background:#c8d6e5; border-radius:999px; }
.logo-item{ flex:0 0 auto; width:110px; height:110px; display:grid; place-items:center; scroll-snap-align:center; filter: grayscale(100%); opacity:.9; transition: filter .2s ease, opacity .2s ease, transform .2s ease; }
.logo-item:hover{ filter:none; opacity:1; transform: translateY(-2px);}
.logo-item img{ max-width:90%; max-height:90%; }

/* Contact */
.cont-public{ padding: 0px 150px 0px 150px ; text-align:center; }
.contact{ margin-top:24px; background:#fff; border-radius:12px; box-shadow: var(--shadow); padding:24px; display:grid; grid-template-columns:1fr ; gap:16px; align-items:flex-start; }
.contact__left h5{ margin:0 0 8px; font-size:18px; font-weight:900; text-align:left; }
.contact__left p{ margin:0; color:#2f3a4a; text-align:left; }
.contact form{ display:grid; gap:14px; grid-template-columns:repeat(2, minmax(0,1fr)); }
.input{ width:100%; border:1px solid #f3c8a8; border-radius:10px; height:56px; padding:0 14px; background:#fafafa; text-align:left; }
.input.input--textarea{ grid-column:1 / -1; height:150px; padding-top:12px; resize:vertical; }
.btn-primary{ background:linear-gradient(135deg,#0E98D6,#169DD8); color:#fff; border:0; height:44px; border-radius:10px; font-weight:700; cursor:pointer; box-shadow: var(--shadow); grid-column:1 / -1; justify-self:start; padding:0 18px; width:auto; }

/* Map tile */
.map-tile{ margin-top:16px; background:#fff; border-radius:12px; box-shadow: var(--shadow); padding:10px; }
.map-hero{
  position:relative;
  width:90%;
  margin:0 auto;
  aspect-ratio: 16 / 9;
  border-radius:10px;
  background:url("../images/world-map.883058c50c4c.png") center/cover no-repeat;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.map-pin-wrap{ position:absolute; top:50%; left:40%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; }
.map-label{
  margin-bottom:6px;
  color:#d7a11f;
  font-weight:800;
  font-size:20px;
  text-shadow:0 2px 6px rgba(0,0,0,.2);
}
.map-pin{ display:flex; flex-direction:column; align-items:center; cursor:pointer; }
.map-pin__head{
  width:32px;
  height:32px;
  background:#1194d8;
  border-radius:16px 16px 16px 0;
  transform:rotate(-45deg);
  box-shadow:0 8px 16px rgba(0,0,0,.18);
}
.map-pin__head::after{
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  background:#fff;
  border-radius:50%;
  top:10px;
  left:10px;
}
.map-pin__shadow{
  margin-top:10px;
  width:40px;
  height:10px;
  background:rgba(17,148,216,.35);
  border-radius:999px;
  filter:blur(2px);
}
.map-pop{
  position:absolute;
  left:50%;
  transform:translate(-50%,10px);
  width:350px;
  max-width:100vw;
  max-height: 200px;
  background:#ffffff;
  border:1px solid #cde5ff;
  border-radius:12px;
  box-shadow:0 12px 32px rgba(26,39,68,.16);
  padding:12px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  text-align:center;
  color:#3a3a3a;
  z-index:10000 !important;
}
.map-pin-wrap:hover .map-pop,
.map-pin-wrap:focus-within .map-pop{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,-6px);
}
.map-pop__close{
  background:transparent;
  border:0;
  font-size:14px;
  font-weight:700;
  color:#333;
  position:absolute;
  top:6px;
  right:8px;
  cursor:pointer;
}
.map-pop__lead{ font-weight:800; margin-top:6px; }
.map-pop__sub{ margin:4px 0 8px; font-size:13px; }
.map-pop__btn{
  display:inline-block;
  margin:6px 0 10px;
  padding:8px 12px;
  border-radius:8px;
  background:#4b98f7;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 6px 14px rgba(75,152,247,.25);
}
.map-pop__btn.ghost{ background:#f2f2f2; color:#4b98f7; border:1px solid #4b98f7; }
.map-pop__title{ font-weight:800; margin:2px 0 6px; }
.map-pop__desc{ margin:0 0 8px; font-size:13px; line-height:1.45; }

/* Baggage hero */
.baggage-hero{ margin-top:48px; display:grid; grid-template-columns:1.1fr 0.9fr; gap:28px; align-items:center; background: linear-gradient(135deg, #f4f9ff 0%, #eef5ff 100%); padding:28px; border-radius:18px; box-shadow: var(--shadow); }
.bag-media{ position:relative; }
.bag-main{ width:100%; border-radius:18px; box-shadow: var(--shadow); object-fit:cover; }
.bag-bubble{ position:absolute; bottom:-24px; right:-24px; width:140px; height:140px; border-radius:999px; border:6px solid #e0eefc; overflow:hidden; box-shadow:0 12px 24px rgba(26,39,68,.12); }
.bag-thumb{ width:100%; height:100%; object-fit:cover; }
.bag-copy h3{ font-size:28px; font-weight:900; color:#2f80ed; margin:0 0 10px; }
.bag-copy p{ font-size:16px; line-height:1.55; color:#354052; margin:0; }

/* Modal */
.modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center; padding:16px; z-index:50; }
.modal-backdrop.show{ display:flex; }
.modal{ width:min(900px, 100%); background:#000; border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.35); }
.modal__hd{ display:flex; justify-content:flex-end; padding:8px; background:#111; }
.modal__close{ background:#222; color:#fff; border:0; border-radius:8px; padding:6px 10px; cursor:pointer; }
.modal video{ width:100%; height:auto; display:block; }

/* --- Video Modal (custom) --- */
.videoModal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:1200; /* above Bootstrap header/offcanvas */
}
.videoModal-backdrop.show{ display:flex; }

.videoModal-dialog{
  width:min(900px, 100%);
  background:#000;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.videoModal-header{
  display:flex;
  justify-content:flex-end;
  padding:8px;
  background:#111;
}
.videoModal-close{
  background:#222;
  color:#fff;
  border:0;
  border-radius:8px;
  padding:6px 10px;
  cursor:pointer;
}
.videoModal-backdrop video{
  width:100%;
  height:auto;
  display:block;
}


/* Responsive */
@media (max-width: 980px){
  .cards{ grid-template-columns: repeat(2, 1fr); }
  .about{ grid-template-columns: 1fr; }
  .vip-content{ grid-template-columns: 1fr; padding:30px; gap:20px; }
  .vip-media{ margin:0 auto; }
  .vip-copy{ text-align:center; }
  .vip-copy h3{ max-width:100%; margin-left:auto; margin-right:auto; font-size:36px; }
  .vip-copy p{ max-width:100%; margin:0 auto; font-size:16px; }
  .baggage-hero{ grid-template-columns:1fr; text-align:center; padding:24px; }
  .bag-media{ margin:0 auto; max-width:540px; }
  .bag-bubble{ right:50%; transform:translateX(50%); bottom:-30px; }
  .bag-copy{ text-align:center; }
  .about__img-circle{ right:12px; bottom:-12px; }
  .car-cta__img{ width:min(58%, 520px); }
  .car-cta__text{ position:relative;top: 150px; left: 450px; }
  .car-cta__card {
    margin-top: 80px !important;
  }
  .car-grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px){
  .hero{ height: 300px; }
  .hero__actions{ left:12px; bottom:12px; width: 50%;}
  .cards{ grid-template-columns: 1fr; }
  .contact{ grid-template-columns:1fr; }
  .contact form{ justify-items:stretch; }
  .input, .btn-primary{ width:100%; max-width:100%; }
  .car-cta__img{ position:relative; width:100%; bottom: 110px ; }
  .car-cta__text{ position:relative; top:-150px; left: 10px; }
    .car-cta__card {
    margin-top: 80px !important;
    height: 250px;
  }

  .input{
    height: 40px;
  }

  .vip-content{ padding:18px; gap:14px; }
  .vip-main{ aspect-ratio:16/10; }
  .vip-copy h3{ font-size:22px; }
  .vip-copy p{ font-size:14px; }
  .vip-media{ padding:8px; border-radius:16px; }
  .baggage-hero{ padding:18px; }
  .bag-bubble{ width:110px; height:110px; bottom:-22px; right:50%; transform:translateX(50%); }
  .bag-copy h3{ font-size:22px; }
  .bag-copy p{ font-size:14px; }
  .car-grid{ grid-template-columns:1fr; }
  .car-card__media{ min-height:160px; }
  .car-card__name{ font-size:16px; }
  .car-card__specs{ font-size:13px; }
  .map-pop{ width:280px; left: 75%; }
  .map-pop__btn{  margin:3px 0 5px;
  padding:4px 8px; font-size:7px; }
  .cont-public{ padding: 0 ; text-align:center; }
}
.compact-card{ background:#fff; border:8px solid #6cc6f3; border-radius:18px; box-shadow:0 12px 28px rgba(26,39,68,.12); }
.compact-card .explore-media{ padding:8px; background:linear-gradient(135deg,#ecf7ff,#d7eeff); }
.compact-card .explore-img-wrap{ border-radius:14px; }
.compact-card .explore-img-wrap img{ border-radius:14px; }
.compact-card .card__body{ padding:12px 14px; }
.compact-card .card__name{ font-weight:800; font-size:15px; }
.compact-card .card__desc{ font-size:13px; color:#4a5568; }