html[lang="ar"] {
  direction: rtl;
  --font-satoshi: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;
  --font-wonderkids: "IBM Plex Sans Arabic", system-ui, sans-serif;
}

html[lang="ar"] body,
html[lang="ar"] .font-satoshi,
html[lang="ar"] .type-h1,
html[lang="ar"] .type-h2,
html[lang="ar"] .type-h3,
html[lang="ar"] .type-h4,
html[lang="ar"] .type-body,
html[lang="ar"] .type-mini {
  font-family: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;
}

html[lang="ar"] .text-left {
  text-align: right;
}

html[lang="ar"] .text-right {
  text-align: left;
}

html[lang="ar"] [class*="pl-"] {
  letter-spacing: 0;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] p {
  line-height: 1.7;
}

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