@font-face { font-family: "Adelle Sans ARA"; src: url("/fonts/adelle-sans-ara-regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Adelle Sans ARA"; src: url("/fonts/adelle-sans-ara-bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
.site-language-switch { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 44px; padding: .5rem .9rem; border: 1px solid #2ec4b6; border-radius: 6px; color: #fff; background: #061722; font: 600 .95rem/1.4 "Adelle Sans ARA", "Source Sans 3", sans-serif; white-space: nowrap; }
.site-language-switch:focus-visible { outline: 3px solid #5ee3d8; outline-offset: 3px; }
html[lang="ar"] body, html[lang="ar"] :is(h1,h2,h3,h4,h5,h6,button,input,textarea,select,.eyebrow) { font-family: "Adelle Sans ARA", Tahoma, sans-serif; letter-spacing: 0; }
html[lang="ar"] body { line-height: 1.8; }
html[lang="ar"] :is(.hero-copy,.card p,.article-content p,.form-field) { line-height: 1.85; }
html[lang="ar"] :is(.hero-title,.section-head h2) { line-height: 1.35; }
html[lang="ar"] :is(.align-left,.service-card-main,.factsheet-card,.form-field,.article-content,.article-sidebar,.legal-card,.contact-method,.footer-contact) { text-align: start; }
html[lang="ar"] :is(.proof-item,.stat,.footer-contact) { border-left: 0; border-inline-start: 1px solid rgba(255,255,255,.25); padding-left: 0; padding-inline-start: 1rem; }
html[lang="ar"] :is(input[type="email"],input[type="tel"],a[href^="tel:"],a[href^="mailto:"],a[href^="https://www.hr.delivery"]) { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] :is(.factsheet-viewer__columns ul, .article-content ul, .article-content ol) { padding-left: 0; padding-inline-start: 1.5rem; }
html[lang="ar"] :is(.button,.service-card-link) > .icon:last-child { transform: scaleX(-1); }
html[lang="ar"] :is(.brand-logo,.hero-arrow-mark,.map-image,.framework-diagram) { transform: none; }
html[lang="ar"] .main-nav { font-size: .95rem; }
html[lang="ar"] .header-inner { gap: 1rem; }
html[lang="ar"] .header-actions { gap: .5rem; }
html[lang="ar"] .header-actions .button { padding-inline: .8rem; }

/* Keep the approved logos upright; reflect only the photographic composition. */
html[lang="ar"] .hero-media,
html[lang="ar"] .hero-section::before { scale: -1 1; }
html[lang="ar"] .hero-section::after { right: auto; left: -11%; scale: -1 1; }
html[lang="ar"] .hero-layout { width: min(1390px,calc(100% - 48px)); margin-inline: auto; }
html[lang="ar"] .hero-title-row { direction: ltr; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 4%; }
html[lang="ar"] .hero-arrow-mark { justify-self: center; align-self: center; }
html[lang="ar"] .hero-title-copy { direction: rtl; text-align: start; }
html[lang="ar"] .hero-title-copy .hero-title { font-size: clamp(34px,4.1vw,58px); }
html[lang="ar"] .hero-layout :is(.breadcrumb,.hero-eyebrow) { width: 48%; margin-left: auto; margin-right: 0; }
@media (max-width: 820px) {
  html[lang="ar"] .hero-section,
  html[lang="ar"] .hero-section.compact { min-height: 0; padding-block: 265px 40px; }
  html[lang="ar"] .hero-media,
  html[lang="ar"] .hero-section::before { top: 0; bottom: auto; height: 230px; }
  html[lang="ar"] .hero-section::after { top: 0; bottom: auto; height: 230px; }
  html[lang="ar"] .hero-title-row { grid-template-columns: minmax(0,1fr); direction: rtl; }
  html[lang="ar"] .hero-layout { width: calc(100% - 32px); }
  html[lang="ar"] .hero-arrow-mark { width: min(140px,36vw); justify-self: start; }
  html[lang="ar"] .hero-layout :is(.breadcrumb,.hero-eyebrow) { width: 100%; }
}
@media (min-width: 1051px) and (max-width: 1450px) {
  .header-inner { grid-template-columns: auto 1fr; }
  .main-nav { grid-column: 1 / -1; grid-row: 2; padding-bottom: .7rem; flex-wrap: wrap; }
  .header-actions { justify-content: flex-end; }
}
@media (max-width: 1050px) {
  .footer-main { grid-template-columns: minmax(0, 1fr); }
  .footer-contact { min-width: 0; }
  html[lang="ar"] .footer-contact { border-inline-start: 0; padding-inline-start: 0; }
  .site-language-switch { padding-inline: .65rem; font-size: .9rem; }
  html[lang="ar"] .header-actions { flex-wrap: wrap; }
}
@media (max-width: 540px) {
  .header-inner { gap: .5rem; }
  .header-actions { gap: .4rem; }
  .site-language-switch { min-height: 42px; }
  html[lang="ar"] .hero-title { font-size: clamp(2rem, 8vw, 3rem); }
}