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

html[lang^="ar"] body,
html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea {
  font-family: "Noto Sans Arabic", "DM Sans", sans-serif;
}