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

/* Force text alignment for common classes */
[dir="rtl"] .text-left,
[dir="rtl"] .text-start {
  text-align: right !important;
}

[dir="rtl"] .text-right,
[dir="rtl"] .text-end {
  text-align: left !important;
}

/* Margin and Padding flipping for Bootstrap 5 if helper classes are used */
[dir="rtl"] .ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Icon mirroring */
[dir="rtl"] .la-angle-right::before,
[dir="rtl"] .fa-angle-right::before,
[dir="rtl"] .la-chevron-right::before,
[dir="rtl"] .fa-chevron-right::before {
  content: "\f104" !important;
  /* angle-left content for FontAwesome/LineAwesome */
}

[dir="rtl"] .la-angle-left::before,
[dir="rtl"] .fa-angle-left::before,
[dir="rtl"] .la-chevron-left::before,
[dir="rtl"] .fa-chevron-left::before {
  content: "\f105" !important;
  /* angle-right content */
}

/* Float Mirroring */
[dir="rtl"] .float-left {
  float: right !important;
}

[dir="rtl"] .float-right {
  float: left !important;
}

/* Input Group Mirroring */
[dir="rtl"] .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: -1px;
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}