@font-face{font-family:"Pacific Arabic";src:url("fonts/NotoSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Pacific Arabic";src:url("fonts/NotoSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}

.language-switcher{display:flex;align-items:center;gap:5px;margin-left:14px;white-space:nowrap;direction:ltr}
.language-switcher button{appearance:none;border:1px solid rgba(255,255,255,.28);background:rgba(7,20,35,.38);color:#fff;padding:7px 8px;font:700 .72rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.03em;cursor:pointer;border-radius:2px;transition:.2s}
.language-switcher button:hover,.language-switcher button.active{background:#34b8ff;color:#071423;border-color:#34b8ff}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .navlinks,html[dir="rtl"] .actions,html[dir="rtl"] .contact-actions,html[dir="rtl"] .category-nav{direction:rtl}
html[dir="rtl"] .process-tab{text-align:right}
@media(max-width:900px){.language-switcher{margin-left:auto;margin-right:8px}.language-switcher button{padding:6px 7px;font-size:.68rem}}
@media(max-width:580px){.language-switcher{gap:3px}.language-switcher button{padding:6px 5px;font-size:.62rem}}

/* High contrast over the hero photograph; Arabic letters remain connected. */
html[lang="ar"] body{font-family:"Pacific Arabic",Arial,sans-serif;font-weight:400;font-synthesis:none}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .eyebrow,html[lang="ar"] .visual-kicker,html[lang="ar"] .brand{letter-spacing:0;text-transform:none}
html[lang="ar"] h1{line-height:1.25}
html[lang="ar"] h2,html[lang="ar"] h3{line-height:1.45}
html[lang="ar"] .eyebrow,html[lang="ar"] .visual-kicker{font-size:1rem;line-height:1.7}
html[lang="ar"] .hero .eyebrow{color:#071423;background:transparent;padding:0;border-radius:0;width:fit-content;max-width:100%;font-weight:700}
html[lang="ar"] .hero .eyebrow:before{background:#075c85;flex-shrink:0}
html[lang="ar"] .hero-content>.eyebrow{margin-left:auto}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3,html[lang="th"] .eyebrow,html[lang="th"] .visual-kicker{letter-spacing:0;line-height:1.4}
.website-contact{white-space:nowrap;unicode-bidi:isolate}

html[lang="ar"] p{line-height:1.85}
html[lang="ar"] h1{font-weight:700;line-height:1.35}
html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] strong{font-weight:700}
html[lang="ar"] .eyebrow,html[lang="ar"] .visual-kicker,html[lang="ar"] .navlinks,html[lang="ar"] .btn,html[lang="ar"] .process-tab{font-weight:700}
html[lang="ar"] .hero .eyebrow{font-size:1rem;line-height:1.65;padding:0}

/* Keep the heading directly over the photo in every language. */
.hero .eyebrow{background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}