/* RTL Overrides for Arabic */
html[dir="rtl"],
html[lang="ar"] {
  direction: rtl;
  text-align: right;
}

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

html[dir="rtl"] .nav-inner,
html[lang="ar"] .nav-inner {
  flex-direction: row-reverse;
}

html[dir="rtl"] .nav-links,
html[lang="ar"] .nav-links {
  margin-left: auto;
  margin-right: 0;
}

html[dir="rtl"] .nav-cta,
html[lang="ar"] .nav-cta {
  margin-left: 0;
}

html[dir="rtl"] .lang-dropdown,
html[lang="ar"] .lang-dropdown {
  right: auto;
  left: 0;
}

html[dir="rtl"] li,
html[lang="ar"] li {
  text-align: right;
}

html[dir="rtl"] .hero-content h1,
html[lang="ar"] .hero-content h1 {
  text-align: right;
}

html[dir="rtl"] .hero-content p,
html[lang="ar"] .hero-content p {
  text-align: right;
}

html[dir="rtl"] .float-contact,
html[lang="ar"] .float-contact {
  right: auto;
  left: 20px;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[lang="ar"] input,
html[lang="ar"] textarea {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .footer-grid,
html[lang="ar"] .footer-grid {
  text-align: right;
}

html[dir="rtl"] .container,
html[lang="ar"] .container {
  text-align: right;
}

html[dir="rtl"] .grid-2,
html[lang="ar"] .grid-2 {
  direction: rtl;
}