.hero-banner-container {
  margin-top: 0;
  margin-bottom: 24px;
}
.hero-banner-container .image-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: initial;
}
.hero-banner-container .image-container a {
  width: 100%;
}
.hero-banner-container .image-container .picture-container {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.hero-banner-container .image-container .picture-container > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-banner-container .image-container .picture-container .common-image-component {
  height: 200px;
  width: 100%;
}
@media (min-width: 769px) {
  .hero-banner-container .image-container .picture-container .common-image-component {
    height: 400px;
  }
}
.hero-banner-container .image-container .text-overlay-content {
  position: absolute;
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .hero-banner-container .image-container .text-overlay-content {
    width: 33.33%;
  }
}
.hero-banner-container .image-container .text-overlay-content a:hover {
  text-decoration: none;
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text {
  padding: 10px;
}
@media (min-width: 992px) {
  .hero-banner-container .image-container .text-overlay-content .image-heading-text {
    padding: 36px;
  }
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text p {
  margin-bottom: 0;
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text .heading-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text .heading-text span {
  color: #fff;
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text .heading-text .text-above-body {
  order: 2;
}
@media (min-width: 769px) {
  .hero-banner-container .image-container .text-overlay-content .image-heading-text .heading-text .text-above-body {
    order: 1;
  }
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text .heading-text .text-body {
  order: 1;
}
@media (min-width: 769px) {
  .hero-banner-container .image-container .text-overlay-content .image-heading-text .heading-text .text-body {
    order: 2;
  }
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text .heading-text .text-below-body {
  order: 3;
}
.hero-banner-container .image-container .text-overlay-content .image-heading-text h1,
.hero-banner-container .image-container .text-overlay-content .image-heading-text h2,
.hero-banner-container .image-container .text-overlay-content .image-heading-text h3,
.hero-banner-container .image-container .text-overlay-content .image-heading-text h4,
.hero-banner-container .image-container .text-overlay-content .image-heading-text h5,
.hero-banner-container .image-container .text-overlay-content .image-heading-text h6 {
  color: #fff;
}
.hero-banner-container .text-overlay-background {
  background: rgba(22, 28, 36, 0.64);
}
.hero-banner-container .right-position {
  right: 0;
}
.hero-banner-container .left-position {
  left: 0;
}
.hero-banner-container .non-clickable {
  pointer-events: none;
}
.hero-banner-container .clickable {
  pointer-events: auto;
}