.hero {
  margin-bottom: 75px;
}

.hero .hero__image {
  position: relative;
  height: 55vh;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000029;
}

.hero.white .hero__image {
  border-radius: 20px;
}

.hero .hero__title {
  position: relative;
  z-index: 2;
  padding: 0.75rem 0;
  color: white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: var(--blue-gradient-90);
  box-shadow: 0px 3px 6px #00000029;
}

.hero.white .hero__title {
  border-radius: 20px;
  margin-top: -65px;
  color: var(--blue-dk);
  background: var(--white);
}

.hero.white .breadcrumbs a,
.hero.white .breadcrumbs {
  color: var(--gray);
}

.hero .hero__intro-content {
  position: relative;
  margin-top: 40px;
}

.hero.blue .hero__intro-content::after {
  content: '';
  position: absolute;
  display: block;
  bottom: -24px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--blue-t);
  border-radius: 20px;
}

.hero .hero__intro-content h2 {
  margin-bottom: 5px;
}

.hero.white .hero__intro-content {
  margin-top: 0px;
}

.hero.white .hero__intro-content--wrapper {
  margin-top: 26px;
  background: var(--blue-t);
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000029;
  color: var(--black);
  padding: 2rem 1rem;
}

/* Top row */
.hero.img-top-left img {
  object-position: left top;
}

.hero.img-top-center img {
  object-position: center top;
}

.hero.img-top-right img {
  object-position: right top;
}

/* Center row */
.hero.img-center-left img {
  object-position: left center;
}

.hero.img-center img {
  object-position: center center;
}

/* unchanged */
.hero.img-center-right img {
  object-position: right center;
}

/* Bottom row */
.hero.img-bottom-left img {
  object-position: left bottom;
}

.hero.img-bottom-center img {
  object-position: center bottom;
}

.hero.img-bottom-right img {
  object-position: right bottom;
}



@media (max-width: 768px) {
  .hero {
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .hero .hero__title {
    padding: 35px 27px;
    padding-bottom: 41px;
  }
}