@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/noto-sans-arabic.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

html[dir="rtl"] body {
  font-family: "Noto Sans Arabic", Inter, Arial, sans-serif;
  letter-spacing: 0;
}

html[dir="rtl"] * {
  letter-spacing: 0 !important;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .premium-cta,
html[dir="rtl"] .cta-copy,
html[dir="rtl"] .menu-panel,
html[dir="rtl"] .accordion,
html[dir="rtl"] footer {
  direction: rtl;
}

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

html[dir="rtl"] .hero h1,
html[dir="rtl"] .hero-offer,
html[dir="rtl"] .lead,
html[dir="rtl"] .section,
html[dir="rtl"] footer {
  text-align: right;
}

html[dir="rtl"] .hero h1 {
  line-height: 1.16 !important;
}

html[dir="rtl"] .section-title,
html[dir="rtl"] .section-sub {
  text-align: center;
}

html[dir="rtl"] .section.left h2,
html[dir="rtl"] .section-sub[style*="text-align:left"] {
  text-align: right !important;
}

html[dir="rtl"] .perk {
  border-right: 0;
  border-left: 1px solid #53617b88;
}

html[dir="rtl"] .perk:last-child {
  border-left: 0;
}

html[dir="rtl"] .feature::before {
  margin-right: 0;
  margin-left: 8px;
}

html[dir="rtl"] .menu-panel {
  right: auto;
  left: 12px;
}

html[dir="rtl"] .cta-chevron {
  transform: scaleX(-1);
}

html[dir="rtl"] .premium-cta .cta-copy {
  align-items: flex-start;
}

html[dir="rtl"] .premium-cta .cta-copy strong,
html[dir="rtl"] .premium-cta .cta-copy small {
  white-space: normal;
}

html[dir="rtl"] footer {
  padding-bottom: 115px;
}

html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] summary {
  cursor: default;
}

html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] summary {
  pointer-events: none;
}