html[dir="rtl"] {
  --font-sans: 'DM Sans', 'Noto Sans Arabic', sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  font-family: var(--font-sans, 'DM Sans', 'Noto Sans Arabic', sans-serif);
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: start;
}

html[dir="rtl"] .hero-headline p,
html[dir="rtl"] .hero-headline h1,
html[dir="rtl"] .octa-hl,
html[dir="rtl"] .pain-headline {
  unicode-bidi: isolate;
  text-align: start;
}

html[dir="rtl"] .nav-cta-primary,
html[dir="rtl"] .hero-cta,
html[dir="rtl"] .btn-glass,
html[dir="rtl"] .octa-btn {
  flex-direction: row;
}

html[dir="rtl"] .nav-wordmark {
  left: auto !important;
  right: auto !important;
  inset-inline-start: var(--page-pad-x, 40px) !important;
  inset-inline-end: auto !important;
}

@media (min-width: 1201px) {
  html[dir="rtl"] .nav-pill-wrap {
    left: 40px !important;
    right: auto !important;
    max-width: calc(100vw - 240px) !important;
  }
}

@media (max-width: 1200px) {
  html[dir="rtl"] .nav-wordmark {
    inset-inline-start: var(--space-5, 20px) !important;
  }
}

html[dir="rtl"] .nav-hamburger,
html[dir="rtl"] #hamburger.nav-hamburger {
  left: auto !important;
  right: auto !important;
  inset-inline-end: 12px !important;
  inset-inline-start: auto !important;
}

html[dir="rtl"] img.no-rtl-flip,
html[dir="rtl"] .nav-wordmark img,
html[dir="rtl"] .footer-wordmark img {
  transform: none;
}

html[dir="rtl"] .breadcrumbs ol,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .crumbs {
  flex-direction: row;
}

html[dir="rtl"] .asttero-lang-list,
html[dir="rtl"] .nav-lang-list,
html[dir="rtl"] .asttero-market-hint,
html[dir="rtl"] .footer-nav,
html[dir="rtl"] .footer-bottom {
  flex-direction: row;
}

html[dir="rtl"] .asttero-market-close {
  right: auto;
  left: -10px;
}

html[dir="rtl"] img,
html[dir="rtl"] video,
html[dir="rtl"] svg.logo,
html[dir="rtl"] .nav-wordmark img,
html[dir="rtl"] .hero-visual img,
html[dir="rtl"] .case-cover img {
  transform: none;
}

html[dir="rtl"] .svc-word {
  transform: none;
}

html[dir="rtl"] .svc-row,
html[dir="rtl"] .octa,
html[dir="rtl"] .hero,
html[dir="rtl"] .wm,
html[dir="rtl"] #hero-wm {
  overflow: hidden;
}

html[dir="rtl"] .nav-dropdown-arrow,
html[dir="rtl"] .nav-overlay-chev,
html[dir="rtl"] [class*="icon-arrow"],
html[dir="rtl"] .pagination a[rel="prev"],
html[dir="rtl"] .pagination a[rel="next"],
html[dir="rtl"] [data-asttero-week-button] {
  transform: scaleX(-1);
}

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

html[dir="rtl"] .nav-dropdown .nav-submenu {
  left: auto !important;
  right: calc(100% + var(--space-2, 8px)) !important;
  transform: translateX(8px) !important;
}

html[dir="rtl"] .nav-dropdown .nav-submenu::before {
  left: auto;
  right: calc(-1 * var(--space-4, 16px));
}

html[dir="rtl"] .nav-dropdown-item--has-sub:hover > .nav-submenu,
html[dir="rtl"] .nav-dropdown-item--has-sub:focus-within > .nav-submenu {
  transform: translateX(0) !important;
}

html[dir="rtl"] .nav-dropdown-item--has-sub::after {
  right: auto;
  left: calc(-1 * var(--space-5, 20px));
}

html[dir="rtl"] .nav-dropdown > ul > li > a {
  margin-left: 0;
  margin-inline-start: calc(-1 * var(--space-3, 12px));
}

html[dir="rtl"] .partners-track-wrap,
html[dir="rtl"] .partners-track {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] .partners-track {
  animation-name: partners-scroll;
}

html[dir="rtl"] .svc-acc-link:hover .svc-acc-arrow {
  transform: translateX(-3px);
}

html[dir="rtl"] .svc-acc-item {
  transition-property: right, top, width, height;
}

html[dir="rtl"] .svc-acc-body-text {
  padding-left: var(--space-10);
  padding-right: calc(var(--space-10) + 100px + var(--space-6) + 1px + var(--space-6));
}

@media (min-width: 1201px) and (max-width: 1320px) {
  html[dir="rtl"] .svc-acc-body-text {
    padding-left: var(--space-8);
    padding-right: calc(var(--space-8) + 84px + var(--space-5) + 1px + var(--space-5));
  }
}

html[dir="rtl"] .nav-overlay-sub--nested {
  padding-left: 0;
  padding-inline-start: var(--space-4, 16px);
}

html[dir="rtl"] .form-privacy input[type="checkbox"],
html[dir="rtl"] .privacy-check input[type="checkbox"] {
  margin: 0 0 0 12px;
}

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

html[dir="rtl"] .metric-label,
html[dir="rtl"] .metric-num,
html[dir="rtl"] .svc-acc-label,
html[dir="rtl"] .svc-acc-num,
html[dir="rtl"] .svc-acc-body-text,
html[dir="rtl"] .asttero-pricing-disclaimer,
html[dir="rtl"] .privacy-check {
  unicode-bidi: isolate;
  text-align: start;
}