/* Cairo for Arabic / RTL */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

html[dir="rtl"],
html[lang="ar"],
body.rtl,
body.arabic-font,
.rtl {
  font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

html[dir="rtl"] body,
html[lang="ar"] body,
body.rtl,
body.arabic-font {
  font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .btn,
html[dir="rtl"] .card-title,
html[dir="rtl"] .card-text,
html[dir="rtl"] .navbar,
html[dir="rtl"] .dropdown-menu,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] span,
html[lang="ar"] li,
html[lang="ar"] label,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] .btn,
body.arabic-font h1,
body.arabic-font h2,
body.arabic-font h3,
body.arabic-font h4,
body.arabic-font h5,
body.arabic-font h6,
body.arabic-font p,
body.arabic-font a,
body.arabic-font span,
body.arabic-font li,
body.arabic-font label,
body.arabic-font button,
body.arabic-font input,
body.arabic-font textarea,
body.arabic-font select,
body.arabic-font .btn {
  font-family: "Cairo", "Segoe UI", Tahoma, Arial, sans-serif !important;
}