html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  text-align: right;
}

html[dir="rtl"] .main-nav,
html[dir="rtl"] .header-actions,
html[dir="rtl"] .nav-shell,
html[dir="rtl"] .hero-trust,
html[dir="rtl"] .btn-row,
html[dir="rtl"] .footer-bottom {
  direction: rtl;
}

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

html[dir="rtl"] .form-grid,
html[dir="rtl"] .grid,
html[dir="rtl"] .product-grid,
html[dir="rtl"] .service-grid,
html[dir="rtl"] .grid-2,
html[dir="rtl"] .grid-3,
html[dir="rtl"] .grid-4,
html[dir="rtl"] .feature-strip-grid {
  direction: rtl;
}

html[dir="rtl"] .check-list li,
html[dir="rtl"] .info-item,
html[dir="rtl"] .page-hero-card li,
html[dir="rtl"] .testimonial-meta,
html[dir="rtl"] .cta-content {
  direction: rtl;
}

@media (max-width: 840px) {
  html[dir="rtl"] .main-nav {
    transform: translateX(-100%);
  }

  html[dir="rtl"] .main-nav.is-open {
    transform: translateX(0);
  }
}