/* Make picture and image fill the banner container */
.banner-style-two picture,
.banner-style-two img {
  width: 100%;
  object-fit: cover;
  display: block;
}

/* Owl carousel wrapper (already full width, but keep this just in case) */
.owl-carousel {
  margin: 0 auto;
  width: 100%;
}

/* Default height for desktop */
.banner-style-two {
  height: 800px;
}

/* Adjust height for tablets */
@media (max-width: 1023px) {
  .banner-style-two {
    height: 500px;
  }
}

/* Adjust height for mobile */
@media (max-width: 767px) {
  .banner-style-two {
    height: 245px;
  }
}
.owl-dots {
  text-align: center;
  margin-top: 15px; /* optional spacing below carousel */
}