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

body.rtl h2::after {
  left: auto;
  right: 0;
}

body.rtl ul,
body.rtl ol {
  padding-left: 0;
  padding-right: 1.25rem;
}

body.rtl .urgent-banner .container {
  flex-direction: row-reverse;
}

body.rtl .nav-wrap {
  direction: rtl;
}

body.rtl .logo {
  flex-direction: row-reverse;
}

body.rtl .nav-list,
body.rtl .nav-side,
body.rtl .lang-switcher,
body.rtl .mobile-brand,
body.rtl .footer-brand,
body.rtl .hero-actions,
body.rtl .trust-item,
body.rtl .radio-card,
body.rtl .linkedin-link {
  flex-direction: row-reverse;
}

body.rtl .dropdown {
  left: auto;
  right: 0;
}

body.rtl .mobile-menu {
  transform: translateX(-100%);
}

body.rtl .mobile-menu.open {
  transform: translateX(0);
}

body.rtl .mobile-submenu {
  padding-left: 0;
  padding-right: 0.9rem;
}

body.rtl .scroll-indicator {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

body.rtl .scroll-indicator svg {
  transform: scaleX(-1);
}

body.rtl .timeline {
  border-left: 0;
  border-right: 3px solid var(--color-border);
  padding-left: 0;
  padding-right: 1.2rem;
}

body.rtl .timeline li::before {
  left: auto;
  right: -1.53rem;
}

body.rtl summary {
  text-align: right;
}

body.rtl .character-counter {
  text-align: left;
}

body.rtl .steps li:not(:last-child)::after {
  right: auto;
  left: -19px;
}

body.rtl .form-note,
body.rtl .small-text,
body.rtl .footer-bottom {
  text-align: right;
}

body.rtl .logo span,
body.rtl .mobile-brand span,
body.rtl .footer-brand span,
body.rtl .form-row-inline label span {
  text-align: right;
}

body.rtl .form-row-inline label {
  direction: rtl;
  padding-left: 0;
  padding-right: 1.95rem;
}

body.rtl .form-row-inline label input[type="radio"],
body.rtl .form-row-inline label input[type="checkbox"] {
  left: auto;
  right: 0.6rem;
}

body.rtl .form-options-grid label {
  padding-left: 0.65rem;
  padding-right: 2.05rem;
}

body.rtl .form-consent label {
  padding-left: 0;
  padding-right: 1.95rem;
}

body.rtl .form-consent label input[type="checkbox"] {
  left: auto;
  right: 0;
}

body.rtl input,
body.rtl select,
body.rtl textarea,
body.rtl summary,
body.rtl .mobile-menu a,
body.rtl .mobile-menu button {
  text-align: right;
}

@media (max-width: 1023px) {
  body.rtl .mobile-menu-toggle span,
  body.rtl .mobile-menu-toggle span::before,
  body.rtl .mobile-menu-toggle span::after {
    left: auto;
    right: 10px;
  }
}