/**
 * Bootstrap Utilities for Components
 * Hybrid Approach - Variables/mixins only, no compiled CSS
 */
.home-banner-photo {
  min-height: 360px;
}
@media (max-width: 1399.98px) {
  .home-banner-photo h1 {
    font-size: 2rem;
  }
  .home-banner-photo .lead {
    font-size: 1rem;
  }
}
.home-banner-photo .banner-image {
  height: 100%;
}
@media screen and (max-width: 1319px) {
  .home-banner-photo .banner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.home-banner-photo .banner-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.home-banner-photo .banner-container {
  z-index: 1;
}
.home-banner-photo .banner-content {
  padding: 0 30px;
}
@media screen and (min-width: 769px) {
  .home-banner-photo .banner-content {
    max-width: 75%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1320px) {
  .home-banner-photo .banner-content {
    padding-left: 10%;
  }
}
.home-banner-photo .banner-overlay {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
}

.carousel-control-prev,
.carousel-control-next {
  width: calc((100% - min(500px, 100%)) / 2 + 30px);
}
@media screen and (min-width: 576px) {
  .carousel-control-prev,
  .carousel-control-next {
    width: calc((100% - min(540px, 100%)) / 2 + 30px);
  }
}
@media screen and (min-width: 768px) {
  .carousel-control-prev,
  .carousel-control-next {
    width: calc((100% - min(720px, 100%)) / 2 + 30px);
  }
}
@media screen and (min-width: 992px) {
  .carousel-control-prev,
  .carousel-control-next {
    width: calc((100% - min(960px, 100%)) / 2 + 30px);
  }
}
@media screen and (min-width: 1200px) {
  .carousel-control-prev,
  .carousel-control-next {
    width: calc((100% - min(1140px, 100%)) / 2 + 30px);
  }
}
@media screen and (min-width: 1400px) {
  .carousel-control-prev,
  .carousel-control-next {
    width: calc((100% - min(1320px, 100%)) / 2 + 30px);
  }
}
.carousel-control-prev > .fa-solid,
.carousel-control-next > .fa-solid {
  font-size: 2rem;
}

.carousel-indicators button[data-bs-target] {
  width: 12px;
  height: 12px;
  margin: 5px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: transparent;
  opacity: 1;
}
.carousel-indicators button[data-bs-target].active {
  background-color: #00c7b1;
  border-color: #00c7b1;
}

/*# sourceMappingURL=style.css.map */