@font-face {
  font-family: "MAJMR Arabic";
  src: url("../fonts/majmr-arabic-regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "MAJMR Arabic";
  src: url("../fonts/majmr-arabic-medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "MAJMR Arabic";
  src: url("../fonts/majmr-arabic-semibold.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "MAJMR Arabic";
  src: url("../fonts/majmr-arabic-bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}

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

html[lang="ar"] body {
  --rr-ff-body: "MAJMR Arabic", Tahoma, Arial, sans-serif;
  --rr-ff-heading: "MAJMR Arabic", Tahoma, Arial, sans-serif;
  --rr-ff-heading-2: "MAJMR Arabic", Tahoma, Arial, sans-serif;
  --rr-ff-p: "MAJMR Arabic", Tahoma, Arial, sans-serif;
  --rr-ff-body-2: "MAJMR Arabic", Tahoma, Arial, sans-serif;
  direction: rtl;
  font-family: "MAJMR Arabic", Tahoma, Arial, sans-serif;
  text-align: right;
}

html[lang="ar"] :is(h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, option, label, li, th, td) {
  font-family: "MAJMR Arabic", Tahoma, Arial, sans-serif;
  letter-spacing: normal !important;
}

html[lang="ar"] :is(.line, .word, .arabic-word, .anim-text, [data-text-animation]) {
  letter-spacing: normal !important;
}

html[lang="ar"] .header .primary-header-inner .header-menu-wrap,
html[lang="ar"] .header .primary-header-inner .header-menu-wrap > .mobile-menu-items,
html[lang="ar"] .header .primary-header-inner .header-menu-wrap > .mobile-menu-items > ul {
  direction: rtl;
  text-align: right;
}

html[lang="ar"] .header .primary-header-inner .header-menu-wrap > .mobile-menu-items > ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

html[lang="ar"] .header .primary-header-inner .header-menu-wrap ul li ul {
  right: 0;
  left: auto;
  text-align: right;
  transform-origin: 100% 0;
}

html[lang="ar"] .header .primary-header-inner .header-menu-wrap ul li li {
  text-align: right;
}

html[lang="ar"] .header .primary-header-inner .header-menu-wrap ul li li ul {
  right: 100%;
  left: auto;
}

@media (min-width: 993px) {
  html[lang="ar"] .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    right: 37% !important;
    left: auto !important;
    direction: rtl;
    grid-auto-flow: row;
    text-align: right;
  }
}

@media (min-width: 993px) and (max-width: 1600px) {
  html[lang="ar"] .header .primary-header-inner .header-menu-wrap ul li.mega-menu ul {
    right: 24% !important;
    left: auto !important;
  }
}

@media (max-width: 992px) {
  html[lang="ar"] .header .primary-header-inner .header-menu-wrap > .mobile-menu-items > ul {
    display: none;
  }

  html[lang="ar"] .mean-bar,
  html[lang="ar"] .mean-bar .mean-nav,
  html[lang="ar"] .mean-bar .mean-nav ul,
  html[lang="ar"] .mean-bar .mean-nav ul li,
  html[lang="ar"] .mean-bar .mean-nav ul li a {
    direction: rtl;
    text-align: right;
  }

  html[lang="ar"] .mean-bar .mean-nav.mean-nav > ul li a.mean-expand {
    right: auto;
    left: 0;
  }
}