:root {
  /* 🎨 Colors */
  --color-primary: rgba(248, 194, 34, 1);
  --color-body  : rgb(244, 241, 235) ; 

  --color-heading: rgba(30, 41, 57, 1);
  --color-subtitle: rgba(55, 81, 111, 1);
  --color-paragraph: rgba(87, 83, 77, 1);

  --color-btn-text-active: rgba(0, 0, 0, 1);
  --color-btn-text-inactive: rgba(55, 81, 111, 1);

  /* 🔤 Typography */
  --font-primary: "Noto Sans Arabic", sans-serif;
}
body  , html {
  scroll-behavior: smooth;
}
body {
  background-color: var(--color-body);
  font-family: var(--font-primary);
}
.swiper-slide {
  transition: transform 0.3s ease;
}

.moving-text {
  display: flex;
  animation: scroll 20s linear infinite;
}

.moving-text:hover {
  animation-play-state: paused; /* stops on hover */
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* scroll half width because content is duplicated */
  }
}