/* Custom Swiper Styles */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { 
  width: 24px !important; 
  height: 12px !important; 
  border-radius: 10px !important; 
  margin: 0 6px !important; 
} 

.swiper-pagination { 
  position: relative !important;
  bottom: 2px !important; 
} 

.swiper-wrapper { 
  padding-bottom: 40px;
  display: flex !important;
  width: auto !important; /* Allow natural width */
} 

.swiper-pagination-bullet-active { 
  background: #ad46ff !important; 
} 

.swiper-slide.swiper-slide-active>.slide_active\:border-white { 
  --tw-border-opacity: 1; 
  border-color: rgb(255 255 255 / var(--tw-border-opacity)); 
} 

.swiper-slide.swiper-slide-active>.group .slide_active\:text-white { 
  --tw-text-opacity: 1; 
  color: rgb(255 255 255 / var(--tw-text-opacity)); 
}

/* Responsive adjustments for the swiper */

.swiper-slide {
  height: auto !important;
}


/* Only make slides full width on mobile */
@media (max-width: 767px) {
  .swiper-slide {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  .swiper {
    padding: 0 8px;
  }
}

      /* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

form:invalid [type="submit"] {
  pointer-events: none;
  opacity: 0.5;
}