@font-face {
  font-family: "arabic-light";
  src: url("../fonts/arabic_font/arabic-light.otf")
    format("opentype");
  font-display: swap;
}

html,
body {
  overscroll-behavior: none;
  backface-visibility: hidden;
  scroll-behavior: auto !important;
}

/* === RTL layout adjustments === */
body.rtl {
  direction: rtl;
  text-align: right;
}


body.rtl h2,
body.rtl p {
  font-family: "arabic-light", sans-serif !important;
  text-align: right;
  padding-right: 1rem;
}
/* body.rtl p {
  font-family: "arabic-light", sans-serif !important;
  text-align: right;
} */


body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl p,
body.rtl button,
body.div,
body.rtl a {
  font-family: "arabic-light", sans-serif !important;
}

body.rtl section {
  font-family: "arabic-light", sans-serif !important;
}

body.rtl .hero_list_items ul,
body.rtl .whyus-hero_list_items ul,
body.rtl .team-hero_list_items ul,
body.rtl .services-hero_list_items ul,
body.rtl .contact-hero_list_items ul
 {
  left: -50px;
  right: auto;
}

body.rtl .contact-hero_list_items ul {
  padding: 2rem 1.2rem;
}

body.rtl .footer_bottom_left::before {
  left: auto;
  right: 0;
}

body.rtl .connect-top-btn {
  right: auto;
  left: 0;
}


body.rtl .majid-img-2,
body.rtl .intro-img-2,
body.rtl .ice-img-2,
body.rtl .about-img-2,
body.rtl .whychoseus-img-2,
body.rtl .mission-img-2,
body.rtl .whychoseus-sect2-img-2
{
  right: auto;
  left: 0;
}

body.rtl .judge-img-2,
body.rtl .why-img-2
{
  right: auto;
  left: 50px;
}
body.rtl .team-majid-img-2
{
  right: auto;
  left: 70px;
}

body.rtl .clients-content h1,
body.rtl .why-content h1
{
  text-align: right;
}

body.rtl .counter-obj {
  right: auto;
  left: 4rem;
  bottom: -1rem;
}

body.rtl .navbar {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* body.rtl .msg h4 span, */
body.rtl .msg h4{
  font-size: 1.1rem !important;
}
body.rtl .team-majid-content h1{
  text-align: right;
}

body.rtl .services_text h2 {
  text-align: center;
}


@media (max-width: 480px) {
  body.rtl .hover-links {
    text-align: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
  }
  body.rtl .hover-links ul {
    margin-right: 3rem;
  }
  body.rtl .connect-top-btn {
    left: auto;
    right: 0;
  }
}