/* ✅ slider starts below fixed menu */
.hero-section {
  margin-top: 80px; /* adjust based on your fixed menu height */
}

/* ✅ Full screen slide with full image */
.heroBanner__swiper,
.swiper-wrapper,
.swiper-slide {
  height: 90vh;
  width: 100%;
}

.hero-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* image will cover whole screen */
}

/* ✅ Styling arrows */
.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  font-size: 40px;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}