@font-face {
  font-family: Cairo;
  src: url('/fonts/Cairo-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}
html[lang^="ar"] {
  --font-sans: Cairo, Tahoma, Arial, sans-serif;
  font-family: var(--font-sans);
}
html[lang^="ar"] body,
html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea,
html[lang^="ar"] svg text {
  font-family: Cairo, Tahoma, Arial, sans-serif !important;
}