.oberg-sub-page-hero-block {
  overflow: visible;
  display: block;
  margin-bottom: 3rem;
}
.oberg-sub-page-hero-block .oberg-sub-page-hero-image-container {
  margin-top: 20px;
  overflow: visible;
  background: var(--colorPrimaryAlt);
  width: 92vw;
  height: 214px;
  border-top-left-radius: 107px;
  border-bottom-left-radius: 107px;
  position: relative;
}
.oberg-sub-page-hero-block .oberg-sub-page-hero-image-container img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 107px;
  border-bottom-left-radius: 107px;
  -o-object-fit: cover;
     object-fit: cover;
}
.oberg-sub-page-hero-block .oberg-sub-page-hero-image-container .oberg-sub-page-hero-pink-dot {
  height: 40px;
  width: 40px;
  background: var(--colorPrimary);
  position: absolute;
  top: -20px;
  left: calc((var(--dimenGutter) * -1) - 20px);
  border-radius: 100%;
}
.oberg-sub-page-hero-block .oberg-sub-page-hero-image-container .oberg-sub-page-hero-green-dot {
  height: 24px;
  width: 24px;
  background: var(--colorSecondary2);
  position: absolute;
  left: 0;
  bottom: -20px;
  border-radius: 100%;
}
.oberg-sub-page-hero-block .oberg-sub-page-hero-content-container {
  padding-top: 1rem;
  width: 85vw;
}
.oberg-sub-page-hero-block .oberg-sub-page-hero-content-container p {
  direction: ltr;
}
.oberg-sub-page-hero-block.has-image .oberg-sub-page-hero-image-container {
  background: transparent;
}
@media (min-width: 768px) {
  .oberg-sub-page-hero-block {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 370px;
    -ms-grid-columns: auto 370px;
    margin-bottom: 3rem;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-image-container {
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    max-width: 48vw;
    width: 48vw;
    max-height: 314px;
    height: 314px;
    border-top-left-radius: 157px;
    border-bottom-left-radius: 157px;
    margin-left: calc((48vw - 370px) * -1 + var(--dimenGutter));
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-image-container img {
    border-top-left-radius: 157px;
    border-bottom-left-radius: 157px;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-image-container .oberg-sub-page-hero-pink-dot {
    height: 60px;
    width: 60px;
    left: calc(-48vw - 60px);
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-content-container {
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    padding-left: calc(55px - var(--dimenGutter));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40vw;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-content-container > .headline,
  .oberg-sub-page-hero-block .oberg-sub-page-hero-content-container > p {
    max-width: 40vw;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-content-container > * {
    margin-bottom: 1.5rem;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .oberg-sub-page-hero-block {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 671px 48vw;
    -ms-grid-columns: 671px 48vw;
    margin-bottom: 8rem;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-image-container {
    max-width: 48vw;
    width: 48vw;
    max-height: 414px;
    height: 414px;
    border-top-left-radius: 208px;
    border-bottom-left-radius: 208px;
    margin-left: 0;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-image-container img {
    border-top-left-radius: 208px;
    border-bottom-left-radius: 208px;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-image-container .oberg-sub-page-hero-pink-dot {
    height: 80px;
    width: 80px;
    left: calc(-671px - 91px - 80px);
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-image-container .oberg-sub-page-hero-green-dot {
    height: 40px;
    width: 40px;
    bottom: 1rem;
    left: -10px;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-content-container {
    padding-left: 0;
  }
  .oberg-sub-page-hero-block .oberg-sub-page-hero-content-container > .headline,
  .oberg-sub-page-hero-block .oberg-sub-page-hero-content-container > p {
    max-width: 628px;
  }
}