html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] #unified-header,
html[lang="ar"] #unified-footer {
  font-family: "Noto Sans Arabic", Manrope, Arial, sans-serif;
}

html[lang="ar"] :where(h1, h2, h3, h4, p, a, button, li, span, summary, label) {
  letter-spacing: 0;
}

html[lang="ar"] :where(h1, h2, h3) {
  line-height: 1.35;
}

html[dir="rtl"] #unified-header #u-submenu {
  right: auto;
  left: -50px;
}

html[dir="rtl"] #unified-footer a > span {
  margin-left: 0;
  margin-right: 9px;
}

html[dir="rtl"] .contact-world,
html[dir="rtl"] .contact-network,
html[dir="rtl"] .life-track,
html[dir="rtl"] .life-scroll,
html[dir="rtl"] .need-stage,
html[dir="rtl"] .tech-film-list {
  direction: ltr;
}

html[dir="rtl"] .life-slide .slide-copy,
html[dir="rtl"] .slide-copy {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] a.pill > .icon,
html[dir="rtl"] button.pill > .icon {
  transform: scaleX(-1);
}

html[dir="rtl"] .hero-bottom {
  left: auto;
  right: var(--dc-gutter);
}

@media (max-width: 760px) {
  html[dir="rtl"] .hero-bottom {
    left: 24px;
    right: 24px;
  }

  html[dir="rtl"] #unified-header #u-submenu {
    left: auto;
  }
}