.banner-wrapper .media-element {
  display: none;
}
@media (max-width: 767.98px) {
  .banner-wrapper {
    height: 650px;
  }
  .banner-wrapper .media-element-mobile {
    display: inherit;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .banner-wrapper {
    height: 400px;
  }
  .banner-wrapper .media-element-tablet {
    display: inherit;
  }
}
@media (min-width: 992px) {
  .banner-wrapper {
    height: 500px;
  }
  .banner-wrapper .media-element-desktop {
    display: inherit;
  }
}

.banner-element {
  background: #e6e9f2;
}
.banner-element img {
  max-height: 100%;
  object-fit: contain;
}
.banner-element.image-left, .banner-element.image-right {
  overflow: hidden;
}
.banner-element.image-center .media-element {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-element .text-color-light {
  --bs-heading-color: white;
  --bs-body-color: white;
}
.banner-element .container {
  z-index: 1;
  position: relative;
}

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