/*hero banner below 991*/
.hero-content:has(.hero-content-right) {
  display: block;
}

.hero-content-right {
  justify-content: flex-start;
  padding-top: 30px;
}

.hero-content-right .grid-layout-block {
  max-width: 100%;
}

.parallax.hero-banner {
  padding-top: 49px;
  padding-bottom: 49px;
}

.hero-text.hero-content-left {
  min-height: calc(100vh - var(--header-height) - 49px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}