@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');

/* Preserve the site's composition while keeping Arabic copy right-to-left. */
html[lang="ar"] { direction: ltr; }
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select { font-family: 'Noto Sans Arabic', Tahoma, Arial, sans-serif; }
html[lang="ar"] body { text-align: right; }
html[lang="ar"] :is(input, textarea, select) { direction: rtl; text-align: right; }
html[lang="ar"] :is(h1, h2, h3, h4, p, li, label, blockquote, dt, dd),
html[lang="ar"] :is(.section-label, .cta-label, .hero-topic, .topic-title, .service-category, .service-description, .market-card-title, .market-card-description, .market-card-tag, .trade-card-label, .primary-nav a, .footer-nav a) { direction: rtl; }
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3 { letter-spacing: 0; line-height: 1.3; }
html[lang="ar"] .section-label { letter-spacing: 0; }
html[lang="ar"] .brand-lockup,
html[lang="ar"] .footer-mark,
html[lang="ar"] .language-switch { direction: ltr; }
html[lang="ar"] .hero-visual-track { direction: ltr; }
html[lang="ar"] .primary-nav,
html[lang="ar"] .footer-nav,
html[lang="ar"] .market-carousel-controls { direction: rtl; }
html[lang="ar"] .market-carousel-stage { direction: ltr; }
html[lang="ar"] .market-carousel-stage .market-card { direction: rtl; }
html[lang="ar"] .market-card { text-align: right; }
html[lang="ar"] .market-card[data-position="previous"] {
  transform: translateX(calc(50% + 16px));
  -webkit-mask-image: linear-gradient(to right, #000 0%, transparent 20%);
  mask-image: linear-gradient(to right, #000 0%, transparent 20%);
}
html[lang="ar"] .market-card[data-position="next"] {
  transform: translateX(calc(-150% - 16px));
  -webkit-mask-image: linear-gradient(to right, transparent 80%, #000 100%);
  mask-image: linear-gradient(to right, transparent 80%, #000 100%);
}
html[lang="ar"] .market-carousel-arrow-icon-left { transform: none; }
html[lang="ar"] .market-carousel-arrow-icon:not(.market-carousel-arrow-icon-left) { transform: scaleX(-1); }
html[lang="ar"] .header-actions { padding-right: 34px; padding-left: 0; }
html[lang="ar"] .service-card,
html[lang="ar"] .hero-topic,
html[lang="ar"] .process-trigger { text-align: right; }
html[lang="ar"] .service-card,
html[lang="ar"] .about-market,
html[lang="ar"] .areas-overview-card,
html[lang="ar"] .trade-market-top,
html[lang="ar"] .trade-market-copy,
html[lang="ar"] .trade-card-foot,
html[lang="ar"] .trade-process-list li,
html[lang="ar"] .work-map-items > div,
html[lang="ar"] .work-experience-list article { direction: rtl; }
html[lang="ar"] .about-market-flag { margin-inline-start: 0; margin-inline-end: auto; }
html[lang="ar"] .about-step h3,
html[lang="ar"] .about-step p,
html[lang="ar"] .areas-process-grid strong,
html[lang="ar"] .areas-process-grid p { margin-inline: 0; }
html[lang="ar"] .areas-service-copy { align-items: flex-end; }
html[lang="ar"] .areas-overview-card::before { left: auto; right: 30px; }
html[lang="ar"] .areas-overview-arrow { right: auto; left: 25px; }
html[lang="ar"] .trade-market-copy { padding-inline: 0; }
html[lang="ar"] .work-question { direction: rtl; }
html[lang="ar"] .hero-actions { justify-content: flex-end; }
html[lang="ar"] .trade-copy { align-items: flex-end; }
html[lang="ar"] :is(.hero-description, .intro-lead, .trade-copy > p, .about-hero-copy > p, .areas-hero-copy > p, .trade-hero-copy > p, .work-hero-copy > p, .about-vision-copy, .about-people-copy, .trade-process-intro > p, .work-scope-copy > p, .work-experience-intro > p, .work-roles-intro > p) { margin-left: auto; }
html[lang="ar"] .cta-shape { direction: rtl; padding-right: 28px; padding-left: 82px; clip-path: polygon(0 0, calc(100% - var(--cta-slant)) 0, 100% 100%, var(--cta-slant) 100%); }
html[lang="ar"] .cta-shape::before { right: auto; left: 20px; transition: width .48s cubic-bezier(.22, .65, .3, 1), height .48s cubic-bezier(.22, .65, .3, 1), left .48s cubic-bezier(.22, .65, .3, 1), background-color .4s ease; }
html[lang="ar"] .cta-shape .cta-arrow { right: auto; left: 28px; }
html[lang="ar"] .cta-shape:is(:hover, :focus-visible)::before,
html[lang="ar"] .service-card:is(:hover, :focus-visible) .service-action.cta-shape::before { right: auto; left: -12px; }
html[lang="ar"] .header-search { text-align: right; }
html[lang="ar"] .header-search input { direction: rtl; }
html[lang="ar"] .footer-institutional,
html[lang="ar"] .footer-legal { direction: rtl; text-align: right; }
html[lang="ar"] .footer-mark { direction: ltr; }
html[lang="ar"] .footer-nav-group h2 { letter-spacing: 0; }
@media (max-width: 600px) {
  html[lang="ar"] .footer-institutional,
  html[lang="ar"] .footer-legal { text-align: center; }
}
html[lang="ar"] .cta-label { white-space: normal; }
html[lang="ar"] .cta-arrow { flex: none; }
html[lang="ar"] .cta-arrow::before,
html[lang="ar"] .cta-arrow svg { transform: rotate(180deg); }
html[lang="ar"] .cta-arrow::after { transform: translateX(150%) rotate(180deg); }
html[lang="ar"] .cta-shape:is(:hover, :focus-visible) .cta-arrow::before,
html[lang="ar"] .service-card:is(:hover, :focus-visible) .service-action.cta-shape .cta-arrow::before { transform: translateX(-150%) rotate(180deg); }
html[lang="ar"] .cta-shape:is(:hover, :focus-visible) .cta-arrow::after,
html[lang="ar"] .service-card:is(:hover, :focus-visible) .service-action.cta-shape .cta-arrow::after { transform: translateX(0) rotate(180deg); }
html[lang="ar"] .areas-points li { padding-left: 0; padding-right: 20px; }
html[lang="ar"] .areas-points li::before { left: auto; right: 0; }
html[lang="ar"] .about-people-copy .about-editorial-note { border-left: 0; border-right: 3px solid #bc934c; }
@media (max-width: 900px) {
  html[lang="ar"] .header-actions { margin-left: auto; margin-right: 0; }
  html[lang="ar"] .primary-nav { left: auto; right: 0; }
}
@media (max-width: 600px) {
  html[lang="ar"] .header-actions { padding-right: 12px; }
}
@media (max-width: 700px) {
  html[lang="ar"] .areas-overview-card::before { right: 25px; }
  html[lang="ar"] .hero-actions { align-items: flex-end; }
  html[lang="ar"] .cta-shape { padding-right: 20px; padding-left: 74px; }
  html[lang="ar"] .cta-shape::before { right: auto; left: 18px; }
  html[lang="ar"] .cta-shape .cta-arrow { right: auto; left: 25px; }
  html[lang="ar"] .service-action.cta-shape { padding-right: 18px; padding-left: 68px; }
  html[lang="ar"] :is(.about-hero-media, .areas-hero-media, .trade-hero-visual, .work-hero-visual, .about-people-media, .intro-visual) { margin-left: auto; margin-right: 0; }
  html[lang="ar"] .intro-visual { margin-top: 12px; }
  html[lang="ar"] .market-card[data-position="previous"] { transform: translateX(calc(50% + 10px)); }
  html[lang="ar"] .market-card[data-position="next"] { transform: translateX(calc(-150% - 10px)); }
  html[lang="ar"] .market-card[data-position="previous"], html[lang="ar"] .market-card[data-position="next"] { -webkit-mask-image: none; mask-image: none; }
}