/* Smart Cedra — RTL + Arabic typography overrides. Loaded AFTER design.css on /ar/ pages (which set ). */ body{ font-family:'Tajawal','Cairo',system-ui,-apple-system,sans-serif; letter-spacing:0; } .display, h1,h2,h3,h4, .section-head h2,.page-hero h1, .btn,.eyebrow,.hv-title,.hv-chip,.proc-step .num,.proc-step h4, .stat-cell .v,.result .v,.metric-card .v,.proof-chip b, .icap h3,.value h3,.svc h3,.narr h3,.bigtype,.foot-col h4, .faq summary,.panel h3,.cta-band h3,.insight h4{ font-family:'Cairo','Tajawal',sans-serif; } /* Arabic headlines read better a touch less tight */ .page-hero h1,.section-head h2,.cta-band h3{letter-spacing:0;line-height:1.18} .bigtype{letter-spacing:0} /* ---- direction flips for physically-positioned bits ---- */ .feature-list li{padding-left:0;padding-right:30px} .feature-list li::before{left:auto;right:0} .feature-list li::after{left:auto;right:6px} .product ul li svg, .narr{direction:rtl} /* numbered/percent values stay LTR so digits + % read correctly */ .stat-cell .v,.result .v,.metric-card .v,.proof-chip b,.hv-bar .lab b{ direction:ltr;unicode-bidi:isolate; } /* hero visual bars: labels flip, fills already grow from logical start */ .hv-bar .lab{direction:rtl} /* vstep dot sits on the right in RTL */ .vstep{padding:16px 18px 16px 16px} .vstep .dot{left:auto;right:18px} .vstep .n,.vstep .t,.vstep p{padding-left:0 !important;padding-right:18px} /* floating badges: keep them visually balanced (swap sides) */ .hv-badge.b1{left:auto;right:-26px} .hv-badge.b2{right:auto;left:-18px} @media (max-width:640px){ .hv-badge.b1{left:auto;right:-10px} .hv-badge.b2{right:auto;left:-8px} } /* breadcrumb separator orientation is fine under rtl (flex reverses) */ .crumbs{direction:rtl} /* footer bottom row: keep dot+text grouping tidy */ .foot-bot{direction:rtl} /* language switch pill in nav */ .lang-switch{ display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px; font-size:13px;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.14);transition:.25s; } .lang-switch:hover{color:#fff;border-color:rgba(47,127,208,.4);background:rgba(47,127,208,.12)}