[dir="rtl"] body {
  font-family: var(--font-ar);
}

[dir="rtl"] .hero-text {
  text-align: right;
}

[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .two-col {
  direction: rtl;
}

[dir="rtl"] .service-icon {
  margin-inline-start: 0;
  margin-inline-end: .5rem;
}

[dir="rtl"] .breadcrumb-separator {
  transform: scaleX(-1);
}

[dir="rtl"] .hero-actions {
  justify-content: flex-start;
}

[dir="rtl"] .footer-bottom-inner {
  direction: rtl;
}