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

html[dir="rtl"] .ms-auto {
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
}

html[dir="rtl"] .me-3 {
  margin-inline-end: 0 !important;
  margin-inline-start: 1rem !important;
}

html[dir="rtl"] .ms-lg-auto {
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
}

html[dir="rtl"] .me-2 {
  margin-inline-end: 0 !important;
  margin-inline-start: 0.5rem !important;
}

html[dir="rtl"] .icon-me {
  margin-inline-start: 0;
  margin-inline-end: 0.35rem;
}

html[dir="rtl"] .categories .clear-search {
  margin-inline-start: 0.5rem;
  margin-inline-end: 0;
}

html[dir="rtl"] .categories-cta .ms-lg-auto {
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
}

html[dir="rtl"] .navbar .dropdown-menu,
html[dir="rtl"] .dropdown-menu {
  text-align: right;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-inline-start: 1rem;
  padding-inline-end: 0;
}

html[dir="rtl"] .about-panel {
  padding-inline: 1.5rem;
}

html[dir="rtl"] #plan-features li i {
  margin-inline-start: 0.5rem;
  margin-inline-end: 0;
}

html[dir="rtl"] .join-wrapper .form-check {
  padding-inline-start: 0;
}

html[dir="rtl"] .join-wrapper .form-check-input {
  margin-inline-end: 0;
  margin-inline-start: 0.5rem;
}

html[dir="rtl"] .about-chips .chip-like i,
html[dir="rtl"] .about-feature i {
  margin-inline-start: 0;
  margin-inline-end: 0.75rem;
}

html[dir="rtl"] .categories .badge-pill,
html[dir="rtl"] .categories .category-desc,
html[dir="rtl"] .categories .category-title {
  text-align: start;
}

html[dir="rtl"] .timeline-item .badge {
  right: var(--nh-space-2);
  left: auto;
}

html[dir="rtl"] .timeline-item .timeline-icon {
  margin-inline-end: 0;
  margin-inline-start: 1rem;
}

html[dir="rtl"] .timeline-item .timeline-content {
  text-align: start;
}

html[dir="rtl"] .timeline-item::before {
  inset-inline-start: auto;
  inset-inline-end: 20px;
}

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

html[dir="rtl"] .lang-switcher .btn + .btn {
  margin-inline-start: 0.35rem;
  margin-inline-end: 0;
}

html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-inline: 0.3rem;
}

html[dir="rtl"] .breadcrumb {
  justify-content: flex-end;
}

html[dir="rtl"] .form-label {
  text-align: start;
}

html[dir="rtl"] .join-box {
  text-align: start;
}