@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

body, a, p,h1,h2,h3,h4,h5,div,table,.cairo
{
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
  font-weight: inherit;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;

}

h1,h2,h1 a,h2 a,h3 a,h4 a,h5 a,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,
.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover {
    font-weight: 700 !important;
}

a, a:hover, a:focus{  font-weight: 700 !important;}

/* Ensure proper behavior for RTL mode */
html[lang="ar"] .carousel-item {
    direction: rtl; /* Ensure text direction is RTL */
    transform: translateX(100%); /* Slide comes from the right */
}

html[lang="ar"] .carousel-item.active {
    transform: translateX(0); /* Active slide stays in place */
}

/* Fix positioning for right-to-left scrolling */
html[lang="ar"] .carousel-inner {
    direction: rtl; /* Change carousel inner container to rtl */
}

html[lang="ar"] .carousel-control-prev {
    right: 0;
    left: auto;
}

html[lang="ar"] .carousel-control-next {
    left: 0;
    right: auto;
}
/* Adjust direction of flexbox for RTL */
html[lang="ar"] .flex-md-row-reverse {
    flex-direction: row-reverse;
}

/* Adjust margin for RTL */
html[lang="ar"] .ml-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

html[lang="ar"] .ml-4 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}