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

html[dir="rtl"] .main-nav,
html[dir="rtl"] .header-actions,
html[dir="rtl"] .brand,
html[dir="rtl"] .mobile-nav a,
html[dir="rtl"] .service-heading,
html[dir="rtl"] .quick-item,
html[dir="rtl"] .feature-item,
html[dir="rtl"] .list-card,
html[dir="rtl"] .process-step,
html[dir="rtl"] .contact-mini,
html[dir="rtl"] .newsletter-form,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .social-links,
html[dir="rtl"] .cta-actions,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .hero-meta,
html[dir="rtl"] .footer-bottom,
html[dir="rtl"] .breadcrumbs {
  direction: rtl;
}

html[dir="rtl"] .main-nav {
  gap: 18px;
}

html[dir="rtl"] .mobile-menu {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

html[dir="rtl"] .mobile-menu.open {
  transform: translateX(0);
}

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

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

html[dir="rtl"] .auth-header-cta {
  direction: rtl;
}

html[dir="rtl"] .checklist-panel li,
html[dir="rtl"] .note-list li,
html[dir="rtl"] .status-box,
html[dir="rtl"] .meta-pill,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .service-link,
html[dir="rtl"] .contact-mini span,
html[dir="rtl"] .cta-band .contact-mini i {
  direction: rtl;
}

html[dir="rtl"] .faq-question {
  text-align: right;
}

html[dir="rtl"] .form-field label,
html[dir="rtl"] .form-field input,
html[dir="rtl"] .form-field select,
html[dir="rtl"] .form-field textarea,
html[dir="rtl"] .form-row,
html[dir="rtl"] .price-table th,
html[dir="rtl"] .price-table td {
  text-align: right;
}

html[dir="rtl"] .timeline::before {
  left: auto;
  right: 4%;
}

html[dir="rtl"] .process-number {
  order: 1;
}

html[dir="rtl"] .page-hero .container,
html[dir="rtl"] .hero-grid,
html[dir="rtl"] .split-layout,
html[dir="rtl"] .editorial-feature,
html[dir="rtl"] .story-grid,
html[dir="rtl"] .two-column,
html[dir="rtl"] .cta-grid,
html[dir="rtl"] .location-grid,
html[dir="rtl"] .contact-grid {
  direction: rtl;
}

html[dir="rtl"] .main-nav a::after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .service-link i,
html[dir="rtl"] .btn i,
html[dir="rtl"] .quick-item i,
html[dir="rtl"] .mobile-nav a i,
html[dir="rtl"] .faq-question i {
  transform: scaleX(-1);
}

@media (max-width: 640px) {
  html[dir="rtl"] .timeline::before {
    left: auto;
    right: 22px;
  }
}