.language-switch{display:flex;align-items:center;gap:8px;flex:none;font-size:14px;color:#aeb7cc;margin-inline-start:22px}
.language-switch a{min-height:44px;display:inline-flex;align-items:center;padding:0 5px;white-space:nowrap}
.language-switch a[aria-current="true"]{color:#fff;text-decoration:underline;text-decoration-color:#94aaff;text-underline-offset:7px;text-decoration-thickness:2px}
.language-switch a[lang="ar"]{font-family:'Noto Sans Arabic',Arial,sans-serif}
.header{gap:20px}.header nav{margin-inline-start:auto;gap:24px}
.clients-window,.clients-track{direction:ltr}
[dir="rtl"] body{font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.9}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .agency-lead{font-family:'Noto Sans Arabic',Arial,sans-serif;letter-spacing:0;line-height:1.5}
[dir="rtl"] [lang="en"]{font-family:Manrope,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}
[dir="rtl"] h3[lang="en"],[dir="rtl"] h1[lang="en"]{text-align:right;line-height:1.3}
[dir="rtl"] .eyebrow,[dir="rtl"] .step-no,[dir="rtl"] .division-title>p,[dir="rtl"] .hero-bottom,[dir="rtl"] .visual-caption,[dir="rtl"] .footer-bottom{letter-spacing:0}
[dir="rtl"] .hero h1{font-size:clamp(56px,6.4vw,90px);line-height:1.4;margin:20px 0}
[dir="rtl"] .hero:after{background:linear-gradient(270deg,#101114ed 0%,#101114b8 36%,#10111400 72%),linear-gradient(0deg,#101114 0%,transparent 25%)}
[dir="rtl"] .hero-image{background-position:30% center}
[dir="rtl"] .division-body,[dir="rtl"] .division details{margin-left:0;margin-right:53px}
[dir="rtl"] .digital-feature{margin-left:0;margin-right:53px;border-left:0;border-right:3px solid var(--blue)}
[dir="rtl"] .nav-contact{border-left:0;border-right:1px solid #ffffff35;padding-left:0;padding-right:25px}
[dir="rtl"] .nav-contact span{margin-left:0;margin-right:25px}
[dir="rtl"] .intro-link{margin-left:0;margin-right:25px}
[dir="rtl"] .button span,[dir="rtl"] .circle-link,[dir="rtl"] .digital-feature h3 span{transform:scaleX(-1)}
[dir="rtl"] .button{font-family:inherit}
[dir="rtl"] .phone,[dir="rtl"] .stats strong{unicode-bidi:isolate}
[dir="rtl"] .phone{width:fit-content}
[dir="rtl"] .footer-bottom>span:first-child{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .clients-toggle{font-family:inherit}
[dir="rtl"] .consultation-form label{line-height:1.8}
[dir="rtl"] .section-heading h2,[dir="rtl"] .about h2{font-size:clamp(30px,3.3vw,47px)}
@media(max-width:1200px){
 .header{height:88px}.header .brand-logo{width:190px}
 .menu-button{display:flex;gap:10px;align-items:center;background:transparent;color:white;border:1px solid #555966;padding:6px 12px;font-size:14px;min-height:44px;flex:none}
 .menu-button span{font-size:21px}.language-switch{margin-inline-start:auto}
 .header nav,.agency-page .header nav{display:none;position:absolute;top:87px;left:-7%;right:-7%;background:#171a22;flex-direction:column;align-items:stretch;gap:0;padding:12px 6%;border-bottom:1px solid #4a5266;margin:0}
 .header nav.is-open,.agency-page .header nav.is-open{display:flex}
 .header nav a,.agency-page .header nav a{padding:13px 0;min-height:46px}
 .nav-contact,[dir="rtl"] .nav-contact{border:0;padding-inline:0}
}
@media(max-width:640px){
 .header{gap:8px;flex-wrap:wrap;height:auto;min-height:88px;padding:12px 0}
 .header .brand-logo{width:clamp(125px,36vw,190px)}
 .language-switch{gap:3px;margin-inline-start:auto;font-size:13px}
 .language-switch a{padding:0 3px}.menu-button{padding:5px 8px;gap:6px;font-size:13px}
 .header nav,.agency-page .header nav{top:100%}
 [dir="rtl"] .hero h1{font-size:clamp(45px,11vw,70px)}
 [dir="rtl"] .division-body,[dir="rtl"] .division details{margin-right:30px}
 [dir="rtl"] .digital-feature{margin-right:30px}
 [dir="rtl"] .hero:after{background:linear-gradient(270deg,#101114c9,#10111435),linear-gradient(0deg,#101114,transparent 40%)}
 [dir="rtl"] .intro-link{margin:20px 0 0}
 [dir="rtl"] .agency-lead{font-size:clamp(32px,8vw,46px)}
 [dir="rtl"] .contact h2{font-size:clamp(42px,10vw,58px);line-height:1.5}
}

/* Keep desktop language controls in navigation; mobile controls stay outside the menu. */
.header nav .language-switch{margin-inline-start:0;color:inherit;gap:8px}
.header nav .language-switch a{padding:0 5px}
.language-switch-mobile{display:none}
@media(max-width:1200px){
 .header nav .language-switch-desktop{display:none}
 .language-switch-mobile{display:flex}
}
@media(max-width:640px){
 .header{display:grid;grid-template-columns:minmax(70px,1fr) auto auto;gap:8px}
 .header .brand-logo{width:100%;max-width:144px;min-width:0}
 .language-switch-mobile{margin-inline-start:0;font-size:14px}
 .menu-button{font-size:14px;padding-inline:7px}
}