/* ===== Banner Wrapper ===== */
.banner-carousel {
  width: 100%;
  overflow: hidden;
}

/* Carousel container */
#industryBanner {
  width: 100%;
}

/* Clickable banner */
.banner-link {
  display: block;
  width: 100%;
}

/* Banner Image */
.banner-img {
  width: 100%;
  height: auto;
  max-height: 50rem;     /* Desktop ad height */
  object-fit: contain;  /* NO CROPPING */
  background: #ffffff;
}

/* Fade animation smoother */
.carousel-fade .carousel-item {
  transition: opacity 0.9s ease-in-out;
}

/* Controls styling */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 60% 60%;
  background-color: rgba(0,0,0,0.35);
  border-radius: 50%;
  padding: 0.6rem;
}

/* Indicators */
.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #adb5bd;
}

.carousel-indicators .active {
  background-color: #f4b400; /* Cement Industry Accent */
}

/* ===== Responsive Heights ===== */
@media (max-width: 1199px) {
  .banner-img {
    max-height: 50rem;
  }
}

@media (max-width: 991px) {
  .banner-img {
    max-height: 35rem;
  }
}

@media (max-width: 576px) {
  .banner-img {
    max-height: 30rem;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    padding: 0.4rem;
  }
}