* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html[lang="ar"] p {
  direction: rtl;
}
#copyrights {
  direction: ltr !important;
}
body {
  font-family: "tajawal";
  color: white;
}
#mobile-menu {
  background: linear-gradient(
    0deg,
    rgba(242, 107, 33, 0.96) 0%,
    rgba(242, 107, 33, 1) 0%,
    rgba(106, 62, 38, 1) 0%,
    rgba(72, 51, 39, 1) 0%,
    rgba(40, 40, 40, 1) 100%
  );
}

@keyframes slidesar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slidesen {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
html[lang="en"] .animate-news {
  white-space: nowrap;
  animation: slidesen 15s linear infinite;
}
html[lang="ar"] .animate-news {
  white-space: nowrap;
  animation: slidesar 15s linear infinite;
}
html[lang="tr"] .animate-news {
  white-space: nowrap;
  animation: slidesen 15s linear infinite;
}

.swiper-button-next,
.swiper-button-prev {
  display: none !important;
}
#active-img > div {
  background: #71cc9e;
  background: linear-gradient(
    0deg,
    rgba(113, 204, 158, 1) 0%,
    rgba(54, 70, 62, 1) 0%,
    rgba(40, 40, 40, 1) 100%
  );
}
.green-gradient {
  background: #71cc9e;
  background: linear-gradient(
    0deg,
    rgba(113, 204, 158, 1) 0%,
    rgba(54, 70, 62, 1) 0%,
    rgba(40, 40, 40, 1) 100%
  );
}
.orange-gradient {
  background: #f26b21;
  background: linear-gradient(
    0deg,
    rgba(242, 107, 33, 1) 0%,
    rgba(106, 62, 38, 1) 0%,
    rgba(40, 40, 40, 1) 100%
  );
}
#active-img2 > div {
  background: #f26b21;
  background: linear-gradient(
    0deg,
    rgba(242, 107, 33, 1) 0%,
    rgba(106, 62, 38, 1) 0%,
    rgba(40, 40, 40, 1) 100%
  );
}
.swiper-pagination {
  padding-top: 20px !important;
  position: static !important;
}
.swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
  background-color: #f26b21 !important;
}

/* Active bullet */
.swiper-pagination-bullet-active {
  background-color: #f26b21 !important;
  width: 32px !important;
  border-radius: 8px !important;
}
@media (max-width: 640px) {
  .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
  }

  .swiper-pagination-bullet-active {
    width: 20px !important;
    border-radius: 5px !important;
  }

  .swiper-pagination {
    padding-top: 10px !important;
  }
}

.mySwiper2 .swiper-slide-active > div {
  background-color: #f26b21;
  color: white;
}
.mySwiper2 div > img {
  filter: brightness(0) invert(0.7);
}
.mySwiper2 .swiper-slide > div:hover div > img {
  filter: brightness(1) invert(0);
}
.mySwiper2 .swiper-slide-active div > img {
  filter: brightness(1) invert(0);
}

/* footer */
footer ul li {
  margin: 10px;
}
html[lang="ar"] footer ul li a {
  padding-right: 20px;
}
html[lang="en"] footer ul li a {
  padding-left: 20px;
}
html[lang="tr"] footer ul li a {
  padding-left: 20px;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}