html[dir="rtl"] {
  --font-display: "DIN Next Arabic", "Helvetica", system-ui, sans-serif;
  --font-body: "DIN Next Arabic", "Helvetica", system-ui, sans-serif;
}

html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] .font-display {
  font-family: "DIN Next Arabic", "Helvetica", system-ui, sans-serif !important;
}