/* Refined internal service pages */
:root{--service-navy:#052b43;--service-orange:#f99d1b;--service-warm:#f4f1eb;--service-line:rgba(5,43,67,.14)}
body{background:#fff}

.nav{height:76px;background:rgba(5,43,67,.97);border-color:rgba(255,255,255,.14)}
.nav-inner{height:76px}.brand img{width:52px;height:52px}.brand-ar{color:#fff}.brand-en{color:rgba(255,255,255,.62)}
.lang{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.home-link{background:var(--service-orange);color:var(--service-navy);border-color:var(--service-orange)}

.hero{padding-top:76px;background:var(--service-navy)}
.hero-grid{grid-template-columns:.82fr 1.18fr;min-height:680px}
.hero-copy{padding-top:75px;padding-bottom:68px;position:relative}
.service-back{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-bottom:48px;color:rgba(255,255,255,.68);font-size:13px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:8px}
.service-back b,.hero-enquiry b{color:var(--service-orange);font-family:Manrope,Arial}
.hero h1{font-size:clamp(48px,5.1vw,78px);max-width:670px;margin:20px 0 20px}
.summary{font-size:17px;max-width:560px;margin:0}
.badges{margin-top:24px}.badge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}
.hero-enquiry{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;width:max-content;min-width:210px;margin-top:32px;padding:15px 18px;background:var(--service-orange);color:var(--service-navy);font-weight:800}
.hero-media{min-height:680px}
.hero-media:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(5,43,67,.56),transparent 48%);pointer-events:none}
[dir=rtl] .hero-media:before{background:linear-gradient(270deg,rgba(5,43,67,.56),transparent 48%)}
.hero-media:after{background:linear-gradient(0deg,rgba(2,24,39,.52),transparent 52%)!important}
.hero-media .hero-slide{filter:saturate(.82) contrast(1.04)}
.slider-dots{inset:auto 34px 30px}

.service-switcher{background:#fff;border-bottom:1px solid var(--service-line);position:relative;z-index:4}
.service-switcher .wrap{display:grid;grid-template-columns:repeat(7,1fr);overflow:auto;scrollbar-width:none}
.service-switcher .wrap::-webkit-scrollbar{display:none}
.service-switcher a{min-height:64px;padding:10px 15px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--service-navy);font-weight:700;font-size:13px;border-inline-end:1px solid var(--service-line);white-space:nowrap;transition:.25s}
.service-switcher a:first-child{border-inline-start:1px solid var(--service-line)}
.service-switcher a:hover{background:var(--service-navy);color:#fff}

.content{padding:88px 0 96px}
.content-grid{grid-template-columns:.72fr 1.28fr;gap:90px}
.side-title{top:105px}.side-title h2{font-size:clamp(34px,3.5vw,52px);line-height:1.12;margin-top:20px}
.blocks{gap:0;border-top:1px solid var(--service-line)}
.block{padding:38px 0;border-bottom:1px solid var(--service-line)}
.block h3{font-size:23px;margin-bottom:20px}.block p{font-size:17px;max-width:760px}
.items{gap:8px}.item{background:var(--service-warm);min-height:105px;padding:22px;font-weight:600;color:var(--service-navy)}
.steps{grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--service-line)}
.step{border:0;border-inline-end:1px solid var(--service-line);padding:23px 18px;min-height:165px}
.step:last-child{border-inline-end:0}
.step:after{content:"";display:block;width:24px;height:2px;background:var(--service-orange);margin-top:18px}

.survey-prep{padding:78px 0;background:var(--service-navy);color:#fff}
.survey-head{display:block;margin-bottom:32px}
.survey-head h2{margin:18px 0 0;font-size:clamp(32px,3.6vw,52px);line-height:1.2;max-width:920px}
.prep-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}
.prep-grid>div{min-height:145px;padding:26px 20px;border-inline-end:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;justify-content:space-between;gap:25px}
.prep-grid>div:last-child{border-inline-end:0}.prep-grid b{font:700 11px Manrope;color:var(--service-orange)}.prep-grid span{font-size:16px;line-height:1.6;color:rgba(255,255,255,.84)}

/* Arabic content always starts from the right; English keeps its natural flow. */
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .content,
html[dir="rtl"] .survey-prep,
html[dir="rtl"] .cta,
html[dir="rtl"] .footer{text-align:right}
html[dir="rtl"] .survey-head h2{margin-inline-start:0;margin-inline-end:auto}
html[dir="rtl"] .prep-grid>div,
html[dir="rtl"] .item,
html[dir="rtl"] .step{align-items:flex-start;text-align:right}
html[dir="ltr"] .hero-copy,
html[dir="ltr"] .content,
html[dir="ltr"] .survey-prep,
html[dir="ltr"] .cta,
html[dir="ltr"] .footer{text-align:left}

.cta{padding:72px 0}.cta-grid{align-items:flex-end}.cta h2{margin:12px 0 8px}.cta p{margin:0;color:rgba(5,43,67,.72);font-size:15px}.cta .eyebrow{color:var(--service-navy)}
.footer{padding:32px 0}.wa{border-radius:999px}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;min-height:auto}.hero-media{grid-row:1;min-height:500px}.hero-copy{padding:58px 28px 64px}.service-back{margin-bottom:30px}
  .service-switcher .wrap{width:100%;grid-template-columns:repeat(7,minmax(125px,1fr))}
  .content-grid{grid-template-columns:1fr;gap:38px}.side-title{position:static}.steps{grid-template-columns:repeat(2,1fr)}
  .prep-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:600px){
  .nav,.nav-inner{height:70px}.hero{padding-top:70px}.hero-media{min-height:380px}.hero-copy{padding:48px 18px 58px}.hero h1{font-size:42px}.service-back{margin-bottom:24px}
  .hero-enquiry{width:100%}.service-switcher a{min-height:56px}
  .content{padding:66px 0}.block{padding:30px 0}.items,.steps{grid-template-columns:1fr}.step{min-height:0;border-inline-end:0;border-bottom:1px solid var(--service-line);padding:22px 0}
  .survey-prep{padding:62px 0}.prep-grid{grid-template-columns:1fr}.prep-grid>div{min-height:104px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.17);padding:20px 0}
  .cta{padding:60px 0}.cta-grid{gap:28px}.cta-actions{width:100%}
}