html[dir="rtl"] {
  text-align: right;
}

html[dir="rtl"] body {
  font-family: 'IBM Plex Sans Arabic', 'Inter', sans-serif;
  line-height: 1.6;
}

/* Utility font classes (.font-inter / .font-urbanist) out-specify the body
   rule above; neither family carries Arabic glyphs. Force the Arabic face on
   them so headings and body both render in IBM Plex Sans Arabic in RTL. */
html[dir="rtl"] .font-inter,
html[dir="rtl"] .font-urbanist {
  font-family: 'IBM Plex Sans Arabic', 'Inter', sans-serif;
}

/* Urbanist display metrics are tuned for Latin; Arabic script should not be
   negatively tracked and needs more leading for its diacritics. Headings are
   short, so a single display leading reads well across H1–H3. */
html[dir="rtl"] .font-urbanist {
  letter-spacing: normal;
  line-height: 1.3;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  line-height: 1.35;
}

html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] label,
html[dir="rtl"] li,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  line-height: 1.65;
}

html[dir="rtl"] .mobile-nav {
  transform: translateX(-100%);
}

html[dir="rtl"] .mobile-nav.open {
  transform: translateX(0);
}

html[dir="rtl"] .mobile-nav nav a {
  transform: translateX(-18px);
}

html[dir="rtl"] [data-site-footer] [data-footer-top],
html[dir="rtl"] [data-site-footer] [data-footer-bottom] {
  padding-left: 0;
  padding-right: 60px;
}

html[dir="rtl"] [data-prev] img,
html[dir="rtl"] [data-next] img {
  transform: scaleX(-1);
}

html[dir="rtl"] .feature-item.active {
  transform: translateX(-8px);
}

html[dir="rtl"] .govergate-language-switcher__menu {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

@media (max-width: 1023px) {
  html[dir="rtl"] [data-site-footer] [data-footer-top],
  html[dir="rtl"] [data-site-footer] [data-footer-bottom] {
    padding-right: 20px;
  }
}