/* Locale refinements of the canonical public design. Artwork stays intact. */
html[lang=en] :is(.cp-hero h1,.hf-copy h1){overflow-wrap:break-word}
html[lang=ar] :is(body.casablanca-home,body.cp-page,body.wsn-page,#wahbi-navigation){font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:normal;word-spacing:normal}
html[lang=ar] :is(h1,h2,h3,h4,p,button,label,legend,summary,.eyebrow,.cp-eyebrow){letter-spacing:normal!important}
html[lang=ar] :is(.cp-hero h1,.hf-copy h1){line-height:1.48;font-weight:750;max-width:100%;text-wrap:balance}
html[lang=ar] :is(.cp-section-head h2,.cp-form-intro h2,.cb-section-head h2){line-height:1.55}
html[lang=ar] :is(.cp-page p,.cp-page label,.cp-page small,.casablanca-home p,.casablanca-home small,.wsn-page p){line-height:1.95}
html[lang=ar] :is(.cp-hero-copy,.hf-copy,.cp-section-head,.cp-form-intro,.cp-form,.cp-preparation,.cp-faq,.cp-stage,.cb-path-panel,.wsn-feature-copy){text-align:start}
html[lang=ar] :is(.cp-breadcrumb,.cp-switcher,.cp-actions,.cp-form-actions,.cp-checklist,.cp-checklist label,.cp-steps,.hfn-mega,.hfn-mobile){direction:rtl}
html[lang=ar] :is(.cp-steps,.cp-step,.cp-stage,.cp-workspace,.cp-form-layout){min-width:0}
html[lang=ar] .cp-step-copy{text-align:start}
html[lang=ar] .cp-hero-art{margin-left:0;margin-right:-6%}
html[lang=ar] .cp-checklist input{margin-inline:0 10px}
html[lang=ar] :is(input,select,textarea){text-align:start;font-family:inherit}
html[lang=ar] :is(input[type=email],input[type=tel],a[href^="tel:"],a[href^="mailto:"]){direction:ltr;unicode-bidi:isolate}
html[lang=ar] :is(.cp-fact-number,.hf-kpi strong,.hf-kpi-value,.hf-chart,.hf-chart-svg,.hf-donut,.hf-work-chart,.hf-laptop,.hf-phone,.hf-ring,.hf-chart-labels){direction:ltr;unicode-bidi:isolate}
/* Keep the requested fixed identity on the left in every language. The
   navigation groups and menu content themselves follow Arabic reading order. */
html[lang=ar] #wahbi-navigation .hfn-header{direction:ltr}
html[lang=ar] #wahbi-navigation :is(.hfn-desktop-nav,.hfn-tools,.hfn-mega,.hfn-mobile){direction:rtl}
html[lang=ar] #wahbi-navigation :is(.hfn-mega,.hfn-mobile,.wsn-feature-copy,.hfn-product-mini,.wsn-card-copy){text-align:start}
html[lang=ar] :is(.hfn-brand,.wbc-brand,.wb-exact-brand,.wb-exact-lockup){direction:ltr;unicode-bidi:isolate}
html[lang=ar] .hfn-desktop-nav{gap:20px}
html[lang=ar] .hfn-desktop-nav>button,html[lang=ar] .hfn-desktop-nav>a{font-size:13px;line-height:1.7}
html[lang=ar] .hfn-language>div{left:0;right:auto;text-align:start;direction:rtl}
html[lang=ar] .hfn-mega :is(h2,h3,strong){line-height:1.7}
html[lang=ar] .hfn-mega :is(p,small){line-height:1.95}
html[lang=ar] :is(.hfn-product-mini,.wsn-card,.wsn-feature){min-width:0}
html[lang=ar] :is(.cb-path-card h3,.cb-solution-card h3){line-height:1.7}
html[lang=ar] :is(.cp-breadcrumb a,.cp-switcher a,.cp-button,.button,.hfn-button){white-space:normal}
html[lang=ar] :is(.hf-stage,.hf-stage-fullscreen,.hf-screen,.hf-phone-screen){direction:ltr}
html[lang=ar] :is(.hf-screen,.hf-phone-screen) :is(h2,h3,p,button,span,label){letter-spacing:normal!important}
html[lang=ar] :is(.hf-screen-head,.hf-work-head,.hf-invoices,.hf-screen-footer){direction:rtl;text-align:start}
html[lang=ar] :is(.hf-copy,.cp-hero-copy){min-width:0}
html[lang=ar] .casablanca-home .hf-environment:after{background:linear-gradient(270deg,#f8fcff 0%,#f8fcfff2 28%,#f8fcffb8 43%,transparent 68%),linear-gradient(0deg,#f1f8fe 0%,transparent 25%)}
html[lang=ar] .casablanca-home .hf-benefits{background:linear-gradient(270deg,#faf9f566,transparent)}
html[lang=ar] .hf-word-window{min-width:0;height:auto;line-height:1.7;vertical-align:baseline}
html[lang=ar] .hf-word-window>span{letter-spacing:normal!important}
html[lang=ar] .hf-kpis{direction:rtl}
html[lang=ar] .cp-form-grid>div{min-width:0}
html[lang=ar] :is(.cp-footer,.cb-footer,.v2-footer,.v4-footer){text-align:start}
html[lang=ar] :is(.cp-form-summary,.cp-contact-card,.cp-detail-list,.wsn-contact-copy){direction:rtl}
html[lang=ar] .cp-form-summary img{flex-shrink:0}
@media(min-width:901px){html[lang=ar] .casablanca-home .hf-grid{grid-template-columns:.88fr 1.12fr}html[lang=ar] .casablanca-home .hf-copy{grid-column:1}html[lang=ar] .casablanca-home .hf-stage{grid-column:2;grid-row:1}}
@media(max-width:1150px) and (min-width:901px){html[lang=ar] .hfn-desktop-nav{gap:14px}html[lang=ar] .hfn-desktop-nav>button,html[lang=ar] .hfn-desktop-nav>a{font-size:12px}}
@media(max-width:900px){html[lang=ar] :is(.cp-hero h1,.hf-copy h1){font-size:clamp(32px,6.5vw,52px);line-height:1.55}html[lang=ar] .hfn-mobile{right:0;left:auto}html[lang=ar] .cp-hero-art{margin-inline:0;width:100%}html[lang=ar] .hf-word-window{line-height:1.8}html[lang=ar] .casablanca-home .hf-copy{grid-column:auto}html[lang=ar] .casablanca-home .hf-stage{grid-column:auto;grid-row:auto}}
@media(max-width:500px){html[lang=ar] :is(.cp-hero h1,.hf-copy h1){font-size:34px;line-height:1.55}html[lang=ar] .cp-hero-copy>p{font-size:15px}html[lang=ar] .cp-switcher{gap:8px}html[lang=ar] .cp-button{font-size:13px}html[lang=ar] .hfn-mobile :is(p,small){line-height:1.9}}
/* Reserve enough room for the fixed brand, launch button and menu together. */
html[lang=ar] :is(.wahbi-faq,.wb-intro,.wb-posts){text-align:start;line-height:1.95}html[lang=ar] :is(.wahbi-faq h1,.wahbi-faq summary,.wb-intro h1){font-family:inherit;line-height:1.6!important;letter-spacing:normal!important}
@media(max-width:420px){html:is([lang=en],[lang=ar]) #wahbi-fixed-logo{--wbc-width:142px;--wbc-top:6.5px}html:is([lang=en],[lang=ar]) body.wbc-integrated .hfn-shell>#hfn-header{padding-left:152px!important}html:is([lang=en],[lang=ar]) .hfn-shell .hfn-actions{gap:7px!important}html:is([lang=en],[lang=ar]) .hfn-shell .hfn-header .hfn-create.wb-launch{font-size:11px!important;gap:5px!important;padding-inline:35px 8px!important;margin-left:0!important}}