@font-face{font-family:'K9 Arabic';font-style:normal;font-weight:400 500;font-display:swap;src:url('arabic-regular.ttf') format('truetype')}
@font-face{font-family:'K9 Arabic';font-style:normal;font-weight:600 900;font-display:swap;src:url('arabic-bold.ttf') format('truetype')}
/* Brand hierarchy applies to the fallback wordmark, never uploaded images. */
.reference-site .logo-reference,.admin .logo-reference{display:inline-flex;direction:ltr;align-items:center;gap:.12em;letter-spacing:-1px;white-space:nowrap}
.reference-site .logo-reference .global,.admin .logo-reference .global{font-family:Arial,sans-serif;font:inherit;letter-spacing:inherit;line-height:inherit}
.reference-site .footer-brand .logo-reference{color:#fff}.reference-site .footer-brand .logo-reference .global{color:#f0a588}
html[dir=rtl] .reference-site{font-family:'K9 Arabic',sans-serif}
html[dir=rtl] .reference-site :is(h1,h2,h3,h4,p,a,button,summary,td,th,dt,dd,span){font-family:inherit;letter-spacing:normal}
html[dir=rtl] .reference-site :is(h1,h2,h3){line-height:1.55}
html[dir=rtl] .reference-site :is(.eyebrow,.logo-reference,.logo-reference span,.symbol-tag,.detail-table-tag){direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif}
html[dir=rtl] .reference-site .logo-reference .global{font:inherit;letter-spacing:inherit}
html[dir=rtl] .reference-site :is(.hero-copy,.detail-hero-copy,.detail-intro-prose,.disclosure,.footer-group,.detail-feature,.product-card-copy,.regulation-panel,.standard-prose){text-align:start}
html[dir=rtl] .reference-site .hero-art{direction:ltr}
@media(max-width:800px){html[dir=rtl] .reference-site .language-pop{right:auto;left:0;text-align:right}}
@media(min-width:801px){html[dir=rtl] .reference-site .language-pop{right:0;left:auto;text-align:right}}
html[dir=rtl] .reference-site .nav-dropdown{left:auto;right:0;text-align:right}
html[dir=rtl] .reference-site .detail-process ol{padding-inline-start:0}
html[dir=rtl] .reference-site :is(th,td){text-align:start}
html[dir=rtl] .reference-site :is(a[href^="mailto:"],a[href^="tel:"]){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .reference-site :is(.btn .icon,.round-arrow .icon,.breadcrumb .icon){transform:scaleX(-1)}
html[dir=rtl] .reference-site .product-card:hover .round-arrow .icon{transform:scaleX(-1)}
html[dir=rtl] .reference-site .service-close{right:auto;left:14px}
html[dir=rtl] .reference-site .detail-subnav{direction:rtl}
html[dir=rtl] .reference-site .detail-hero-art{direction:ltr}
@media(max-width:800px){.reference-site .logo-reference{gap:.12em}html[dir=rtl] .reference-site .hero-copy{width:100%}html[dir=rtl] .reference-site .reference-hero h1{font-size:clamp(32px,8vw,48px)}}
@media(min-width:801px){
 html[dir=rtl] .reference-site .hero-copy{left:auto;right:.3vw}
 html[dir=rtl] .reference-site .hero-art{right:auto;left:-5.2vw}
 html[dir=rtl] .reference-site .reference-hero-image{transform:scaleX(-1)}
 html[dir=rtl] .reference-site .desktop-nav{left:auto;right:21%;gap:clamp(16px,1.8vw,28px)}
 html[dir=rtl] .reference-site .desktop-nav :is(.nav-parent-link,.nav-link){font-size:clamp(12px,.92vw,14px)}
}
@media(max-width:800px){html[dir=rtl] .reference-site .header-actions{margin-left:0;margin-right:auto}}

html[dir=rtl] .reference-site .regulation-tabs button{text-align:start}html[dir=rtl] .reference-site .regulation-tabs .icon{margin-left:0;margin-right:auto}