/* Universal Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.swiper-pagination-bullet {
    background: #a5b4fc; /* violet-300 */
    opacity: 1;
  }

  /* Active pagination bullet */
  .swiper-pagination-bullet-active {
    background: #4f46e5; /* violet-700 */
  }

/* Sticky Navbar */
#scroll-nav {
  font-weight: 500;
  width: 100%;
  min-height: 6vh;
  transition: background-color 0.3s ease;
  position: sticky;
  top: 0; /* Keep it at the top while scrolling */
  z-index: 100; /* Ensure it stays above other content */
}

.sticky-nav {
  background-color: white; /* Add white background when sticky */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Optional shadow effect */
}

/* Mobile Menu Transition */
#mobile-nav {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

#mobile-nav.open {
  max-height: 500px; /* Adjust according to content height */
  opacity: 1;
}

.font-montserrat {
  font-family: 'Montserrat', sans-serif; /* Make sure you've imported this font in your <head> */
}

.font-open-sans {
  font-family: 'Open Sans', sans-serif; /* Make sure you've imported this font in your <head> */
}

  .carousel-img {
    width: 100%;
    flex-shrink: 0;
    border-radius: 50%;
  }