html[dir="rtl"] body {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  text-align: right;
  letter-spacing: 0;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] select,
html[dir="rtl"] dt,
html[dir="rtl"] dd {
  letter-spacing: 0;
}

html[dir="rtl"] .nav-links a::after {
  right: 0;
  left: auto;
}

html[dir="rtl"] .hero-copy {
  padding-right: 10px;
  padding-left: 0;
}

html[dir="rtl"] .platform-card li {
  padding-right: 22px;
  padding-left: 0;
}

html[dir="rtl"] .platform-card li::before {
  right: 0;
  left: auto;
}

html[dir="rtl"] .featured-case-link::after {
  content: "←";
}

html[dir="rtl"] .case-media::after {
  content: "فتح الصورة";
  right: auto;
  left: 12px;
}

html[dir="rtl"] .lightbox-close {
  right: auto;
  left: 13px;
}

html[dir="rtl"] .demo-table th,
html[dir="rtl"] .demo-table td {
  text-align: right;
}

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

html[dir="rtl"] .map-legend {
  right: 16px;
  left: auto;
}

html[dir="rtl"] .whatsapp {
  right: auto;
  left: 22px;
}

html[dir="rtl"] .footer-demo {
  padding-left: 60px;
  padding-right: 18px;
}

html[dir="rtl"] .language-switch {
  min-width: 48px;
}

@media (max-width: 720px) {
  html[dir="rtl"] .whatsapp {
    right: auto;
    left: 14px;
  }

  html[dir="rtl"] .footer-demo {
    padding-right: 18px;
    padding-left: 60px;
  }
}