body {
  font-family: 'Poppins', sans-serif;
}

.rotate-180 {
  transform: rotate(180deg);
}

.bg-primary {
  background-color: #166534;
}

.text-primary {
  color: #166534;
}

.bg-secondary {
  background-color: #fde047;
}

.text-secondary {
  color: #fde047;
}

.border-secondary {
  border-color: #fde047;
}

/* Smooth marquee animation */
@keyframes marquee-loop {
  0% {
    transform: translateX(10%);
  }

  100% {
    transform: translateX(-50%);
  }

  /* Aadhe raaste pe loop restart ho jayega */
}

.marquee-wrapper {
  display: flex;
  width: max-content;
  /* Text ki length ke hisaab se space lega */
  animation: marquee-loop 0.3s linear infinite;
  /* Mobile ke liye default slow speed */
}

/* Desktop par speed thodi fast karne ke liye */
@media (min-width: 768px) {
  .marquee-wrapper {
    animation-duration: 15s;
  }
}

.marquee-container:hover .marquee-wrapper {
  animation-play-state: paused;
}


/*================== slider section=====================*/
.swiper-button-next::after, 
.swiper-button-prev::after {
  display: none !important;
}
.swiper-button-next, 
.swiper-button-prev {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 50;
}

.swiper-pagination-bullet-active {
  background: #FACC15 !important;
  width: 25px;
  border-radius: 5px;
  transition: width 0.3s ease;
}

/* 4. Small size adjustments for Mobile */
@media (max-width: 768px) {
  .swiper-pagination-bullet-active {
    width: 15px !important; 
  }
  .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
}



/*==================== Antiraging & Notice =================*/

.notice-upward-marquee {
  animation: marquee-up 15s linear infinite;
}

/* Pause scrolling when user hovers */
.group:hover .notice-upward-marquee {
  animation-play-state: paused;
}

@keyframes marquee-up {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); } /* Adjust based on total height of notices */
}
@keyframes swing {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(12deg); }
  75% { transform: rotate(-12deg); }
}
.animate-swing { animation: swing 3s infinite ease-in-out; transform-origin: top center; display: inline-block; }