html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: "Tajawal", sans-serif;
}

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"] li,
html[dir="rtl"] span,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] label {
  font-family: "Tajawal", sans-serif;
}

html[dir="rtl"] .dropdown ul {
  right: 0;
  left: auto;
}

html[dir="rtl"] .ms-4 {
  margin-right: 1.5rem !important;
  margin-left: 0 !important;
}

html[dir="rtl"] .me-2 {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}