html[lang^="ar"] {
  --font: 'Noto Sans Arabic', Tahoma, Arial, sans-serif;
  font-family: var(--font);
}

html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3 {
  letter-spacing: 0;
}

html[lang^="ar"] .hero h1,
html[lang^="ar"] .page-hero h1,
html[lang^="ar"] .about-hero h1 {
  line-height: 1.42;
}

html[lang^="ar"] .eyebrow,
html[lang^="ar"] .caption-kicker,
html[lang^="ar"] .brand__text span,
html[lang^="ar"] .service-card__number,
html[lang^="ar"] .service-detail__index,
html[lang^="ar"] .gallery-item figcaption span,
html[lang^="ar"] .address-meta dt {
  letter-spacing: 0;
}

html[dir="rtl"] .skip-link {
  right: 12px;
  left: auto;
}

html[dir="rtl"] .hero__index {
  right: auto;
  left: 34px;
}

html[dir="rtl"] .service-card__number {
  right: auto;
  left: 22px;
}

html[dir="rtl"] .service-card h3 {
  margin-right: 0;
  margin-left: 50px;
}

html[dir="rtl"] .service-detail__index {
  right: 15px;
  left: auto;
}

html[dir="rtl"] .about-hero__art img {
  right: auto;
  left: -24px;
}

html[dir="rtl"] .contact-phone,
html[dir="rtl"] .footer-contact address {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .gallery-item figcaption {
  text-align: right;
}

html[dir="rtl"] .primary-navigation__links a::after {
  transform-origin: right;
}

html[dir="rtl"] .service-card,
html[dir="rtl"] .service-detail__copy,
html[dir="rtl"] .page-hero,
html[dir="rtl"] .about-content__body,
html[dir="rtl"] .contact-card,
html[dir="rtl"] .address-card,
html[dir="rtl"] .footer-brand,
html[dir="rtl"] .footer-nav,
html[dir="rtl"] .footer-contact {
  text-align: right;
}

html[dir="rtl"] .eyebrow {
  flex-direction: row-reverse;
}