:root{--bg:#030711;--bg2:#071120;--panel:#0b1b31;--text:#f6fbff;--muted:#a9bbce;--cyan:#39dcff;--green:#3cf3a6;--blue:#158aff;--line:rgba(130,220,255,.18);--soft:rgba(255,255,255,.065);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(57,220,255,.16),transparent 30%),radial-gradient(circle at 90% 5%,rgba(60,243,166,.1),transparent 28%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(3,7,17,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:900;letter-spacing:.08em}.logo span{color:var(--cyan)}nav{display:flex;gap:24px;align-items:center;font-weight:700;color:#d7e8f7}.nav-cta{padding:11px 16px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#03101e}.menu{display:none;background:transparent;color:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:22px}.hero{min-height:calc(100vh - 76px);display:flex;align-items:center;background:linear-gradient(100deg,rgba(3,7,17,.98),rgba(3,7,17,.75)),radial-gradient(circle at 78% 30%,rgba(57,220,255,.2),transparent 34%)}.hero.small{min-height:auto;padding:90px 0}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:70px 0}.tag{display:inline-flex;color:var(--cyan);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(57,220,255,.06);margin-bottom:18px}h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}h2{font-size:clamp(32px,4.2vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}p{color:var(--muted);line-height:1.75}.hero p{font-size:19px;max-width:760px}.trust-line{border-left:4px solid var(--green);background:var(--soft);padding:15px 18px;border-radius:16px;margin:24px 0;color:#e7fbff}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.14)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan),var(--green));color:#02101d;border:0}.btn.secondary{background:rgba(255,255,255,.06);color:#fff}.tv-demo{border-radius:38px;padding:16px;background:linear-gradient(145deg,#273348,#020611);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.38)}.tv-screen{border-radius:24px;min-height:360px;padding:28px;background:radial-gradient(circle at top,rgba(57,220,255,.17),transparent 42%),linear-gradient(180deg,#102746,#071120);border:1px solid rgba(255,255,255,.09)}.tv-top{color:var(--green);font-weight:800}.tv-screen h3{font-size:32px;margin:22px 0}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tiles span{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.section{padding:90px 0}.dark{background:linear-gradient(180deg,#071423,#040914)}.head{max-width:860px;margin-bottom:38px}.grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.four{grid-template-columns:repeat(4,1fr)}article,.form,.faq details{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.18)}article:hover{border-color:rgba(57,220,255,.35)}article h3{font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.steps span{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;font-weight:800}.faq{display:grid;gap:12px}.faq details{padding:0}.faq summary{padding:22px 24px;font-weight:900;cursor:pointer}.faq p{padding:0 24px 22px}.cta{background:radial-gradient(circle at 80% 20%,rgba(60,243,166,.13),transparent 35%),linear-gradient(135deg,#08172b,#071120)}.cta-box{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:32px;padding:32px}.footer{background:#02060c;border-top:1px solid rgba(255,255,255,.1);padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer h2 span{color:var(--cyan)}.footer h3{text-transform:uppercase;letter-spacing:.12em;font-size:14px}.footer a{display:block;color:var(--muted);margin:9px 0}.footer b{color:var(--green)}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:32px;padding-top:18px;color:#90a3b4;font-size:13px;display:flex;justify-content:space-between;gap:20px}.form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:grid;gap:8px;font-weight:750;color:#dbeaf8}input,select,textarea{width:100%;padding:14px 15px;border-radius:14px;background:#071326;border:1px solid var(--line);color:#fff;font:inherit}textarea{min-height:110px}.form-block{border:1px solid var(--line);border-radius:22px;padding:20px;background:rgba(255,255,255,.035)}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check-grid label{display:flex;gap:9px;align-items:center;background:rgba(255,255,255,.045);padding:12px;border-radius:12px}.note{font-size:13px}.result{margin-top:22px;background:rgba(60,243,166,.08);border:1px solid rgba(60,243,166,.28);border-radius:22px;padding:24px}.compact{max-width:850px}.header.open nav{display:flex}@media(max-width:950px){nav{display:none;position:absolute;left:4%;right:4%;top:76px;flex-direction:column;background:#071326;border:1px solid var(--line);border-radius:20px;padding:18px}.menu{display:block}.hero-inner,.split,.cta-box,.three,.two,.four,.footer-grid,.form-grid,.check-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding:46px 0}.copyright{flex-direction:column}.section{padding:70px 0}}@media(max-width:560px){h1{font-size:38px}.actions .btn{width:100%}.tiles{grid-template-columns:1fr}.tv-screen{min-height:270px}.section{padding:58px 0}}


/* RTL Arabic Build */
html[dir="rtl"], body.rtl{direction:rtl;text-align:right}
html[dir="rtl"] .hero-inner, html[dir="rtl"] .split{direction:rtl}
html[dir="rtl"] .trust-line{border-left:0;border-right:4px solid var(--green)}
html[dir="rtl"] .actions, html[dir="rtl"] nav{direction:rtl}
html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea{text-align:right}
html[dir="rtl"] .copyright{direction:rtl}


/* ===== Arabic Tajawal Font Standard ===== */
html[lang="ar"],
html[lang="ar"] body,
body.rtl,
body.rtl *{
  font-family:'Tajawal', Arial, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
body.rtl h1,
body.rtl h2,
body.rtl h3{
  font-family:'Tajawal', Arial, sans-serif;
  font-weight:800;
  letter-spacing:0;
}
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
body.rtl p,
body.rtl a,
body.rtl label,
body.rtl input,
body.rtl select,
body.rtl textarea{
  font-family:'Tajawal', Arial, sans-serif;
  font-weight:500;
}
html[lang="ar"] .btn,
html[lang="ar"] nav,
html[lang="ar"] .tag,
body.rtl .btn,
body.rtl nav,
body.rtl .tag{
  font-family:'Tajawal', Arial, sans-serif;
  font-weight:700;
}
html[lang="ar"],
body.rtl{
  direction:rtl;
  text-align:right;
}
body.rtl .trust-line{
  border-left:0;
  border-right:4px solid var(--green);
}
body.rtl input,
body.rtl select,
body.rtl textarea{
  text-align:right;
}
body.rtl .actions,
body.rtl nav,
body.rtl .copyright{
  direction:rtl;
}

/* ===== AJMI + MACVISION Brand Update ===== */
.logo.logo-img,.brand.logo-img{display:flex;align-items:center;min-width:176px}
.logo.logo-img img,.brand.logo-img img{height:42px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(53,228,255,.16))}
.logo.logo-img .logo-fallback,.brand.logo-img .logo-fallback{display:none}
.btn.green,.nav-cta.green{background:linear-gradient(135deg,#0f8f57,#3df5a8)!important;color:#02100a!important;border:0!important}
.btn.green:hover{box-shadow:0 18px 45px rgba(61,245,168,.22)}
.footer{background:radial-gradient(circle at 20% 0%,rgba(61,245,168,.16),transparent 32%),radial-gradient(circle at 85% 10%,rgba(53,228,255,.09),transparent 34%),linear-gradient(180deg,#052014 0%,#03100b 55%,#02060c 100%)!important}
.footer-grid,.footer-top{align-items:start}
.footer-ajmi-logo{display:block;max-width:220px;height:auto;margin-bottom:18px;border-radius:18px;border:1px solid rgba(61,245,168,.22);background:rgba(255,255,255,.04)}
.footer .arabic-reg-name{margin:6px 0 12px;color:#dfffee;font-weight:800;font-size:17px;line-height:1.6}
.footer h2{color:#ffffff;font-size:24px;margin:0 0 6px}
.footer h3{color:#3df5a8}
.footer a:hover{color:#3df5a8}
.cta,#team-request.dark{background:radial-gradient(circle at 78% 18%,rgba(61,245,168,.18),transparent 34%),radial-gradient(circle at 18% 80%,rgba(53,228,255,.08),transparent 30%),linear-gradient(135deg,#052014,#061120)!important}
body.rtl .logo.logo-img,body.rtl .brand.logo-img{direction:ltr}
@media(max-width:560px){.logo.logo-img img,.brand.logo-img img{height:34px}.logo.logo-img,.brand.logo-img{min-width:130px}.footer-ajmi-logo{max-width:180px}}


/* ===== Equal Logo Size Standard - English + Arabic ===== */
.logo.logo-img,
.brand.logo-img{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.logo.logo-img img,
.brand.logo-img img{
  width:190px !important;
  height:58px !important;
  max-width:190px !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  filter:drop-shadow(0 8px 22px rgba(53,228,255,.18));
}
body.rtl .logo.logo-img,
body.rtl .brand.logo-img{
  justify-content:flex-start !important;
  direction:ltr !important;
}
body.rtl .logo.logo-img img,
body.rtl .brand.logo-img img{
  object-position:left center !important;
}
.footer-ajmi-logo{
  width:220px !important;
  height:120px !important;
  max-width:220px !important;
  max-height:120px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
}
body.rtl .footer-ajmi-logo{
  object-position:right center !important;
}
@media(max-width:560px){
  .logo.logo-img,
  .brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,
  .brand.logo-img img{
    width:150px !important;
    height:48px !important;
    max-width:150px !important;
    max-height:48px !important;
  }
  .footer-ajmi-logo{
    width:180px !important;
    height:98px !important;
    max-width:180px !important;
    max-height:98px !important;
  }
}


/* ===== FINAL EQUAL ENGLISH + ARABIC LAYOUT LOCK ===== */

/* Same global content width for English + Arabic */
.container,
.nav{
  width:min(1120px,88%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Navbar inward spacing, not touching screen edge */
.header{
  padding-left:0 !important;
  padding-right:0 !important;
}
.nav{
  padding-left:18px !important;
  padding-right:18px !important;
  border-left:1px solid rgba(255,255,255,.04);
  border-right:1px solid rgba(255,255,255,.04);
}
body.rtl .nav{
  direction:rtl;
}

/* Equal top logo size both English and Arabic */
.logo.logo-img,
.brand.logo-img{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
}
.logo.logo-img img,
.brand.logo-img img{
  width:190px !important;
  height:58px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}
.logo.logo-img .logo-fallback,
.brand.logo-img .logo-fallback{
  display:none !important;
}

/* Equal footer grid in English + Arabic */
.footer-grid,
.footer-top{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1fr !important;
  gap:30px !important;
  align-items:start !important;
}

/* AJMI footer first column centered */
.footer-grid > div:first-child,
.footer-top > div:first-child{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

/* AJMI logo PNG centered above name */
.footer-ajmi-logo{
  display:block !important;
  width:230px !important;
  height:130px !important;
  max-width:230px !important;
  max-height:130px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto 14px auto !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}

/* AJMI names centered and equal */
.footer-grid > div:first-child h2,
.footer-top > div:first-child h2{
  text-align:center !important;
  font-size:24px !important;
  line-height:1.25 !important;
  margin:0 0 6px !important;
  letter-spacing:.04em !important;
}
.footer .arabic-reg-name{
  text-align:center !important;
  direction:rtl !important;
  font-size:18px !important;
  line-height:1.7 !important;
  margin:4px 0 12px !important;
  color:#e9fff5 !important;
  font-weight:800 !important;
}
.footer-grid > div:first-child p,
.footer-top > div:first-child p,
.footer-grid > div:first-child b,
.footer-top > div:first-child b{
  text-align:center !important;
}

/* Keep other footer columns aligned naturally but same width */
body.rtl .footer-grid,
body.rtl .footer-top{
  direction:rtl !important;
}
body.rtl .footer-grid > div:first-child,
body.rtl .footer-top > div:first-child{
  text-align:center !important;
}

/* Proposal and section containers equal */
.hero-inner,
.split,
.cta-box,
.form-grid,
.grid{
  max-width:100%;
}

/* Mobile equal behavior */
@media(max-width:950px){
  .container,
  .nav{
    width:min(92%,1120px) !important;
  }
  .nav{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .footer-grid,
  .footer-top{
    grid-template-columns:1fr !important;
  }
  .footer-grid > div,
  .footer-top > div{
    text-align:center !important;
  }
  .footer a{
    text-align:center !important;
  }
}
@media(max-width:560px){
  .logo.logo-img,
  .brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,
  .brand.logo-img img{
    width:150px !important;
    height:48px !important;
  }
  .footer-ajmi-logo{
    width:190px !important;
    height:108px !important;
    max-width:190px !important;
    max-height:108px !important;
  }
}


/* ===== FINAL FONT + PNG ONLY LOGO LOCK ===== */

/* Tajawal for BOTH English and Arabic */
html,
body,
button,
input,
select,
textarea,
a,
p,
span,
label,
summary,
details{
  font-family:'Tajawal', Arial, sans-serif !important;
}
h1,h2,h3,h4,h5,h6,
.logo,
.brand,
.tag,
.eyebrow,
.btn,
nav{
  font-family:'Tajawal', Arial, sans-serif !important;
}
h1,h2{
  font-weight:800 !important;
}
h3,h4,
nav,
.btn{
  font-weight:700 !important;
}
p,label,input,select,textarea,summary{
  font-weight:500 !important;
}

/* Logo PNG only: no text fallback */
.logo.logo-img .logo-fallback,
.brand.logo-img .logo-fallback,
.logo-fallback{
  display:none !important;
}
.logo.logo-img,
.brand.logo-img{
  font-size:0 !important;
  color:transparent !important;
  line-height:0 !important;
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
}
.logo.logo-img img,
.brand.logo-img img{
  display:block !important;
  width:190px !important;
  height:58px !important;
  max-width:190px !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Same visual style, only direction differs */
body.rtl{
  direction:rtl !important;
  text-align:right !important;
}
body:not(.rtl){
  direction:ltr !important;
  text-align:left !important;
}

/* AJMI PNG footer same for both */
.footer-ajmi-logo{
  display:block !important;
  width:230px !important;
  height:130px !important;
  max-width:230px !important;
  max-height:130px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto 14px auto !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.footer-grid > div:first-child,
.footer-top > div:first-child{
  text-align:center !important;
  align-items:center !important;
}
.footer-grid > div:first-child h2,
.footer-top > div:first-child h2,
.footer .arabic-reg-name{
  text-align:center !important;
}

/* Equal nav breathing for both language pages */
.nav{
  width:min(1120px,88%) !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
.container{
  width:min(1120px,88%) !important;
}

/* Mobile */
@media(max-width:560px){
  .logo.logo-img,
  .brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,
  .brand.logo-img img{
    width:150px !important;
    height:48px !important;
    max-width:150px !important;
    max-height:48px !important;
  }
  .footer-ajmi-logo{
    width:190px !important;
    height:108px !important;
  }
}


/* ===== PROFESSIONAL FINAL LOGO + FOOTER + NAV LOCK ===== */

/* Same font for English and Arabic */
html,body,button,input,select,textarea,a,p,span,label,summary,details,h1,h2,h3,h4,h5,h6,nav,.btn,.tag,.eyebrow{
  font-family:'Tajawal', Arial, sans-serif !important;
}

/* Navbar inward and balanced */
.header{
  background:rgba(3,14,11,.88) !important;
  border-bottom:1px solid rgba(61,245,168,.16) !important;
}
.nav,.nav-wrap{
  width:min(1120px,88%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

/* PNG-only MACVISION top logo */
.logo.logo-img,.brand.logo-img{
  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;
  height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  direction:ltr !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
}
.logo.logo-img img,.brand.logo-img img{
  width:190px !important;
  height:58px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:transparent !important;
}

/* Green discuss/team CTA */
.btn.green{
  background:linear-gradient(135deg,#078747,#3df5a8) !important;
  color:#02100a !important;
  border:0 !important;
  box-shadow:0 14px 34px rgba(61,245,168,.16);
}

/* Footer professional dark green */
.footer{
  background:
    radial-gradient(circle at 18% 0%,rgba(61,245,168,.16),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(53,228,255,.09),transparent 32%),
    linear-gradient(180deg,#052014 0%,#03100b 58%,#02060c 100%) !important;
  border-top:1px solid rgba(61,245,168,.22) !important;
}

/* Equal footer grid */
.footer-grid,.footer-top{
  display:grid !important;
  grid-template-columns:1.35fr 1fr 1fr 1fr !important;
  gap:34px !important;
  align-items:start !important;
}

/* AJMI block professional centered */
.footer-company,
.footer-grid > div:first-child,
.footer-top > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

/* Transparent PNG AJMI logo */
.footer-ajmi-logo{
  width:230px !important;
  height:130px !important;
  max-width:230px !important;
  max-height:130px !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 auto 12px auto !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}

/* Name below logo */
.footer-company h2,
.footer-grid > div:first-child h2,
.footer-top > div:first-child h2{
  text-align:center !important;
  font-size:24px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  color:#fff !important;
  margin:0 0 4px !important;
  letter-spacing:.04em !important;
}
.footer .arabic-reg-name{
  text-align:center !important;
  direction:rtl !important;
  color:#e9fff5 !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1.7 !important;
  margin:4px 0 12px !important;
}
.footer-company p,
.footer-company b,
.footer-grid > div:first-child p,
.footer-grid > div:first-child b,
.footer-top > div:first-child p,
.footer-top > div:first-child b{
  text-align:center !important;
}
.footer h3{
  color:#3df5a8 !important;
}
.footer a:hover{
  color:#3df5a8 !important;
}

/* Equal English/Arabic behavior */
body.rtl .nav,body.rtl .nav-wrap,body.rtl .footer-grid,body.rtl .footer-top{
  direction:rtl !important;
}
body.rtl .logo.logo-img,body.rtl .brand.logo-img{
  direction:ltr !important;
}

/* Mobile */
@media(max-width:950px){
  .footer-grid,.footer-top{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .footer-grid > div,.footer-top > div{
    text-align:center !important;
    align-items:center !important;
  }
  .footer a{text-align:center !important}
}
@media(max-width:560px){
  .nav,.nav-wrap{
    width:min(92%,1120px) !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
  .logo.logo-img,.brand.logo-img{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:48px !important;
  }
  .logo.logo-img img,.brand.logo-img img{
    width:150px !important;
    height:48px !important;
  }
  .footer-ajmi-logo{
    width:190px !important;
    height:108px !important;
  }
}


/* ===== LOCKED HERO IMAGE UPDATE ===== */
.hero-image-panel{
  position:relative;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 90px rgba(0,0,0,.42);
  background:rgba(255,255,255,.04);
  min-height:380px;
}
.hero-hospitality-image{
  display:block;
  width:100%;
  height:100%;
  min-height:380px;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.01);
}
.hero-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.42) 100%),
    linear-gradient(90deg,rgba(3,7,17,.16),rgba(3,7,17,0));
  pointer-events:none;
}
.hero-image-caption{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(3,12,20,.72);
  border:1px solid rgba(57,220,255,.22);
  color:#eafcff;
  font-weight:800;
  font-size:13px;
  backdrop-filter:blur(10px);
}
body.rtl .hero-image-caption{
  left:auto;
  right:18px;
}
@media(max-width:950px){
  .hero-image-panel{min-height:300px;order:-1}
  .hero-hospitality-image{min-height:300px}
}
@media(max-width:560px){
  .hero-image-panel{min-height:240px;border-radius:24px}
  .hero-hospitality-image{min-height:240px}
}


/* ===== HERO IMAGE GOLD OUTLINE TEST ===== */
/* Only hero image outer outline updated. Locked sections preserved. */
.hero-image-panel{
  border:4px solid #D4AF37 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,rgba(212,175,55,.20),rgba(255,255,255,.04)) !important;
  box-shadow:
    0 0 0 1px rgba(255,235,170,.35),
    0 0 18px rgba(212,175,55,.35),
    0 0 46px rgba(212,175,55,.18),
    0 28px 80px rgba(0,0,0,.42) !important;
}
.hero-image-panel::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:24px;
  border:1px solid rgba(255,238,180,.40);
  pointer-events:none;
  z-index:3;
}
.hero-hospitality-image{
  border-radius:24px !important;
}
@media(max-width:560px){
  .hero-image-panel{
    border-width:3px !important;
    border-radius:24px !important;
  }
  .hero-image-panel::before{
    inset:4px;
    border-radius:18px;
  }
  .hero-hospitality-image{
    border-radius:18px !important;
  }
}


/* ===== HERO IMAGE DEPTH / FOREGROUND EFFECT ===== */
/* No movement, no hover animation. Only visual depth layer. */
.hero{
  position:relative !important;
  isolation:isolate !important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 74% 45%, rgba(212,175,55,.10), transparent 35%),
    linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.32));
}
.hero .container,
.hero-inner,
.hero-grid{
  position:relative !important;
  z-index:2 !important;
}
.hero-copy{
  position:relative !important;
  z-index:3 !important;
}
.hero-image-panel{
  position:relative !important;
  z-index:8 !important;
  transform:none !important;
  border:3px solid #D4AF37 !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:rgba(212,175,55,.08) !important;
  box-shadow:
    0 70px 120px rgba(0,0,0,.58),
    0 36px 70px rgba(0,0,0,.44),
    0 0 0 1px rgba(255,236,180,.32),
    0 0 22px rgba(212,175,55,.26),
    0 0 55px rgba(212,175,55,.12) !important;
}
.hero-image-panel::before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:24px;
  border:1px solid rgba(255,239,190,.38);
  pointer-events:none;
  z-index:4;
}
.hero-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 18%),
    linear-gradient(180deg, transparent 56%, rgba(0,0,0,.34) 100%);
}
.hero-hospitality-image{
  position:relative !important;
  z-index:1 !important;
  border-radius:24px !important;
  filter:contrast(1.04) saturate(1.04) brightness(1.02);
}
.hero-image-panel::selection{
  background:transparent;
}
.hero-image-caption{
  z-index:5 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
/* Adds a subtle floor shadow so image feels in front */
.hero-panel.hero-image-panel{
  margin-top:8px;
}
.hero-panel.hero-image-panel + *{
  z-index:1;
}
@media(max-width:950px){
  .hero::before{
    background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.28));
  }
  .hero-image-panel{
    box-shadow:
      0 42px 80px rgba(0,0,0,.48),
      0 0 18px rgba(212,175,55,.20) !important;
  }
}
@media(max-width:560px){
  .hero-image-panel{
    border-width:2px !important;
    border-radius:24px !important;
    box-shadow:
      0 28px 60px rgba(0,0,0,.42),
      0 0 12px rgba(212,175,55,.18) !important;
  }
  .hero-image-panel::before{
    inset:4px;
    border-radius:18px;
  }
  .hero-hospitality-image{
    border-radius:18px !important;
  }
}


/* ===== HERO IMAGE STRONG FRONT POP EFFECT ===== */
.hero{overflow:hidden!important}
.hero .container,.hero-inner,.hero-grid{position:relative!important;z-index:2!important}
.hero-copy{position:relative!important;z-index:4!important}
.hero-image-panel{
  position:relative!important;
  z-index:12!important;
  transform:scale(1.075)!important;
  transform-origin:center center!important;
  margin-right:-38px!important;
  margin-left:10px!important;
  border:3px solid #D4AF37!important;
  border-radius:32px!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(212,175,55,.16),rgba(255,255,255,.035))!important;
  box-shadow:
    0 105px 150px rgba(0,0,0,.72),
    0 62px 95px rgba(0,0,0,.55),
    0 25px 45px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,238,190,.36),
    0 0 30px rgba(212,175,55,.32),
    0 0 72px rgba(212,175,55,.18)!important;
}
body.rtl .hero-image-panel{margin-right:10px!important;margin-left:-38px!important}
.hero-image-panel::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  border-radius:42px;
  background:
    radial-gradient(circle at 50% 60%,rgba(0,0,0,.68),transparent 64%),
    linear-gradient(145deg,rgba(212,175,55,.16),transparent 55%);
  filter:blur(10px);
  pointer-events:none;
}
.hero-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:28px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.14),transparent 16%),
    linear-gradient(180deg,transparent 62%,rgba(0,0,0,.22));
}
.hero-hospitality-image{
  position:relative!important;
  z-index:1!important;
  border-radius:28px!important;
  display:block!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
  filter:contrast(1.06) saturate(1.06) brightness(1.03);
}
.hero-image-caption{z-index:5!important;bottom:18px!important;box-shadow:0 18px 42px rgba(0,0,0,.36)}
.hero::before{opacity:.85!important}
.hero-copy::after{
  content:"";
  position:absolute;
  inset:-24px -28px;
  z-index:-1;
  border-radius:30px;
  background:linear-gradient(90deg,rgba(3,7,17,.22),rgba(3,7,17,0));
  pointer-events:none;
}
@media(max-width:950px){
  .hero-image-panel{transform:scale(1.025)!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important}
  body.rtl .hero-image-panel{margin-left:0!important;margin-right:0!important}
}
@media(max-width:560px){
  .hero-image-panel{
    transform:scale(1)!important;
    border-width:2px!important;
    border-radius:24px!important;
    box-shadow:0 42px 75px rgba(0,0,0,.48),0 0 18px rgba(212,175,55,.22)!important;
  }
  .hero-image-panel::before{inset:-8px;border-radius:28px;filter:blur(7px)}
  .hero-hospitality-image{border-radius:20px!important}
}


/* ===== RIYADH CITY COLOR THEME SAMPLE ===== */
/* Preview only before lock: Dark Navy + Saudi Green + Luxury Gold */
:root{
  --riyadh-navy:#0B1F3A;
  --riyadh-navy-deep:#061426;
  --riyadh-green:#006C35;
  --riyadh-green-light:#0A8F4A;
  --riyadh-gold:#D4AF37;
  --riyadh-gold-soft:rgba(212,175,55,.34);
  --riyadh-card:rgba(255,255,255,.06);
}

/* Main background */
body{
  background:
    radial-gradient(circle at 12% -8%,rgba(0,108,53,.22),transparent 32%),
    radial-gradient(circle at 88% 8%,rgba(212,175,55,.13),transparent 32%),
    linear-gradient(180deg,var(--riyadh-navy),#030711) !important;
}

/* Header */
.header,.site-header{
  background:rgba(6,20,38,.90) !important;
  border-bottom:1px solid rgba(212,175,55,.22) !important;
}
nav a:hover,.main-nav a:hover{
  color:var(--riyadh-gold) !important;
}

/* Hero */
.hero{
  background:
    linear-gradient(100deg,rgba(11,31,58,.98),rgba(11,31,58,.78),rgba(11,31,58,.38)),
    radial-gradient(circle at 70% 30%,rgba(212,175,55,.18),transparent 35%),
    radial-gradient(circle at 15% 70%,rgba(0,108,53,.20),transparent 34%) !important;
}
.hero-copy,
.hero .hero-copy{
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(212,175,55,.30);
  border-radius:28px;
  padding:28px;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}

/* Tags / Eyebrows */
.tag,.eyebrow{
  background:rgba(0,108,53,.18) !important;
  color:var(--riyadh-gold) !important;
  border:1px solid rgba(212,175,55,.38) !important;
}

/* CTA buttons */
.btn.primary{
  background:linear-gradient(135deg,var(--riyadh-green),var(--riyadh-green-light)) !important;
  color:#fff !important;
}
.btn.secondary,
.btn.green{
  background:rgba(212,175,55,.08) !important;
  color:var(--riyadh-gold) !important;
  border:1px solid rgba(212,175,55,.46) !important;
}

/* Hero image outline */
.hero-image-panel{
  border:3px solid var(--riyadh-gold) !important;
  box-shadow:
    0 0 0 1px rgba(255,236,185,.35),
    0 0 22px rgba(212,175,55,.26),
    0 70px 130px rgba(0,0,0,.62) !important;
}

/* Cards and text boxes */
article,
.feature-card,
.challenge-grid article,
.faq-list details,
.faq details,
.proposal-form,
.form{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(212,175,55,.26) !important;
}
article:hover,
.feature-card:hover,
.challenge-grid article:hover{
  border-color:rgba(212,175,55,.55) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 18px rgba(212,175,55,.10) !important;
}

/* Dark sections */
.dark{
  background:
    radial-gradient(circle at 90% 10%,rgba(212,175,55,.08),transparent 30%),
    linear-gradient(180deg,#071b30,#04101f) !important;
}

/* CTA and Footer */
.cta,.cta-section{
  background:
    radial-gradient(circle at 80% 20%,rgba(212,175,55,.13),transparent 32%),
    linear-gradient(135deg,#052014,var(--riyadh-navy)) !important;
}
.footer{
  background:
    radial-gradient(circle at 16% 0%,rgba(212,175,55,.13),transparent 28%),
    linear-gradient(180deg,#052014,#03100B 70%,#02060c) !important;
  border-top:2px solid rgba(212,175,55,.40) !important;
}
.footer h3{
  color:var(--riyadh-gold) !important;
}
.footer a:hover{
  color:var(--riyadh-gold) !important;
}


/* ===== RIYADH THEME SAMPLE 02: GREEN BOX OUTLINE + AI BUTTON ===== */

/* Green outline for all cards / boxes */
article,
.feature-card,
.challenge-grid article,
.faq-list details,
.faq details,
.proposal-form,
.form,
.hero-copy,
.cta-box,
.form-block,
.check-grid label,
.steps span,
.mini-dashboard div{
  border-color:rgba(0,108,53,.58) !important;
  box-shadow:
    0 22px 64px rgba(0,0,0,.25),
    0 0 0 1px rgba(0,108,53,.12),
    0 0 20px rgba(0,108,53,.08) !important;
}

/* Hover green, not gold */
article:hover,
.feature-card:hover,
.challenge-grid article:hover,
.check-grid label:hover{
  border-color:rgba(0,108,53,.90) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.30),
    0 0 22px rgba(0,108,53,.18) !important;
}

/* Tag keeps Riyadh identity: green bg with gold text */
.tag,.eyebrow{
  background:rgba(0,108,53,.20) !important;
  color:#D4AF37 !important;
  border-color:rgba(0,108,53,.65) !important;
}

/* WhatsApp / consultation / green path buttons */
a[href*="wa.me"],
.btn.green,
.btn.secondary[href*="team"],
.btn.secondary[href*="WhatsApp"],
.btn.secondary{
  background:linear-gradient(135deg,#006C35,#0A8F4A) !important;
  color:#ffffff !important;
  border:1px solid rgba(61,245,168,.48) !important;
  box-shadow:0 16px 38px rgba(0,108,53,.24) !important;
}

/* AI buttons: AI color gradient */
a[href*="ai-estimate"],
.btn.primary{
  background:linear-gradient(135deg,#147DFF 0%,#35E4FF 48%,#7B61FF 100%) !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:
    0 18px 46px rgba(20,125,255,.26),
    0 0 26px rgba(53,228,255,.16) !important;
}

/* AI buttons hover */
a[href*="ai-estimate"]:hover,
.btn.primary:hover{
  box-shadow:
    0 22px 52px rgba(20,125,255,.34),
    0 0 34px rgba(53,228,255,.22) !important;
}

/* Hero image keeps premium gold outline only */
.hero-image-panel{
  border-color:#D4AF37 !important;
}

/* Footer columns green line feel */
.footer-grid > div,
.footer-top > div{
  border-top:1px solid rgba(0,108,53,.42);
  padding-top:14px;
}
.footer-company,
.footer-grid > div:first-child,
.footer-top > div:first-child{
  border-top:1px solid rgba(212,175,55,.34) !important;
}

/* FAQ open state green */
.faq details[open],
.faq-list details[open]{
  border-color:rgba(0,108,53,.82) !important;
  background:linear-gradient(180deg,rgba(0,108,53,.12),rgba(255,255,255,.028)) !important;
}


/* ===== FINAL TEST MERGED: HERO BLUE TEXT LOCK ===== */

/* Hero main title old blue/cyan technology feel */
.hero h1,
.hero-copy h1,
.proposal-hero h1,
.hero.small h1{
  color:#35E4FF !important;
  text-shadow:
    0 0 18px rgba(53,228,255,.20),
    0 18px 48px rgba(0,0,0,.42) !important;
}

/* Hero paragraph and trust remain readable */
.hero p,
.hero-copy p{
  color:#EAF7FF !important;
}

/* Hero tag remains Riyadh green + gold */
.hero .tag,
.hero .eyebrow{
  background:rgba(0,108,53,.22) !important;
  color:#D4AF37 !important;
  border-color:rgba(0,108,53,.70) !important;
}

/* Keep gold only for image outline and selected premium accents */
.hero-image-panel{
  border-color:#D4AF37 !important;
}

/* Make hero text box green outline softer, not gold heavy */
.hero-copy{
  border-color:rgba(0,108,53,.60) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.065),rgba(0,108,53,.045)) !important;
}

/* English + Arabic visual parity */
html[lang="ar"] .hero h1,
body.rtl .hero h1{
  color:#35E4FF !important;
}


/* FINAL UPDATE - CYAN TAGS + RIGHT NAV */
.tag,.eyebrow,.section-tag,.mini-tag{
 background:rgba(53,228,255,.12)!important;
 border:1px solid rgba(53,228,255,.35)!important;
 color:#35E4FF!important;
}

.nav,.navbar,.nav-wrap{
 justify-content:space-between!important;
}

.nav-links,.menu,.navbar-menu{
 margin-left:auto!important;
 justify-content:flex-end!important;
}

body.rtl .nav-links,
body.rtl .menu,
body.rtl .navbar-menu{
 margin-right:auto!important;
 margin-left:0!important;
 justify-content:flex-end!important;
}


/* ===== SAME INDEX LANGUAGE + FOOTER VISION SAMPLE ===== */

/* Language switch in navbar right side */
.lang-switch{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(53,228,255,.38);
  background:rgba(53,228,255,.10);
  color:#35E4FF!important;
  font-weight:800;
  white-space:nowrap;
}
.lang-switch:hover{
  background:rgba(53,228,255,.18);
  color:#fff!important;
}

/* Same index Arabic sample section */
.same-index-arabic{
  background:
    radial-gradient(circle at 80% 0%,rgba(53,228,255,.08),transparent 32%),
    linear-gradient(180deg,#061426,#04101f);
  border-top:1px solid rgba(53,228,255,.12);
  border-bottom:1px solid rgba(53,228,255,.12);
}
.same-index-arabic .head,
.same-index-arabic article{
  text-align:right;
}
.arabic-same-index-actions{
  margin-top:24px;
  justify-content:flex-start;
}

/* Footer Vision 2030 faded background watermark */
.footer{
  position:relative;
  overflow:hidden;
}
.footer-vision-watermark{
  position:absolute;
  right:5%;
  bottom:18%;
  z-index:0;
  pointer-events:none;
  opacity:.075;
  text-align:right;
  transform:rotate(-2deg);
}
.footer-vision-watermark span{
  display:block;
  font-size:64px;
  line-height:1;
  font-weight:900;
  color:#D4AF37;
  letter-spacing:.02em;
}
.footer-vision-watermark small{
  display:block;
  margin-top:10px;
  font-size:16px;
  font-weight:800;
  color:#3df5a8;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer .container,
.footer-grid,
.footer-top,
.copyright{
  position:relative;
  z-index:2;
}

/* Arabic footer AJMI logo/title middle alignment */
body.rtl .footer-company,
body.rtl .footer-grid > div:first-child,
body.rtl .footer-top > div:first-child,
.footer-company,
.footer-grid > div:first-child,
.footer-top > div:first-child{
  align-items:center!important;
  text-align:center!important;
  justify-content:flex-start!important;
}
body.rtl .footer-ajmi-logo,
.footer-ajmi-logo{
  margin-left:auto!important;
  margin-right:auto!important;
  object-position:center center!important;
}
body.rtl .footer-company h2,
body.rtl .footer .arabic-reg-name,
.footer-company h2,
.footer .arabic-reg-name{
  text-align:center!important;
  width:100%;
}

/* Keep nav links right aligned with language switch */
.nav nav,
.nav-wrap nav,
.main-nav{
  margin-left:auto!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
body.rtl .nav nav,
body.rtl .nav-wrap nav,
body.rtl .main-nav{
  margin-right:auto!important;
  margin-left:0!important;
  justify-content:flex-end!important;
}

/* Mobile */
@media(max-width:950px){
  .footer-vision-watermark{
    right:0;
    left:0;
    bottom:8%;
    text-align:center;
    transform:none;
  }
  .footer-vision-watermark span{
    font-size:38px;
  }
  .footer-vision-watermark small{
    font-size:11px;
  }
  .same-index-arabic .head,
  .same-index-arabic article{
    text-align:center;
  }
  .arabic-same-index-actions{
    justify-content:center;
  }
}


/* ===== FINAL LANGUAGE SWITCH PAGE ROUTING ===== */
.lang-switch{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(53,228,255,.42)!important;
  background:rgba(53,228,255,.10)!important;
  color:#35E4FF!important;
  font-weight:800!important;
  white-space:nowrap!important;
  margin-left:10px!important;
}
body.rtl .lang-switch{
  margin-left:0!important;
  margin-right:10px!important;
}
.lang-switch:hover{
  background:rgba(53,228,255,.18)!important;
  color:#fff!important;
}
.nav nav,
.nav-wrap nav,
.main-nav{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body.rtl .nav nav,
body.rtl .nav-wrap nav,
body.rtl .main-nav{
  margin-right:auto!important;
  margin-left:0!important;
  justify-content:flex-end!important;
}
@media(max-width:950px){
  .lang-switch{
    margin:8px 0 0 0!important;
  }
}

/* ===== RIYADH MASTER FINAL POLISH ===== */
:root{--riyadh-navy:#0B1F3A;--riyadh-green:#006C35;--riyadh-gold:#D4AF37;--riyadh-cyan:#35E4FF}
.tag,.eyebrow,.section-tag,.mini-tag{background:rgba(53,228,255,.12)!important;border:1px solid rgba(53,228,255,.35)!important;color:#35E4FF!important}
article,.feature-card,.challenge-grid article,.faq-list details,.faq details,.proposal-form,.form,.form-block,.check-grid label,.steps span,.mini-dashboard div,.cta-box{border-color:rgba(0,108,53,.58)!important}
a[href*="wa.me"],.btn.green{background:linear-gradient(135deg,#006C35,#0A8F4A)!important;color:#fff!important;border:1px solid rgba(61,245,168,.48)!important}
.btn.primary,a[href*="ai-estimate"]{background:linear-gradient(135deg,#147DFF 0%,#35E4FF 48%,#7B61FF 100%)!important;color:#fff!important;border:0!important}
.lang-switch{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 14px!important;border-radius:999px!important;border:1px solid rgba(53,228,255,.42)!important;background:rgba(53,228,255,.10)!important;color:#35E4FF!important;font-weight:800!important;white-space:nowrap!important;margin-left:10px!important}
body.rtl .lang-switch{margin-left:0!important;margin-right:10px!important}
.lang-switch:hover{background:rgba(53,228,255,.18)!important;color:#fff!important}
.nav,.nav-wrap{width:min(1120px,88%)!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}
.nav nav,.nav-wrap nav,.main-nav{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
body.rtl .nav nav,body.rtl .nav-wrap nav,body.rtl .main-nav{margin-right:auto!important;margin-left:0!important;justify-content:flex-end!important}
.hero-image-panel{border-color:#D4AF37!important}
.footer{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 0%,rgba(212,175,55,.13),transparent 28%),radial-gradient(circle at 86% 10%,rgba(0,108,53,.16),transparent 34%),linear-gradient(180deg,#052014,#03100B 70%,#02060c)!important;border-top:2px solid rgba(212,175,55,.40)!important}
.footer-vision-watermark{position:absolute;right:5%;bottom:18%;z-index:0;pointer-events:none;opacity:.075;text-align:right;transform:rotate(-2deg)}
.footer-vision-watermark span{display:block;font-size:64px;line-height:1;font-weight:900;color:#D4AF37}
.footer-vision-watermark small{display:block;margin-top:10px;font-size:16px;font-weight:800;color:#3df5a8;letter-spacing:.08em;text-transform:uppercase}
.footer .container,.footer-grid,.footer-top,.copyright{position:relative;z-index:2}
.footer-company,.footer-grid>div:first-child,.footer-top>div:first-child{align-items:center!important;text-align:center!important}
.footer-ajmi-logo{margin-left:auto!important;margin-right:auto!important;object-position:center center!important}
.footer .arabic-reg-name,.footer-company h2{text-align:center!important;width:100%}
.proposal-simple-hero{min-height:auto!important;padding:92px 0!important}
.proposal-simple-form{max-width:1100px;margin:auto}
.proposal-simple-form .btn{justify-self:start}
body.rtl .proposal-simple-form .btn{justify-self:end}
@media(max-width:950px){.footer-vision-watermark{right:0;left:0;bottom:8%;text-align:center;transform:none}.footer-vision-watermark span{font-size:38px}.footer-vision-watermark small{font-size:11px}.nav nav,.nav-wrap nav,.main-nav{margin-left:0!important}}
@media(max-width:560px){.nav,.nav-wrap{width:min(92%,1120px)!important;padding-left:10px!important;padding-right:10px!important}}


/* ===== MAKKAH CITY THEME OVERRIDES - CLIENT READY ===== */
:root{
  --bg:#03130d;
  --bg2:#052417;
  --panel:#082b1c;
  --text:#fbfff9;
  --muted:#c7d9cf;
  --cyan:#d6b46b;
  --green:#0f8f57;
  --blue:#0b6b41;
  --line:rgba(212,175,55,.28);
  --soft:rgba(212,175,55,.075);
}
body{font-family:'Tajawal',Arial,sans-serif!important;background:radial-gradient(circle at 12% -8%,rgba(15,143,87,.24),transparent 32%),radial-gradient(circle at 90% 5%,rgba(212,175,55,.16),transparent 28%),#03130d!important;}
.header{background:rgba(2,22,14,.88)!important;border-bottom:1px solid rgba(212,175,55,.18)!important;}
nav{color:#f3f8ef!important}.nav-cta{background:linear-gradient(135deg,#b88a26,#f1d587)!important;color:#07150e!important}.tag{color:#f1d587!important;border-color:rgba(212,175,55,.32)!important;background:rgba(212,175,55,.08)!important}.hero{background:radial-gradient(circle at 85% 35%,rgba(212,175,55,.14),transparent 35%),linear-gradient(100deg,rgba(2,20,13,.98),rgba(4,39,25,.75))!important}.btn.primary{background:linear-gradient(135deg,#b88a26,#f4d88b,#0f8f57)!important;color:#06150e!important}.btn.secondary{border-color:rgba(212,175,55,.36)!important}.btn.green{background:linear-gradient(135deg,#0c6b42,#13a767)!important;color:#fff!important}.trust-line{border-left-color:#d4af37!important;color:#fff8df!important}.dark{background:linear-gradient(180deg,#052417,#03110b)!important}article:hover{border-color:rgba(212,175,55,.45)!important}.cta{background:radial-gradient(circle at 78% 18%,rgba(212,175,55,.20),transparent 34%),linear-gradient(135deg,#052417,#03130d)!important}.footer{background:radial-gradient(circle at 20% 0%,rgba(212,175,55,.16),transparent 32%),linear-gradient(180deg,#052417 0%,#03130d 55%,#020805 100%)!important}.footer h3,.footer b{color:#f1d587!important}.footer a:hover{color:#f1d587!important}.hero-image-caption{border-color:rgba(212,175,55,.36)!important;color:#fff8df!important;background:rgba(2,22,14,.72)!important}.hero-image-panel{border-color:#d4af37!important}.hero-hospitality-image{object-position:center center!important}.steps span{border-color:rgba(212,175,55,.25)!important}.faq summary{color:#fff!important}
body.rtl .trust-line{border-right-color:#d4af37!important}
@media(max-width:950px){.hero-image-panel{order:0!important}}


/* ===== Madinah Final Approved Additions ===== */
.more-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#f1d587!important;font-weight:900;border-bottom:1px solid rgba(212,175,55,.35);padding-bottom:4px}
.section-more{margin-top:4px;margin-bottom:8px}
.trust-layout{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:center}
.trust-circle{width:240px;height:240px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:auto;background:radial-gradient(circle at 35% 25%,rgba(244,216,139,.32),rgba(6,38,25,.88));border:2px solid rgba(212,175,55,.72);box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 0 40px rgba(212,175,55,.12)}
.trust-circle strong{font-size:64px;line-height:.9;color:#f4d88b;letter-spacing:-.06em}
.trust-circle span{font-size:22px;font-weight:900;color:#fff;margin-top:6px}
.trust-circle small{margin-top:8px;color:#d8ffe9;font-weight:800;line-height:1.35}
nav{gap:16px!important;font-size:14px!important}
.hero-hospitality-image{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block}
@media(max-width:950px){.trust-layout{grid-template-columns:1fr}.trust-circle{width:210px;height:210px}.trust-circle strong{font-size:54px}nav{font-size:15px!important;gap:14px!important}}


/* MACVISION Madinah final approved UI override: green section labels and More links */
.tag,.eyebrow,.section-tag,.mini-tag{
  color:#3cf3a6!important;
  border-color:rgba(60,243,166,.45)!important;
  background:rgba(60,243,166,.08)!important;
}
.more-link,.section-more{
  color:#3cf3a6!important;
  border-bottom-color:rgba(60,243,166,.45)!important;
}
.more-link:hover,.section-more:hover{
  color:#7fffc4!important;
  border-bottom-color:rgba(127,255,196,.7)!important;
}
html[lang="ar"] nav#navMenu, body.rtl nav#navMenu{
  direction:rtl;
  text-align:right;
}


/* ===== MACVISION MADINAH FINAL PRODUCTION POLISH ===== */
:root{
  --madinah-green:#11a86b;
  --madinah-green-soft:rgba(17,168,107,.12);
  --madinah-green-line:rgba(17,168,107,.45);
  --madinah-gold:#d4af37;
  --madinah-text:#f7fff9;
}
.tag,.eyebrow,.section-tag,.mini-tag{
  color:#3cf3a6!important;
  border-color:rgba(60,243,166,.45)!important;
  background:rgba(60,243,166,.08)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.more-link,.section-more{
  color:#3cf3a6!important;
  border-bottom-color:rgba(60,243,166,.45)!important;
  text-decoration:none!important;
  transition:.25s ease!important;
}
.more-link:hover,.section-more:hover{
  color:#7fffc4!important;
  border-bottom-color:rgba(127,255,196,.7)!important;
  transform:translateY(-1px);
}
nav#navMenu a{line-height:1.2!important}
body.rtl, html[lang="ar"]{direction:rtl;text-align:right;}
body.rtl .hero-copy, html[lang="ar"] .hero-copy,
body.rtl .head, html[lang="ar"] .head,
body.rtl article, html[lang="ar"] article,
body.rtl .footer, html[lang="ar"] .footer{text-align:right!important;}
body.rtl .hero-inner, html[lang="ar"] .hero-inner{direction:rtl;}
body.rtl nav#navMenu, html[lang="ar"] nav#navMenu{
  direction:rtl!important;
  text-align:right!important;
  justify-content:flex-end!important;
}
body.rtl .actions, html[lang="ar"] .actions{justify-content:flex-start;}
body.rtl .trust-line, html[lang="ar"] .trust-line{
  border-left:0!important;
  border-right:3px solid var(--madinah-gold)!important;
  padding-left:0!important;
  padding-right:16px!important;
}
body.rtl .hero-copy h1, html[lang="ar"] .hero-copy h1{
  line-height:1.22!important;
  max-width:760px;
}
body.rtl .hero-copy p, html[lang="ar"] .hero-copy p,
body.rtl .head p, html[lang="ar"] .head p,
body.rtl article p, html[lang="ar"] article p{
  line-height:1.95!important;
  word-spacing:.04em;
}
.trust-section{position:relative;overflow:hidden;}
.trust-section:before{
  content:"";position:absolute;inset:8% auto auto 4%;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.14),transparent 68%);pointer-events:none;
}
.trust-layout{
  display:grid!important;
  grid-template-columns:minmax(220px,300px) 1fr!important;
  gap:52px!important;
  align-items:center!important;
}
.trust-circle{
  width:248px!important;height:248px!important;border-radius:50%!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  margin:auto!important;
  background:radial-gradient(circle at 35% 25%,rgba(244,216,139,.34),rgba(9,54,34,.92) 58%,rgba(2,18,11,.98))!important;
  border:2px solid rgba(212,175,55,.78)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 0 44px rgba(212,175,55,.13),0 0 0 10px rgba(212,175,55,.035)!important;
  position:relative!important;
}
.trust-circle:after{
  content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(255,255,255,.12);
}
.trust-circle strong{font-size:68px!important;line-height:.88!important;color:#f4d88b!important;letter-spacing:-.06em!important;z-index:1;}
.trust-circle span{font-size:22px!important;font-weight:900!important;color:#fff!important;margin-top:6px!important;z-index:1;}
.trust-circle small{margin-top:10px!important;color:#d8ffe9!important;font-weight:900!important;line-height:1.4!important;max-width:150px!important;z-index:1;}
body.rtl .trust-layout, html[lang="ar"] .trust-layout{direction:rtl;}
body.rtl .trust-circle strong, html[lang="ar"] .trust-circle strong{font-family:Arial,Tajawal,sans-serif;}
.hero-image-panel{overflow:hidden!important;}
.hero-hospitality-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;}
.footer-grid{align-items:start!important;}
@media(max-width:950px){
  .trust-layout{grid-template-columns:1fr!important;gap:30px!important;}
  .trust-circle{width:210px!important;height:210px!important;}
  .trust-circle strong{font-size:56px!important;}
  body.rtl .actions, html[lang="ar"] .actions{justify-content:center;}
  body.rtl .hero-copy, html[lang="ar"] .hero-copy{text-align:center!important;}
  body.rtl .trust-line, html[lang="ar"] .trust-line{border-right:0!important;padding-right:0!important;}
}


/* MACVISION city-site UI alignment optimization */
.active-city{color:var(--green);font-weight:900}
.nav a{white-space:nowrap}
.hero-copy,.head,.section p,.grid article,.faq details,.cta-box{text-wrap:pretty}
html[dir="rtl"] body, body[dir="rtl"]{text-align:right}
html[dir="rtl"] .hero-copy, html[dir="rtl"] .head, html[dir="rtl"] .grid article, html[dir="rtl"] .faq details, html[dir="rtl"] .cta-box{text-align:right}
html[dir="rtl"] .actions, html[dir="rtl"] .chip-row{justify-content:flex-start}
.hero h1{overflow-wrap:normal;word-break:normal}
.hero-copy{max-width:720px}
.hero-image-panel img,.hero-hospitality-image{max-width:100%;height:auto;object-fit:contain}
@media(max-width:980px){
  .nav{height:auto;min-height:72px;padding:12px 0;gap:14px}
  nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}
  .hero-inner,.split,.cta-box{grid-template-columns:1fr!important}
  .hero-copy{max-width:100%;text-align:center}
  html[dir="rtl"] .hero-copy{text-align:center}
  .actions,.chip-row,html[dir="rtl"] .actions,html[dir="rtl"] .chip-row{justify-content:center}
  .hero h1{font-size:clamp(36px,8vw,64px);line-height:1.08}
  .hero p,.section p{font-size:clamp(16px,4vw,19px);line-height:1.7}
  .hero-image-panel{margin-inline:auto;max-width:620px}
}
@media(max-width:560px){
  .container{width:min(94%,100%)}
  .nav{align-items:center}
  .logo-img img{max-width:160px;height:auto}
  .hero{padding-top:36px;padding-bottom:42px}
  .hero h1{font-size:clamp(32px,10vw,46px);line-height:1.12}
  .head h2,.section h2{font-size:clamp(26px,8vw,36px);line-height:1.18}
  .grid.three,.grid.four{grid-template-columns:1fr!important}
  .btn{width:100%;justify-content:center;text-align:center}
  .footer-grid{gap:28px}
}


/* ===== FINAL MOBILE MENU FIX - CITY NETWORK STANDARD ===== */
@media (max-width: 950px){
  .header .nav{
    position: relative !important;
  }
  .header nav#navMenu{
    display: none !important;
    position: absolute !important;
    top: 76px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 18px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    background: rgba(5, 17, 34, .98) !important;
    border: 1px solid rgba(53, 228, 255, .28) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.42) !important;
    z-index: 9999 !important;
  }
  .header.open nav#navMenu{
    display: flex !important;
  }
  .header nav#navMenu a{
    display: block !important;
    width: 100% !important;
    padding: 12px 14px !important;
    text-align: center !important;
    border-radius: 12px !important;
    line-height: 1.2 !important;
  }
  html[dir="rtl"] .header nav#navMenu a,
  body.rtl .header nav#navMenu a{
    text-align: center !important;
  }
  .header .menu{
    display: block !important;
    z-index: 10000 !important;
  }
}
@media (min-width: 951px){
  .header nav#navMenu{
    display: flex !important;
  }
}


/* === MACVISION GLOBAL CITY MENU STANDARD — RIYADH STYLE === */
.header .nav{min-height:76px !important;}
.header nav#navMenu{
  gap:24px !important;
  align-items:center !important;
  font-family:'Tajawal', Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
.header nav#navMenu a{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.header nav#navMenu .lang-switch{
  font-size:14px !important;
  padding:10px 14px !important;
}
@media (max-width: 860px){
  .header .nav{
    height:auto !important;
    min-height:76px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .header nav#navMenu{
    display:none !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100% !important;
    flex:0 0 100% !important;
    order:3 !important;
    margin:12px 0 0 0 !important;
    padding:14px 16px !important;
    background:#071326 !important;
    border:1px solid var(--line) !important;
    border-radius:20px !important;
    box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    z-index:100000 !important;
  }
  .header nav#navMenu.open{display:flex !important;}
  .header nav#navMenu a{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    font-size:14px !important;
    line-height:1.25 !important;
  }
}


/* =========================================================
   MAKKAH FINAL GETUP + RIYADH STYLE MOBILE MENU + READABILITY
   Content and SEO untouched.
   ========================================================= */

.active-city{
  color:#3cf3a6 !important;
  font-weight:900 !important;
}

.header nav#navMenu a{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.header nav#navMenu .nav-cta,
.header nav#navMenu .lang-switch{
  font-size:14px !important;
  font-weight:900 !important;
}

.section p,
.grid article p,
.faq p,
.footer p,
.footer a{
  line-height:1.75;
}

.hero-copy p{
  line-height:1.75;
}

/* Riyadh style mobile dropdown menu — applies to every city */
@media (max-width:950px){

  .header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
    height:auto !important;
    overflow:visible !important;
  }

  .header .nav{
    height:auto !important;
    min-height:76px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    padding:12px 0 !important;
  }

  .header .logo,
  .header .logo.logo-img{
    order:1 !important;
  }

  .header .menu,
  #menuBtn{
    display:block !important;
    order:2 !important;
    margin-left:auto !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    border-radius:12px !important;
    font-size:24px !important;
    line-height:40px !important;
    text-align:center !important;
    background:rgba(57,220,255,.08) !important;
    border:1px solid rgba(57,220,255,.35) !important;
    color:#fff !important;
  }

  .header nav#navMenu{
    display:none !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100% !important;
    flex:0 0 100% !important;
    order:3 !important;
    margin:12px 0 0 0 !important;
    padding:14px 16px !important;
    background:#071326 !important;
    border:1px solid rgba(57,220,255,.22) !important;
    border-radius:20px !important;
    box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    z-index:1 !important;
  }

  .header.open nav#navMenu,
  nav#navMenu.open{
    display:flex !important;
  }

  .header nav#navMenu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    margin:0 !important;
    border-radius:13px !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    text-align:center !important;
    color:#f6fbff !important;
  }

  .header nav#navMenu a:hover,
  .header nav#navMenu a:focus{
    background:rgba(57,220,255,.08) !important;
  }

  .header nav#navMenu .nav-cta,
  .header nav#navMenu .lang-switch{
    width:auto !important;
    min-width:120px !important;
    align-self:center !important;
    padding:10px 16px !important;
    font-size:13px !important;
    border-radius:999px !important;
  }

  .hero{
    min-height:auto !important;
  }

  .hero-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding:34px 0 44px !important;
  }

  .hero-copy{
    text-align:center !important;
    max-width:100% !important;
  }

  .hero-copy h1,
  h1{
    font-size:clamp(34px,9vw,48px) !important;
    line-height:1.08 !important;
    letter-spacing:-.03em !important;
  }

  .hero-copy p{
    font-size:15px !important;
    line-height:1.7 !important;
  }

  .actions{
    justify-content:center !important;
    gap:12px !important;
  }

  .btn{
    min-height:44px !important;
    padding:12px 16px !important;
    font-size:14px !important;
  }

  .section{
    padding:56px 0 !important;
  }

  .head h2,
  .section h2{
    font-size:clamp(28px,7vw,38px) !important;
    line-height:1.16 !important;
  }

  .grid,
  .grid.three,
  .grid.four,
  .split{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .grid article,
  .steps,
  .cta-box{
    padding:24px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    text-align:center !important;
    gap:24px !important;
  }
}

@media (max-width:520px){
  .container{
    width:min(92%, 390px) !important;
  }

  .hero-copy h1,
  h1{
    font-size:clamp(31px,8.7vw,42px) !important;
  }

  .tag{
    font-size:11px !important;
    line-height:1.2 !important;
    justify-content:center !important;
  }

  .hero-panel,
  .hero-image-panel{
    border-radius:22px !important;
  }

  .hero-hospitality-image{
    border-radius:18px !important;
  }
}

body.rtl .hero-copy,
html[dir="rtl"] .hero-copy{
  text-align:right;
}

@media (max-width:950px){
  body.rtl .hero-copy,
  html[dir="rtl"] .hero-copy{
    text-align:center !important;
  }

  body.rtl .header nav#navMenu a,
  html[dir="rtl"] .header nav#navMenu a{
    text-align:center !important;
  }
}


/* ===== MAKKAH SINGLE FINAL FIX V6 ===== */
/* Single-city final fix: keep content/SEO untouched, standardize mobile menu and hero order. */
.header nav#navMenu{
  font-family:'Tajawal', Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  gap:24px !important;
  align-items:center !important;
}
.header nav#navMenu a{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
.hero-inner{
  align-items:center !important;
}
.hero-actions{
  grid-column:1 !important;
  grid-row:2 !important;
  justify-content:flex-start !important;
  margin-top:-22px !important;
}
.hero-panel.hero-image-panel{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
}
html[dir="rtl"] .hero-actions,
body.rtl .hero-actions{
  justify-content:flex-end !important;
}
.active-city{
  color:#3cf3a6 !important;
  font-weight:900 !important;
}

@media (max-width:950px){
  .header .nav{
    position:relative !important;
    min-height:76px !important;
  }
  .header .menu{
    display:block !important;
    z-index:10001 !important;
  }
  .header nav#navMenu{
    display:none !important;
    position:absolute !important;
    top:76px !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:16px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    background:rgba(3,19,13,.98) !important;
    border:1px solid rgba(212,175,55,.28) !important;
    border-radius:20px !important;
    box-shadow:0 26px 70px rgba(0,0,0,.45) !important;
    z-index:10000 !important;
  }
  .header.open nav#navMenu,
  nav#navMenu.open{
    display:flex !important;
  }
  .header nav#navMenu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    border-radius:13px !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    text-align:center !important;
  }
  .hero-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:38px 0 46px !important;
  }
  .hero-copy{
    grid-column:1 !important;
    grid-row:1 !important;
    text-align:center !important;
    max-width:100% !important;
  }
  .hero-panel.hero-image-panel{
    grid-column:1 !important;
    grid-row:2 !important;
    order:0 !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    align-self:center !important;
  }
  .hero-actions{
    grid-column:1 !important;
    grid-row:3 !important;
    justify-content:center !important;
    margin-top:0 !important;
    width:100% !important;
  }
  html[dir="rtl"] .hero-actions,
  body.rtl .hero-actions{
    justify-content:center !important;
  }
  .hero-copy h1,
  h1{
    font-size:clamp(32px,8.8vw,46px) !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
  }
  .hero-copy p{
    font-size:15.5px !important;
    line-height:1.72 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:560px){
  .container{
    width:min(92%,390px) !important;
  }
  .hero-panel.hero-image-panel{
    max-width:100% !important;
  }
  .hero-hospitality-image{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    object-fit:contain !important;
  }
  .hero-actions .btn{
    width:100% !important;
  }
}


/* ===== MAKKAH FINAL ALIGNMENT CHECK V7 ===== */
/* Master mobile rule: TV image first, content second, CTA third. Content and SEO untouched. */
@media (max-width:950px){
  .hero-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:34px 0 44px !important;
    align-items:center !important;
  }

  .hero-panel.hero-image-panel{
    grid-column:1 !important;
    grid-row:1 !important;
    order:1 !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    overflow:hidden !important;
  }

  .hero-copy{
    grid-column:1 !important;
    grid-row:2 !important;
    order:2 !important;
    text-align:center !important;
    max-width:100% !important;
    margin:0 auto !important;
  }

  .hero-actions{
    grid-column:1 !important;
    grid-row:3 !important;
    order:3 !important;
    justify-content:center !important;
    margin-top:0 !important;
    width:100% !important;
  }

  .hero-image-caption{
    display:none !important;
  }

  .hero-hospitality-image{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    object-fit:contain !important;
    display:block !important;
  }

  .hero-copy h1,
  h1{
    text-align:center !important;
    font-size:clamp(31px,8.7vw,44px) !important;
    line-height:1.12 !important;
  }

  .hero-copy p,
  .trust-line{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  html[dir="rtl"] .hero-copy,
  body.rtl .hero-copy,
  html[dir="rtl"] .hero-copy h1,
  body.rtl .hero-copy h1,
  html[dir="rtl"] .hero-copy p,
  body.rtl .hero-copy p,
  html[dir="rtl"] .trust-line,
  body.rtl .trust-line{
    text-align:center !important;
  }
}

@media (max-width:560px){
  .hero-inner{
    gap:18px !important;
    padding-top:24px !important;
  }

  .hero-panel.hero-image-panel{
    max-width:100% !important;
    border-radius:22px !important;
  }

  .hero-actions{
    gap:10px !important;
  }

  .hero-actions .btn,
  .actions .btn{
    width:100% !important;
    min-height:46px !important;
  }
}


/* =========================================================
   MAKKAH FINAL CONSISTENCY PASS
   Content/SEO untouched. UI, menu, mobile order and alignment only.
   ========================================================= */

/* Header/menu: Riyadh-style compact consistent menu */
.header .nav{
  min-height:76px;
}
.header nav#navMenu{
  gap:24px !important;
  align-items:center !important;
}
.header nav#navMenu a{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
.header nav#navMenu .lang-switch{
  font-size:13px !important;
}

/* Footer current city highlight */
.active-city{
  color:#3cf3a6 !important;
  font-weight:900 !important;
}

/* Desktop hero spacing */
.hero-inner{
  align-items:center !important;
}
.hero-copy{
  max-width:760px !important;
}
.hero-copy .hero-actions{
  margin-top:22px !important;
}
.hero-image-panel{
  overflow:hidden !important;
}
.hero-hospitality-image{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
}

/* Arabic readable line-height */
body.rtl h1,
html[dir="rtl"] h1{
  line-height:1.15 !important;
  letter-spacing:0 !important;
}
body.rtl .hero-copy,
html[dir="rtl"] .hero-copy{
  text-align:right !important;
}

/* Mobile menu behavior and getup */
@media (max-width:950px){
  .header .nav{
    height:72px !important;
    min-height:72px !important;
  }
  .header nav#navMenu{
    display:none !important;
    position:absolute !important;
    top:72px !important;
    left:4% !important;
    right:4% !important;
    z-index:9999 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:14px !important;
    background:#071326 !important;
    border:1px solid rgba(130,220,255,.18) !important;
    border-radius:20px !important;
    box-shadow:0 26px 70px rgba(0,0,0,.45) !important;
  }
  .header.open nav#navMenu,
  .header nav#navMenu.open{
    display:flex !important;
  }
  .header nav#navMenu a{
    display:block !important;
    width:100% !important;
    padding:13px 14px !important;
    font-size:15px !important;
    line-height:1.25 !important;
    border-radius:14px !important;
  }
  .header nav#navMenu a:hover{
    background:rgba(255,255,255,.06) !important;
  }
  .menu{
    display:block !important;
    flex:0 0 auto !important;
  }

  /* Global mobile hero order: TV image -> content -> buttons */
  .hero-inner{
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
    padding:30px 0 42px !important;
  }
  .hero-image-panel{
    order:1 !important;
    width:100% !important;
    min-height:auto !important;
    margin:0 auto 4px !important;
    border-radius:22px !important;
  }
  .hero-copy{
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    text-align:left !important;
  }
  body.rtl .hero-copy,
  html[dir="rtl"] .hero-copy{
    text-align:right !important;
  }
  .hero-copy .hero-actions{
    margin-top:20px !important;
    order:3 !important;
  }
  .hero-hospitality-image{
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }
  /* Mobile clean: no TV popup/badge/overlay labels */
  .hero-image-caption{
    display:none !important;
  }
  .hero-image-panel::after{
    display:none !important;
  }
  .hero-image-panel::before{
    pointer-events:none !important;
  }
  .hero p{
    font-size:16px !important;
    line-height:1.65 !important;
  }
  h1{
    font-size:clamp(34px, 9vw, 44px) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
  }
  body.rtl h1,
  html[dir="rtl"] h1{
    letter-spacing:0 !important;
    line-height:1.18 !important;
  }
  .actions{
    width:100% !important;
    gap:12px !important;
  }
  .actions .btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media (max-width:560px){
  .container{
    width:min(100% - 28px, 1180px) !important;
  }
  .hero-inner{
    padding-top:22px !important;
    gap:18px !important;
  }
  .tag{
    font-size:10.5px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  .trust-line{
    font-size:14px !important;
    line-height:1.55 !important;
    padding:13px 14px !important;
    margin:18px 0 0 !important;
  }
  .hero-image-panel{
    border-radius:20px !important;
  }
  .hero-hospitality-image{
    border-radius:16px !important;
  }
  .section{
    padding:54px 0 !important;
  }
}