/* Dedicated /ar/brands RTL layer. English pages do not load this file. */
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] #root,
html[dir="rtl"] #root > div {
  direction: rtl;
  font-family: "Somar", "Alexandria", system-ui, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  font-family: "Somar", "Alexandria", system-ui, sans-serif !important;
  font-weight: 900 !important;
}

html[dir="rtl"] button,
html[dir="rtl"] a {
  font-family: "Somar", "Alexandria", system-ui, sans-serif;
}

html[dir="rtl"] .hero-grid,
html[dir="rtl"] .stats-grid,
html[dir="rtl"] .offers-grid,
html[dir="rtl"] .hiw-split,
html[dir="rtl"] .hiw-steps-row,
html[dir="rtl"] .hiw-phase-row,
html[dir="rtl"] .benchmark-grid,
html[dir="rtl"] .feature-row,
html[dir="rtl"] .compare-table,
html[dir="rtl"] .compare-cards,
html[dir="rtl"] .cta-split,
html[dir="rtl"] .footer-grid {
  direction: rtl;
}

html[dir="rtl"] .hero-grid,
html[dir="rtl"] .offers-grid,
html[dir="rtl"] .hiw-split,
html[dir="rtl"] .benchmark-grid,
html[dir="rtl"] .feature-row,
html[dir="rtl"] .compare-cards,
html[dir="rtl"] .cta-split,
html[dir="rtl"] .footer-grid {
  text-align: right;
}

html[dir="rtl"] .hero-carousel {
  direction: rtl;
}

html[dir="rtl"] .hero-carousel-col:first-child {
  grid-column: 2;
}

html[dir="rtl"] .hero-carousel-col:last-child {
  grid-column: 1;
}

html[dir="rtl"] .hc-meta-wrap,
html[dir="rtl"] .hc-title {
  text-align: right;
}

html[dir="rtl"] .marquee-track {
  animation-direction: reverse;
}

html[dir="rtl"] [dir="ltr"],
html[dir="rtl"] .ltr-inline,
html[dir="rtl"] [data-ltr="true"],
html[dir="rtl"] .hc-meta,
html[dir="rtl"] .hc-chip,
html[dir="rtl"] img,
html[dir="rtl"] video {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] .compare-table-wrap table,
html[dir="rtl"] .compare-table-wrap [role="table"] {
  direction: rtl;
}

html[dir="rtl"] .proof-row > div + div {
  border-inline-start: 1px solid rgba(33, 0, 14, 0.08);
  border-inline-end: 0;
}

@media (max-width: 900px) {
  html[dir="rtl"] .nav-mobile-actions {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
  }
}

@media (max-width: 760px) {
  html[dir="rtl"] .hero-carousel-col:first-child,
  html[dir="rtl"] .hero-carousel-col:last-child {
    grid-column: auto;
  }
}