/* Arabic only. Mirrors the layout for right-to-left reading. */

html[lang="ar"] {
  direction: rtl;
}

html[lang="ar"] header .btn_lang {
  padding: 2px 34px 0 24px;
}

html[lang="ar"] header .btn_lang::before {
  left: auto;
  right: 0;
}

html[lang="ar"] header .btn_lang::after {
  right: auto;
  left: 0;
}

html[lang="ar"] header .btn {
  margin-left: 0;
  margin-right: 1.8rem;
}

html[lang="ar"] header nav .sub-menu {
  left: auto;
  right: -24px;
  text-align: right;
}

@media screen and (min-width: 1661px) {
  html[lang="ar"] header .logo {
    margin-left: auto;
    margin-right: 6.1rem;
  }
}

@media screen and (max-width: 1660px) {
  html[lang="ar"] header .btn {
    margin-right: 0;
  }
}

@media screen and (min-width: 1025px) {
  html[lang="ar"] header nav .menu > li {
    flex-shrink: 0;
  }

  html[lang="ar"] header nav .menu > li > a {
    white-space: nowrap;
  }

  html[lang="ar"] header .btn {
    white-space: nowrap;
  }
}

@media screen and (max-width: 1024px) {
  html[lang="ar"] header nav {
    direction: ltr;
  }

  html[lang="ar"] header nav .con {
    margin-left: auto;
    transform: translateX(100%);
  }

  html[lang="ar"] header nav.active .con {
    transform: translateX(0);
  }

  html[lang="ar"] header nav .menu,
  html[lang="ar"] header nav .sub-menu {
    direction: rtl;
    text-align: right;
  }

  html[lang="ar"] header nav .close_box .close {
    margin-left: 0;
    margin-right: auto;
  }
}

html[lang="ar"] .contact_sidebar {
  right: auto;
  left: 1.1%;
}

html[lang="ar"] .fixed .contact_sidebar {
  right: auto;
  left: calc(1.1% + 17px);
}

html[lang="ar"] .contact_sidebar li .number {
  right: auto;
  left: 0;
  padding: 12px 20px 12px 41px;
}

html[lang="ar"] .contact_sidebar li:hover .number {
  padding: 12px 20px 12px 5rem;
}

@media screen and (max-width: 768px) {
  html[lang="ar"] .contact_sidebar,
  html[lang="ar"] .fixed .contact_sidebar {
    right: auto;
    left: 12px;
  }

  html[lang="ar"] .contact_sidebar li .number {
    padding: 12px 1rem 12px 24px;
  }
}

html[lang="ar"] .wpcf7 input,
html[lang="ar"] .wpcf7 textarea,
html[lang="ar"] .searchform input {
  text-align: right;
}

html[lang="ar"] .wpcf7 .label {
  text-align: right;
}