@font-face{font-family:"Dubai";src:url('/fonts/dubai/Dubai-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Dubai";src:url('/fonts/dubai/Dubai-Medium.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Dubai";src:url('/fonts/dubai/Dubai-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
html[lang=ar]{--sans:"Dubai",Tahoma,Arial,sans-serif;--serif:"Dubai",Tahoma,Arial,sans-serif;--mono:"Dubai",Tahoma,Arial,sans-serif;--kufi:"Dubai",Tahoma,Arial,sans-serif}
html[lang=ar] body,html[lang=ar] :is(h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,summary,span,small,b,strong,li,dt,dd,th,td,label),[lang=ar].sacb-story{font-family:"Dubai",Tahoma,Arial,sans-serif!important;letter-spacing:0!important;font-variation-settings:normal!important}
html[lang=ar] body{line-height:1.8}html[lang=ar] :is(h1,h2,h3,h4,h5,h6){line-height:1.45!important;word-break:normal;overflow-wrap:break-word}html[lang=ar] :is(p,li){line-height:1.85}
html[lang=ar] :is(.hero-grid,.split,.steps,.differences,.contact-grid,.grid,.content,.detailHero,.hero-founder)>*{min-width:0}
html[lang=ar] :is(.w-lead,.w-p,.card p,.route-card p,.pf-copy p,.svc-list li,.guide p,.guide li){font-size:16px!important;line-height:1.85!important}
html[lang=ar] :is(.eyebrow,.section-label,.sub-brand,.sample-tag,.card .num,.card .k,.mh-section-title,.mh-app-label,.work-t span,.svc-t span,.fact b,.sp-tx small,.pf-info small,.pf-info span,.pf-type,.note-row small,.w-head b,.qa-btn small,.mb-name small,.route-card .rk,.hero-caption span,.proof b,.bc-kick,.pf-copy b,.win-title,.status-tag){font-size:12px!important;line-height:1.6!important}
html[lang=ar] :is(.mb-item,.mb-item a,.btn,.button,.pill,.svc-t b,.dock-tip,.sp-tx b,.pf-filter,.tab){font-size:15px!important;line-height:1.55!important}
html[lang=ar] :is(.note-row p,.mh-welcome-copy p,.mh-welcome-copy strong,.guide .g-t,.pf-info b,.qa-btn b){font-size:16px!important;line-height:1.6!important}
html[lang=ar] .w-h1{font-size:clamp(30px,3.5vw,45px)!important;line-height:1.5!important}
html[lang=ar] :is(.hero h1,.detailHero h1){letter-spacing:0!important;line-height:1.4!important}html[lang=ar] .hero h1{font-size:clamp(34px,5vw,62px)}
html[lang=ar] .hero-intro h1{max-width:19ch;font-size:clamp(36px,4vw,54px)}
html[lang=ar] :is(.w-h1,.w-lead,.w-p,.section-copy,.section h2,.hero-intro,.brief-body,.card,.detailHero,.crumbs,.hero,.content,.sacb-hero){text-align:start}
html[lang=ar] .brand small{font-size:12px;line-height:1.5}html[lang=ar] .brand{min-width:0}
html[lang=ar] :is(.facts,.pf-meta){min-width:0}html[lang=ar] .fact{border-right:0;border-inline-end:1px solid #29414e}html[lang=ar] .fact:last-child{border-inline-end:0}
html[lang=ar] :is(.brief-preview dd,.faq details>p){margin-inline:0;padding-inline-end:0}
html[lang=ar] .sample-table{max-width:100%}html[lang=ar] .sample-table table{table-layout:fixed}
html[lang=ar] :is(.email,.link-row span,.email bdi,a[href^='tel:'],input[type=email],input[type=tel],.sacb-count,.numeric){direction:ltr;unicode-bidi:isolate}
html[lang=ar] .contact-actions .button{white-space:normal}html[lang=ar] .sacb-zoom form{text-align:end}
html[lang=ar] .sacb-hero p{max-width:100%}html[lang=ar] .sacb-track{direction:rtl}
/* Physical centring is intentionally independent of reading direction. */
#dock,#wmGlow,#wmCalli,.dock-pin .dock-tip{inset-inline-start:auto;inset-inline-end:auto;left:50%;right:auto}
html[lang=ar] #dock{left:50%;right:auto;transform:translateX(-50%)}
html[lang=ar] .back>span:first-child,html[lang=ar] .arw{display:inline-block;transform:scaleX(-1)}
html[lang=ar] .pf-type,html[lang=ar] .portfolio-media .media-type{right:auto;inset-inline-end:8px}
.locale-switch{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:6px 12px;border:1px solid #547467;border-radius:8px;white-space:nowrap;font-size:15px;line-height:1.4;direction:ltr}
.content-nav{height:auto;min-height:78px;padding-block:14px;gap:20px;flex-wrap:wrap}.content-nav>div{flex-wrap:wrap;gap:16px}.content-nav a{min-height:36px;display:inline-flex;align-items:center}.content-nav .brand{display:block}.content-nav .brand small{font-size:12px;letter-spacing:0}
@media(max-width:1100px){html[lang=ar] #menubar{gap:7px}html[lang=ar] .mb-name small{display:none}html[lang=ar] #clock{display:none}.content-nav>div{gap:12px;font-size:14px}}
@media(max-width:850px){.content-nav>div{width:100%;display:flex;flex-wrap:wrap;gap:8px 16px}.content-nav>div>a:not(.navCta){display:inline-flex}.content-nav .navCta{margin-inline-start:auto;padding:10px 14px}.content-nav .locale-switch{margin-inline-start:auto}.content-nav{position:relative;padding-inline:5vw}.content-nav .brand small{display:block}html[lang=ar] .detailHero{gap:28px}html[lang=ar] .hero h1{font-size:40px}html[lang=ar] .cta{padding:28px}html[lang=ar] .grid{grid-template-columns:minmax(0,1fr)}html[lang=ar] .fact:nth-child(2){border-inline-end:0}}
@media(max-width:900px){html[lang=ar] .win{inset-inline:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important}html[lang=ar] .mh-apps{gap:22px 12px}html[lang=ar] .mh-app-label{font-size:14px!important;min-height:42px;white-space:normal}html[lang=ar] .mh-welcome-copy strong{font-size:18px!important}html[lang=ar] .mh-id-feature{position:relative;z-index:1}html[lang=ar] .win-body{padding:22px!important}html[lang=ar] .header-inner{flex-wrap:wrap}}
@media(max-width:520px){html[lang=ar] .hero h1,html[lang=ar] .hero-intro h1{font-size:36px!important;line-height:1.55!important}html[lang=ar] .section h2{font-size:29px!important}html[lang=ar] .w-h1{font-size:31px!important}html[lang=ar] .win-body{padding:18px!important}html[lang=ar] .mh-widgets{grid-template-columns:100px minmax(0,1fr);gap:10px}html[lang=ar] .mh-welcome-card{padding:16px 12px}html[lang=ar] .mh-welcome-copy{margin-top:12px}html[lang=ar] .mh-welcome-copy strong{font-size:16px!important}html[lang=ar] .brand>span{font-size:18px}.content-nav>div{gap:10px 14px}.content-nav .navCta{margin-inline-start:0}html[lang=ar] .sacb-hero h1{font-size:42px}html[lang=ar] .sacb-hero h2{font-size:25px}}

html[lang=ar] .content-nav>div>a{font-size:16px}html[lang=ar] .top{align-items:center;flex-wrap:wrap}html[lang=ar] aside{border-left:0;border-inline-start:4px solid #1bc092}html[lang=ar] .brief-preview dd{margin-inline-start:29px}
@media(max-width:520px){html[lang=ar] .brief-preview dd{margin-inline-start:0}}

html[lang=ar] :is(.quick-route b,.quick-route strong,.qa-btn strong,.rail-route b){font-size:14px!important}html[lang=ar] :is(.quick-route small,.rail-route small,.route-card .rk,.hero-caption small,.sig-foot){font-size:12px!important;line-height:1.7!important}html[lang=ar] .content-nav .brand small{font-size:12px}

html[lang=ar]{--calli:"Dubai",Tahoma,Arial,sans-serif}html[lang=ar] .qr b{font-size:14px!important;line-height:1.6!important}html[lang=ar] .qr small{font-size:12px!important;line-height:1.6!important}html[lang=ar] .qr{padding-block:10px!important}
html[lang=ar] .lead-form-grid label>span{font-size:14px!important;line-height:1.7!important}html[lang=ar] .lead-form-head b{font-size:16px!important}html[lang=ar] .lead-form-head span,html[lang=ar] .lead-form-note{font-size:13px!important;line-height:1.7!important}html[lang=ar] .lead-form-grid :is(input,select,textarea){font-size:16px!important;line-height:1.6!important;text-align:start}