* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.swiper-container {
  height: 100%;
  width: 100%;
}

/* Parallax-specific styles for the slides */
.swiper-slide {
  background-size: cover;
  background-position: center;
  height: 100vh;
  position: relative; /* Ensure proper layering */
  overflow: hidden;
  transform: translateZ(0); /* GPU acceleration */
}

/* Custom styles for Swiper controls */
.swiper-button-next,
.swiper-button-prev {
  color: white;
}

.swiper-pagination-bullet {
  background: white;
}


/* Responsive Design */
@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }

}