:root{
  --ink:#071827;
  --navy:#071f36;
  --navy2:#0a3559;
  --blue:#1769a6;
  --blue2:#2f8fce;
  --cyan:#74d7ff;
  --ice:#eaf6ff;
  --paper:#f2f7fb;
  --white:#fff;
  --muted:#5d7188;
  --line:rgba(7,24,39,.12);
  --shadow:0 22px 62px rgba(7,31,54,.15);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body[dir="rtl"]{font-family:Cairo,Inter,system-ui,sans-serif}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 36px));margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:13px}
.topbar .container{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(116,215,255,.16);display:inline-block;margin-inline-end:8px}
.en{direction:ltr;font-family:Inter,sans-serif;unicode-bidi:isolate}
.header{position:sticky;top:0;z-index:30;background:rgba(247,250,253,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,19,35,.08)}
.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:14px}
.brand-logo{width:64px;height:64px;border-radius:22px;background:white;border:1px solid var(--line);box-shadow:0 14px 34px rgba(7,19,35,.13);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}
.brand-logo img{width:100%;height:100%;object-fit:contain;padding:7px}
.brand-name strong{display:block;font-size:19px;font-weight:900;letter-spacing:-.3px}
.brand-name span{display:block;margin-top:3px;font-size:11px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.links{display:flex;gap:23px;align-items:center;font-weight:850;font-size:14px;color:#304056}
.links a{padding:8px 0}
.actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border-radius:999px;font-weight:900;font-size:14px;border:1px solid transparent;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#ffffff;box-shadow:0 14px 34px rgba(23,105,166,.28)}
.btn-dark{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white}
.btn-light{background:white;border-color:var(--line)}
.hero{padding:68px 0 70px;background:radial-gradient(circle at 12% 14%,rgba(49,168,216,.16),transparent 28%),radial-gradient(circle at 82% 6%,rgba(47,143,206,.16),transparent 28%),linear-gradient(180deg,#f9fcff,#eef5fb 70%,#fff)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(47,143,206,.32);background:white;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}
.hero h1{margin:22px 0 16px;font-size:clamp(36px,4.8vw,62px);line-height:1.02;letter-spacing:-1.4px;font-weight:900}
body[dir="rtl"] .hero h1{line-height:1.1;letter-spacing:-.4px}
.grad{background:linear-gradient(135deg,var(--blue),var(--cyan),#0a5e96);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:610px;margin:0;color:#465970;font-weight:650;font-size:17px;line-height:1.85}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:630px}
.trust{background:white;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 14px 38px rgba(7,19,35,.07)}
.trust b{font-size:20px;font-weight:950}
.visual{min-height:520px;border-radius:42px;background:radial-gradient(circle at 16% 20%,rgba(49,168,216,.34),transparent 28%),radial-gradient(circle at 84% 12%,rgba(242,200,103,.28),transparent 25%),linear-gradient(145deg,var(--navy),var(--navy2));box-shadow:0 30px 80px rgba(7,19,35,.22);position:relative;overflow:hidden;color:white}
.visual:before{content:"";position:absolute;width:640px;height:640px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;top:50px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%)}
.stats{position:absolute;inset:30px 30px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);border-radius:20px;padding:15px}
.stat b{display:block;font-size:22px;color:#dff5ff}
.stat span{display:block;font-size:11px;font-weight:800;color:rgba(255,255,255,.75);margin-top:4px}
.plane{position:absolute;top:140px;left:45%;width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,var(--cyan),var(--blue2));display:grid;place-items:center;color:#071827;font-size:40px;box-shadow:0 18px 44px rgba(216,170,69,.32)}
.panel{position:absolute;left:34px;right:34px;bottom:34px;background:rgba(255,255,255,.92);color:var(--ink);border-radius:30px;padding:24px;box-shadow:0 22px 56px rgba(0,0,0,.20)}
.panel h3{margin:0 0 16px;font-size:22px;font-weight:900}
.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.panel-item{background:white;border:1px solid var(--line);border-radius:18px;padding:14px}
.panel-item small{display:block;color:var(--muted);font-weight:800;font-size:11px;margin-bottom:4px}
.panel-item strong{font-weight:900;font-size:14px}
.section{padding:76px 0}
.section.white{background:white}
.section.dark{background:linear-gradient(145deg,var(--navy),var(--navy2));color:white}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.eyeline{margin:0 0 8px;color:var(--blue);font-size:12px;font-weight:950;letter-spacing:1.5px;text-transform:uppercase}
.dark .eyeline{color:var(--cyan)}
.section-title{margin:0;font-size:clamp(26px,3.2vw,40px);line-height:1.18;font-weight:950}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{min-height:190px;background:white;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 18px 50px rgba(7,19,35,.08);display:flex;flex-direction:column;justify-content:center}
.icon{width:56px;height:56px;border-radius:19px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:var(--cyan);display:grid;place-items:center;font-size:24px;margin-bottom:18px}
.card h3{margin:0;font-size:20px;font-weight:950}
.audience{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.audience-card{min-height:260px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:30px;padding:30px}
.tag{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(116,215,255,.12);border:1px solid rgba(116,215,255,.22);color:#dff5ff;font-size:12px;font-weight:900;margin-bottom:20px}
.audience-card h3{margin:0 0 18px;font-size:26px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{display:flex;gap:10px;font-weight:800;color:rgba(255,255,255,.88)}
.checks li:before{content:"✓";width:24px;height:24px;border-radius:50%;background:rgba(116,215,255,.13);color:#dff5ff;display:grid;place-items:center;flex:0 0 auto}
.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.credential{background:white;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.credential:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue2),var(--blue2))}
.credential-logo{width:100%;height:82px;border-radius:24px;border:1px solid rgba(7,19,35,.1);background:linear-gradient(135deg,#eaf6ff,#f7fbff);display:flex;align-items:center;justify-content:center;gap:12px}
.orbit{width:42px;height:42px;border-radius:50%;border:3px solid var(--blue2);position:relative}
.orbit:after{content:"";position:absolute;inset:8px;border-radius:50%;border:2px solid var(--blue2)}
.credential-logo b{font-size:30px;font-weight:950}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}
.step{counter-increment:step;min-height:145px;background:white;color:var(--ink);border-radius:24px;padding:24px;border:1px solid var(--line)}
.step:before{content:"0" counter(step);width:44px;height:44px;border-radius:16px;background:var(--navy);color:var(--cyan);display:grid;place-items:center;font-weight:950;margin-bottom:18px}
.step h3{margin:0;font-size:18px}
.contact-hero{padding:72px 0;background:linear-gradient(145deg,var(--navy),var(--navy2));color:white}
.contact-hero h1{margin:18px 0 12px;font-size:clamp(34px,4.2vw,54px);line-height:1;font-weight:950}
.contact-hero p{margin:0;color:rgba(255,255,255,.76);font-weight:650;font-size:17px;line-height:1.8}
.contact-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px}
.contact-box,.quote{border-radius:32px;padding:30px;box-shadow:var(--shadow)}
.contact-box{background:linear-gradient(145deg,var(--navy),var(--navy2));color:white}
.contact-box h2,.quote h2{margin:0 0 18px;font-size:30px}
.methods{display:grid;gap:12px}
.method{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:14px}
.method i{width:42px;height:42px;border-radius:14px;background:rgba(116,215,255,.13);display:grid;place-items:center;font-style:normal}
.method b{display:block}
.method span span{color:rgba(255,255,255,.75);font-weight:700}
.quote{background:white;border:1px solid var(--line)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
label{font-size:13px;font-weight:900;color:#334155}
input,select,textarea{width:100%;min-height:51px;border:1px solid rgba(7,19,35,.13);border-radius:16px;padding:12px 14px;font:inherit;background:#fbfdff}
textarea{min-height:124px;resize:vertical}
.map{margin-top:24px;background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.map-inner{min-height:240px;display:grid;place-items:center;text-align:center;padding:28px;background:linear-gradient(90deg,rgba(7,19,35,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(7,19,35,.04) 1px,transparent 1px),linear-gradient(135deg,#eef7fc,#f7fbff);background-size:36px 36px,36px 36px,auto}
.map-pin{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,var(--cyan),var(--blue2));display:grid;place-items:center;margin:0 auto 12px;font-size:28px}
.footer{background:linear-gradient(145deg,#071323,#0b263f);color:rgba(255,255,255,.76);padding:46px 0 30px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr .8fr;gap:34px}
.footer .brand{margin-bottom:20px}
.footer a{display:block;margin:0 0 12px;font-weight:800}
.footer h4{margin:0 0 18px;color:white;font-size:15px;text-transform:uppercase;letter-spacing:.8px}
.footer p{margin:0;line-height:1.75;font-weight:650}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.badge{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;color:white;font-weight:900;font-size:12px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-weight:800}
@media(max-width:1040px){
  .links{display:none}
  .hero-grid,.contact-layout{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:740px){
  .topbar .container,.section-head,.footer-bottom{flex-direction:column;align-items:flex-start}
  .nav{min-height:auto;padding:16px 0}
  .actions .btn-light{display:none}
  .brand-logo{width:52px;height:52px;border-radius:18px}
  .brand-name strong{font-size:16px}
  .hero{padding:46px 0}
  .trust-row,.cards,.audience,.credentials,.process,.panel-grid,.stats,.form-grid,.footer-grid{grid-template-columns:1fr}
  .visual{min-height:650px}
  .stats{position:relative;inset:auto;padding:22px}
  .panel{left:18px;right:18px;bottom:18px}
  .section{padding:60px 0}
}


/* V7 navy-blue identity refinement */
body{
  background:var(--paper);
}
.topbar{
  background:linear-gradient(90deg,#061a2f,#0a3559);
}
.header{
  background:rgba(247,251,255,.92);
}
.brand-logo{
  background:#ffffff;
  border-color:rgba(23,105,166,.16);
  box-shadow:0 14px 34px rgba(7,31,54,.13);
}
.btn-primary{
  background:linear-gradient(135deg,#2f8fce,#1769a6);
  color:#ffffff;
  box-shadow:0 14px 34px rgba(23,105,166,.28);
}
.btn-dark{
  background:linear-gradient(135deg,#071f36,#0a3559);
}
.hero{
  background:
    radial-gradient(circle at 12% 14%,rgba(47,143,206,.18),transparent 28%),
    radial-gradient(circle at 82% 6%,rgba(116,215,255,.16),transparent 28%),
    linear-gradient(180deg,#f9fdff,#edf7ff 70%,#fff);
}
.kicker{
  border-color:rgba(47,143,206,.28);
  color:#0a3559;
}
.grad{
  background:linear-gradient(135deg,#0a3559,#1769a6,#2f8fce);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.visual{
  background:
    radial-gradient(circle at 16% 20%,rgba(47,143,206,.32),transparent 28%),
    radial-gradient(circle at 84% 12%,rgba(116,215,255,.18),transparent 25%),
    linear-gradient(145deg,#071f36,#0a3559);
}
.plane{
  background:linear-gradient(135deg,#74d7ff,#2f8fce);
  color:#071827;
}
.icon{
  background:linear-gradient(135deg,#071f36,#0a3559);
  color:#dff5ff;
}
.credential:before{
  background:linear-gradient(90deg,#1769a6,#74d7ff);
}
.credential-logo{
  background:linear-gradient(135deg,#eaf6ff,#ffffff);
}
.orbit{
  border-color:#1769a6;
}
.orbit:after{
  border-color:#74d7ff;
}
.map-pin{
  background:linear-gradient(135deg,#74d7ff,#2f8fce);
  color:#071827;
}
.footer{
  background:
    radial-gradient(circle at 14% 10%,rgba(47,143,206,.18),transparent 28%),
    linear-gradient(145deg,#061827,#0a3559);
}
.badge{
  background:rgba(116,215,255,.10);
  border-color:rgba(116,215,255,.22);
}


/* V8: real credential logo cards + cleaner footer */
.credentials{
  align-items:stretch;
}

.credential{
  min-height:170px;
  background:#ffffff;
  border:1px solid rgba(7,24,39,.10);
  box-shadow:0 18px 46px rgba(7,31,54,.09);
  padding:28px;
}

.credential::before{
  display:none;
}

.credential-img{
  display:block;
  max-width:82%;
  max-height:92px;
  object-fit:contain;
  margin:auto;
  filter:none;
}

.credential-img--arc{
  max-width:78%;
}

.credential-img--iatan{
  max-width:118px;
  max-height:118px;
}

.credential-img--clia{
  max-width:92%;
  max-height:104px;
}

.step{
  overflow:visible;
  padding-top:26px;
}

.step:before{
  position:static;
  margin-bottom:18px;
}

.footer{
  padding:54px 0 28px;
  background:
    radial-gradient(circle at 12% 8%,rgba(47,143,206,.16),transparent 25%),
    linear-gradient(145deg,#061827,#0b3559);
}

.footer-grid,
.badges{
  display:none !important;
}

.footer-shell{
  display:grid;
  grid-template-columns:1.25fr .72fr .9fr .72fr;
  gap:42px;
  align-items:start;
}

.footer-brand-block .brand{
  margin-bottom:22px;
}

.footer-credential-logos{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.footer-credential-logos img{
  height:42px;
  max-width:94px;
  object-fit:contain;
  background:#ffffff;
  border:1px solid rgba(255,255,255,.20);
  border-radius:14px;
  padding:7px 10px;
}

.footer-credential-logos img[src$="iatan-logo.png"]{
  width:46px;
  max-width:46px;
  padding:5px;
}

.footer-col h4{
  margin:0 0 18px;
  color:#ffffff;
  font-size:15px;
  text-transform:none;
  letter-spacing:0;
  font-weight:900;
}

.footer-col a{
  display:block;
  margin:0 0 12px;
  color:rgba(255,255,255,.78);
  font-weight:800;
}

.footer-col p{
  margin:0 0 16px;
  color:rgba(255,255,255,.78);
  line-height:1.7;
  font-weight:750;
}

.footer-bottom{
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  color:rgba(255,255,255,.74);
  font-weight:850;
}

.footer-bottom a{
  color:#ffffff;
  font-weight:900;
}

body[dir="rtl"] .footer-bottom{
  direction:rtl;
}

body[dir="rtl"] .footer-shell{
  direction:rtl;
}

body[dir="rtl"] .footer .brand{
  direction:rtl;
}

body[dir="rtl"] .footer-credential-logos{
  justify-content:flex-start;
}

@media(max-width:1040px){
  .footer-shell{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:740px){
  .credential-img{
    max-height:78px;
  }

  .footer-shell{
    grid-template-columns:1fr;
    gap:28px;
  }

  .footer-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* V9: fix About/Audience cards visibility on white sections */
.section.white .audience-card{
  background:#ffffff;
  color:var(--ink);
  border:1px solid rgba(7,24,39,.10);
  box-shadow:0 18px 50px rgba(7,31,54,.08);
}

.section.white .audience-card h3{
  color:var(--ink);
}

.section.white .audience-card .tag{
  background:rgba(47,143,206,.10);
  border-color:rgba(47,143,206,.22);
  color:#0a3559;
}

.section.white .audience-card .checks li{
  color:#26384d;
}

.section.white .audience-card .checks li::before{
  background:rgba(47,143,206,.12);
  color:#1769a6;
  font-weight:950;
}

/* Remove any overly pale text behavior in light cards */
.section.white .audience-card *,
.section.white .checks li{
  opacity:1;
}

/* Cleaner spacing for the About cards */
.section.white .audience{
  margin-top:8px;
}

.section.white .audience-card{
  min-height:250px;
}


/* V10: concise service descriptions */
.card{
  min-height:230px;
  justify-content:flex-start;
}

.card h3{
  margin-bottom:10px;
}

.card p{
  display:block !important;
  margin:0;
  color:#5d7188;
  line-height:1.7;
  font-size:15px;
  font-weight:650;
  max-width:320px;
}

body[dir="rtl"] .card p{
  line-height:1.9;
}

@media(max-width:740px){
  .card{
    min-height:210px;
  }
}


/* V12: lively tourism photo backgrounds + rotating images */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#f7fbff;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(247,251,255,.94),rgba(247,251,255,.72) 48%,rgba(247,251,255,.92)),
    radial-gradient(circle at 12% 14%,rgba(47,143,206,.18),transparent 28%),
    radial-gradient(circle at 82% 6%,rgba(116,215,255,.16),transparent 28%);
}

body[dir="rtl"] .hero::before{
  background:
    linear-gradient(270deg,rgba(247,251,255,.94),rgba(247,251,255,.72) 48%,rgba(247,251,255,.92)),
    radial-gradient(circle at 12% 14%,rgba(47,143,206,.18),transparent 28%),
    radial-gradient(circle at 82% 6%,rgba(116,215,255,.16),transparent 28%);
}

.hero-photo-slider{
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
}

.hero-photo-slider span{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.08);
  animation:heroPhotoFade 30s infinite;
}

.hero-photo-slider span:nth-child(1){ animation-delay:0s; }
.hero-photo-slider span:nth-child(2){ animation-delay:6s; }
.hero-photo-slider span:nth-child(3){ animation-delay:12s; }
.hero-photo-slider span:nth-child(4){ animation-delay:18s; }
.hero-photo-slider span:nth-child(5){ animation-delay:24s; }

@keyframes heroPhotoFade{
  0%{opacity:0; transform:scale(1.08);}
  7%{opacity:.34;}
  20%{opacity:.34;}
  27%{opacity:0; transform:scale(1.15);}
  100%{opacity:0; transform:scale(1.15);}
}

.visual{
  background:
    linear-gradient(145deg,rgba(7,31,54,.82),rgba(10,53,89,.86)),
    url('https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?auto=format&fit=crop&w=1800&q=80') center/cover;
}

.panel{
  backdrop-filter:blur(18px);
}

.image-band{
  position:relative;
  min-height:280px;
  overflow:hidden;
  isolation:isolate;
}

.image-band::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(6,24,39,.70),rgba(10,53,89,.30),rgba(6,24,39,.72)),
    radial-gradient(circle at 50% 50%,rgba(116,215,255,.18),transparent 34%);
}

.image-band__slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.05);
  animation:imageBandFade 18s infinite;
}

.image-band__slide--one{
  background-image:url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1800&q=80');
  animation-delay:0s;
}

.image-band__slide--two{
  background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80');
  animation-delay:6s;
}

.image-band__slide--three{
  background-image:url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1800&q=80');
  animation-delay:12s;
}

@keyframes imageBandFade{
  0%{opacity:0; transform:scale(1.05);}
  10%{opacity:1;}
  33%{opacity:1;}
  43%{opacity:0; transform:scale(1.12);}
  100%{opacity:0; transform:scale(1.12);}
}

.image-band__content{
  position:relative;
  z-index:2;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.image-band__content span{
  display:inline-flex;
  padding:14px 22px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  color:#ffffff;
  font-weight:950;
  letter-spacing:.7px;
  backdrop-filter:blur(14px);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}

.section-with-photo{
  background:
    radial-gradient(circle at 10% 0%,rgba(47,143,206,.10),transparent 28%),
    linear-gradient(180deg,#f6fbff,#edf6fd);
}

.contact-hero--photo{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(145deg,rgba(6,24,39,.86),rgba(10,53,89,.82)),
    url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1800&q=80') center/cover;
}

.contact-hero--photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 15% 20%,rgba(116,215,255,.22),transparent 28%);
}

/* keep motion gentle for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .hero-photo-slider span,
  .image-band__slide{
    animation:none;
  }

  .hero-photo-slider span:first-child,
  .image-band__slide:first-child{
    opacity:.32;
  }
}

@media(max-width:740px){
  .image-band,
  .image-band__content{
    min-height:210px;
  }

  @keyframes heroPhotoFade{
    0%{opacity:0; transform:scale(1.08);}
    7%{opacity:.22;}
    20%{opacity:.22;}
    27%{opacity:0; transform:scale(1.15);}
    100%{opacity:0; transform:scale(1.15);}
  }
}


/* V13: RTL hero visual card spacing fix */
body[dir="rtl"] .visual{
  min-height:560px;
}

body[dir="rtl"] .stats{
  gap:10px;
}

body[dir="rtl"] .stat{
  padding:14px 12px;
  text-align:center;
}

body[dir="rtl"] .stat b{
  font-size:20px;
}

body[dir="rtl"] .stat span{
  font-size:10.5px;
}

body[dir="rtl"] .plane{
  top:132px;
  left:46%;
  width:78px;
  height:78px;
  font-size:36px;
}

body[dir="rtl"] .panel--rtl-compact{
  left:44px;
  right:44px;
  bottom:36px;
  padding:24px;
  border-radius:28px;
}

body[dir="rtl"] .panel--rtl-compact h3{
  font-size:24px;
  margin-bottom:18px;
  text-align:right;
}

body[dir="rtl"] .panel--rtl-compact .panel-grid{
  gap:12px;
}

body[dir="rtl"] .panel--rtl-compact .panel-item{
  min-height:78px;
  padding:13px 15px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

body[dir="rtl"] .panel--rtl-compact .panel-item small{
  font-size:11px;
  margin-bottom:6px;
}

body[dir="rtl"] .panel--rtl-compact .panel-item strong{
  font-size:15px;
  line-height:1.45;
  white-space:normal;
}

/* Let the main hero text and visual card breathe on Arabic desktop */
@media(min-width:1041px){
  body[dir="rtl"] .hero-grid{
    grid-template-columns:.96fr 1.04fr;
    gap:56px;
  }
}

/* Mobile/tablet: make the inner panel single-column to avoid crowding */
@media(max-width:900px){
  body[dir="rtl"] .panel--rtl-compact .panel-grid{
    grid-template-columns:1fr;
  }

  body[dir="rtl"] .visual{
    min-height:720px;
  }
}

@media(max-width:740px){
  body[dir="rtl"] .panel--rtl-compact{
    left:18px;
    right:18px;
    bottom:18px;
    padding:20px;
  }

  body[dir="rtl"] .panel--rtl-compact h3{
    font-size:22px;
  }

  body[dir="rtl"] .plane{
    top:220px;
    left:50%;
    transform:translateX(-50%);
  }
}


/* V14: make company logo clearer in the header/footer */
.header .brand-logo,
.site-header .brand-logo,
.nav .brand-logo{
  width:96px !important;
  height:68px !important;
  border-radius:20px !important;
  background:#ffffff !important;
  padding:0 !important;
  overflow:hidden !important;
  box-shadow:0 16px 36px rgba(7,31,54,.14) !important;
}

.header .brand-logo img,
.site-header .brand-logo img,
.nav .brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:3px !important;
  transform:scale(1.12);
  transform-origin:center;
}

.footer .brand-logo{
  width:86px !important;
  height:62px !important;
  border-radius:18px !important;
}

.footer .brand-logo img{
  padding:3px !important;
  transform:scale(1.10);
}

/* If the uploaded logo file has too much blank white space, this helps visually enlarge it. */
.brand-logo img{
  image-rendering:auto;
}

/* Keep nav balanced after making logo wider */
.brand{
  gap:16px;
}

@media(max-width:740px){
  .header .brand-logo,
  .site-header .brand-logo,
  .nav .brand-logo{
    width:76px !important;
    height:56px !important;
    border-radius:17px !important;
  }

  .header .brand-logo img,
  .site-header .brand-logo img,
  .nav .brand-logo img{
    padding:3px !important;
    transform:scale(1.10);
  }

  .footer .brand-logo{
    width:72px !important;
    height:54px !important;
  }
}


/* V15: horizontal logo presentation
   Better for the actual AlZajel Travel logo, because the mark is horizontal.
*/
.header .brand-logo,
.site-header .brand-logo,
.nav .brand-logo{
  width:148px !important;
  height:64px !important;
  border-radius:18px !important;
  background:#ffffff !important;
  border:1px solid rgba(7,31,54,.10) !important;
  box-shadow:0 14px 32px rgba(7,31,54,.10) !important;
  overflow:hidden !important;
  padding:0 !important;
  flex:0 0 auto !important;
}

.header .brand-logo img,
.site-header .brand-logo img,
.nav .brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:6px 10px !important;
  transform:none !important;
}

.header .brand,
.site-header .brand,
.nav .brand{
  gap:14px !important;
}

.header .brand-name strong,
.site-header .brand-name strong,
.nav .brand-name strong{
  font-size:19px;
  line-height:1.1;
}

.header .brand-name span,
.site-header .brand-name span,
.nav .brand-name span{
  font-size:11px;
  letter-spacing:1.4px;
}

/* Footer: keep the logo horizontal but a little smaller */
.footer .brand-logo{
  width:136px !important;
  height:58px !important;
  border-radius:16px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12) !important;
}

.footer .brand-logo img{
  padding:6px 10px !important;
  transform:none !important;
}

/* On smaller screens, avoid crowding the nav */
@media(max-width:1040px){
  .header .brand-logo,
  .site-header .brand-logo,
  .nav .brand-logo{
    width:126px !important;
    height:58px !important;
  }

  .header .brand-name strong,
  .site-header .brand-name strong,
  .nav .brand-name strong{
    font-size:17px;
  }
}

@media(max-width:740px){
  .header .brand-logo,
  .site-header .brand-logo,
  .nav .brand-logo{
    width:108px !important;
    height:52px !important;
    border-radius:15px !important;
  }

  .header .brand-logo img,
  .site-header .brand-logo img,
  .nav .brand-logo img{
    padding:5px 8px !important;
  }

  .footer .brand-logo{
    width:112px !important;
    height:52px !important;
  }
}


/* V16: premium homepage depth sections */
.info-section{
  background:
    radial-gradient(circle at 10% 8%,rgba(47,143,206,.08),transparent 28%),
    #ffffff;
}

.info-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.info-card{
  position:relative;
  min-height:210px;
  padding:26px;
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff,#f8fcff);
  border:1px solid rgba(7,24,39,.10);
  box-shadow:0 18px 46px rgba(7,31,54,.07);
  overflow:hidden;
}

.info-card::after{
  content:"";
  position:absolute;
  inset-inline-end:-42px;
  inset-block-end:-42px;
  width:120px;
  height:120px;
  border-radius:999px;
  background:rgba(47,143,206,.08);
}

.info-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:#071f36;
  color:#74d7ff;
  font-weight:950;
  margin-bottom:20px;
}

.info-card h3{
  margin:0 0 10px;
  font-size:19px;
  font-weight:950;
}

.info-card p{
  margin:0;
  color:#5d7188;
  line-height:1.75;
  font-weight:650;
  font-size:14.5px;
  position:relative;
  z-index:1;
}

.trip-types-section{
  background:
    linear-gradient(145deg,rgba(6,24,39,.88),rgba(10,53,89,.82)),
    url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1800&q=80') center/cover;
  color:#ffffff;
}

.trip-types-section .eyeline{
  color:#74d7ff;
}

.trip-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.trip-card{
  min-height:310px;
  border-radius:30px;
  padding:26px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 22px 60px rgba(0,0,0,.20);
  background-size:cover;
  background-position:center;
}

.trip-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,24,39,.10),rgba(6,24,39,.82));
}

.trip-card--one{
  background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=80');
}

.trip-card--two{
  background-image:url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1200&q=80');
}

.trip-card--three{
  background-image:url('https://images.unsplash.com/photo-1548574505-5e239809ee19?auto=format&fit=crop&w=1200&q=80');
}

.trip-card > div{
  position:relative;
  z-index:1;
}

.trip-card span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(116,215,255,.16);
  border:1px solid rgba(116,215,255,.24);
  color:#dff5ff;
  font-weight:950;
  margin-bottom:14px;
}

.trip-card h3{
  margin:0 0 8px;
  font-size:25px;
  font-weight:950;
}

.trip-card p{
  margin:0;
  color:rgba(255,255,255,.82);
  line-height:1.65;
  font-weight:700;
}

.faq-section{
  background:
    radial-gradient(circle at 90% 0%,rgba(47,143,206,.08),transparent 28%),
    #ffffff;
}

.faq-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.faq-card{
  min-height:180px;
  padding:24px;
  border-radius:24px;
  background:#ffffff;
  border:1px solid rgba(7,24,39,.10);
  box-shadow:0 16px 42px rgba(7,31,54,.07);
}

.faq-card h3{
  margin:0 0 10px;
  font-size:18px;
  font-weight:950;
  line-height:1.35;
}

.faq-card p{
  margin:0;
  color:#5d7188;
  line-height:1.75;
  font-weight:650;
  font-size:14.5px;
}

.final-cta{
  padding:72px 0;
  background:
    radial-gradient(circle at 12% 20%,rgba(116,215,255,.18),transparent 28%),
    linear-gradient(145deg,#071f36,#0a3559);
  color:#ffffff;
}

.final-cta__box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}

.final-cta .eyeline{
  color:#74d7ff;
}

.final-cta h2{
  margin:0;
  font-size:clamp(30px,4vw,48px);
  line-height:1.1;
  font-weight:950;
}

.final-cta__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.final-cta .btn-light{
  background:rgba(255,255,255,.12);
  color:#ffffff;
  border-color:rgba(255,255,255,.20);
}

body[dir="rtl"] .info-card p,
body[dir="rtl"] .faq-card p,
body[dir="rtl"] .trip-card p{
  line-height:1.9;
}

@media(max-width:1040px){
  .info-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .trip-grid,
  .faq-grid{
    grid-template-columns:1fr;
  }

  .trip-card{
    min-height:260px;
  }
}

@media(max-width:740px){
  .info-grid{
    grid-template-columns:1fr;
  }

  .final-cta__box{
    flex-direction:column;
    align-items:flex-start;
  }

  .info-card,
  .faq-card{
    min-height:auto;
  }
}