/* Hero Slider - Symmetric, clean, responsive */

.hero-slider {
  border-radius: 8px; /* rounded edges */
  overflow: hidden;   /* clip inner overflow */
}

/* equal height container for slides */
.hero-slider-inner,
.hero-slide {
  height: 380px; /* desktop default */
}

/* image fits nicely without stretching */
.hero-slide-img {
  /* height: 100%; */
  width: 100%;
  object-fit: cover;      /* fill while preserving aspect ratio */
  object-position: center; /* keep focal point centered */
  display: block;
}

/* indicators positioned slightly over image bottom */
.carousel-indicators {
  bottom: 12px;
}

/* Prev/next controls slightly outside for symmetry */
.carousel-control-prev,
.carousel-control-next {
  width: 8%;
}

/* Responsive heights */
@media (max-width: 1199px) {
  .hero-slider-inner,
  .hero-slide { height: 320px; }
}

@media (max-width: 991px) {
  .hero-slider-inner,
  .hero-slide { height: 260px; }
}

@media (max-width: 575px) {
  .hero-slider-inner,
  .hero-slide { height: 200px; }
}