.oberg-homepage-hero-block {
  max-width: 375px;
  display: block;
  position: relative;
  background: #fff;
  width: 100vw;
  height: 640px;
  margin: 0 auto;
}
.oberg-homepage-hero-block .oberg-homepage-hero-pink-pill {
  width: 110px;
  height: 63px;
  position: absolute;
  top: 73px;
  left: calc(((110vw - 100%) / 2) * -1);
  border-radius: 65px;
  background-color: #d2116b;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-green-circle {
  width: 59px;
  height: 59px;
  position: absolute;
  border-radius: 100%;
  background-color: #51af46;
  top: 392px;
  right: 60px;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-blue-circle {
  width: 48px;
  height: 48px;
  position: absolute;
  border-radius: 100%;
  background-color: #1b4298;
  top: 520px;
  left: 155px;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-circle-image {
  width: 147px;
  height: 147px;
  position: absolute;
  background-color: #0092c6;
  top: 404px;
  left: calc(27px - var(--dimenGutter));
  border-radius: 100%;
  overflow: hidden;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-circle-image img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  -webkit-transition: top ease 1s, opacity ease 1s;
  transition: top ease 1s, opacity ease 1s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-pill-image {
  width: 70vw;
  height: 150px;
  position: absolute;
  top: 28px;
  right: calc(((100vw - 100%) / 2) * -1);
  overflow: hidden;
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-pill-image:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
  background-color: #1b4298;
  -webkit-transition: all 0s ease 2s;
  transition: all 0s ease 2s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-pill-image:not(.shrink):before {
  opacity: 0;
}
.oberg-homepage-hero-block .oberg-homepage-hero-pill-image.remove-bg {
  background-color: transparent;
}
.oberg-homepage-hero-block .oberg-homepage-hero-pill-image img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 80%;
     object-position: center 80%;
  border-top-left-radius: 200px;
  border-bottom-left-radius: 200px;
  -webkit-transition: top ease 1s, opacity ease 1s;
  transition: top ease 1s, opacity ease 1s;
  z-index: 2;
}
.oberg-homepage-hero-block .oberg-homepage-hero-text-content {
  position: absolute;
  top: 204px;
  left: calc(27px - var(--dimenGutter));
  max-width: 322px;
  opacity: 1;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}
.oberg-homepage-hero-block .oberg-homepage-hero-text-content .h6 {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #1b4298;
  margin: 0;
}
.oberg-homepage-hero-block .oberg-homepage-hero-text-content .h2 {
  font-size: 27px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.2px;
  color: #161718;
}
.oberg-homepage-hero-block .oberg-homepage-hero-text-content .h6 ~ .h2 {
  margin-top: 16px;
}
@media (max-width: 400px) {
  .oberg-homepage-hero-block .oberg-homepage-hero-pink-pill {
    left: calc(((140vw - 100%) / 2) * -1);
  }
}
@media (min-width: 768px) {
  .oberg-homepage-hero-block {
    height: 583px;
    max-width: 768px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-pink-pill {
    width: 200px;
    height: 93px;
    top: 98px;
    left: calc(((120vw - 100%) / 2) * -1);
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-green-circle {
    width: 70px;
    height: 70px;
    top: 288px;
    right: calc(((100vw - 100%) / 2) * -1 - 5px);
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-blue-circle {
    width: 85px;
    height: 85px;
    top: 450px;
    left: 105px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-circle-image {
    width: 199px;
    height: 199px;
    top: 207px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-pill-image {
    width: 59vw;
    height: 241px;
    top: 24px;
    right: calc(((100vw - 100%) / 2) * -1 - 8px);
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-text-content {
    top: 320px;
    left: 262px;
    max-width: 399px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-text-content .h2 {
    font-size: 40px;
    line-height: 1.21;
  }
}
@media (min-width: 768px) and (max-width: 826px) {
  .oberg-homepage-hero-block {
    max-width: 640px !important;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .oberg-homepage-hero-block .oberg-homepage-hero-text-content {
    left: auto;
    right: calc(((100vw - 100%) / 2) * -1 - 8px);
    width: 59vw;
    max-width: 59vw;
    padding-right: 80px;
  }
}
@media (min-width: 1280px) {
  .oberg-homepage-hero-block {
    height: 879px;
    max-width: 1300px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-pink-pill {
    width: 314px;
    height: 130px;
    top: 163px;
    left: calc(((130vw - 100%) / 2) * -1 - 1px);
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-green-circle {
    width: 132px;
    height: 132px;
    top: 460px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-blue-circle {
    width: 177px;
    height: 177px;
    top: 666px;
    left: 398.5px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-circle-image {
    width: 447px;
    height: 447px;
    top: 203px;
    left: 45px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-pill-image {
    width: 55vw;
    height: 400px;
    top: 28px;
    right: calc(((100vw - 100%) / 2) * -1);
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-text-content {
    position: absolute;
    top: 516px;
    left: unset;
    right: 0px;
    max-width: 630px;
    padding-right: calc(140px - ((100vw - 100%) / 2) * 1 - 5px);
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-text-content .h6 {
    font-size: 16px;
    line-height: 1.5;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-text-content .h2 {
    font-size: 58px;
    line-height: 1.1;
  }
}
@media (max-width: 767px) {
  .oberg-homepage-hero-block {
    height: 470px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-green-circle {
    top: 258px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-blue-circle {
    top: 386px;
  }
  .oberg-homepage-hero-block .oberg-homepage-hero-circle-image {
    top: 270px;
  }
}
.oberg-homepage-hero-pink-pill.shrink {
  height: 0 !important;
  width: 0 !important;
  top: 104.5px !important;
  left: -70px !important;
}
.oberg-homepage-hero-pill-image.shrink {
  height: 0 !important;
  width: 0 !important;
  right: 0 !important;
  top: 103px !important;
}
.oberg-homepage-hero-pill-image .img-shrink {
  opacity: 0 !important;
  height: 125% !important;
  width: 150% !important;
}
.oberg-homepage-hero-circle-image.shrink {
  height: 0 !important;
  width: 0 !important;
}
.oberg-homepage-hero-circle-image .img-shrink {
  opacity: 0 !important;
  height: 125% !important;
  width: 150% !important;
}
.oberg-homepage-hero-green-circle.shrink {
  height: 0 !important;
  width: 0 !important;
}
.oberg-homepage-hero-blue-circle.shrink {
  height: 0 !important;
  width: 0 !important;
}
.oberg-homepage-hero-text-content.shrink {
  opacity: 0 !important;
  margin-top: 4rem !important;
}
@media (min-width: 768px) {
  .oberg-homepage-hero-pink-pill.shrink {
    height: 0 !important;
    width: 0 !important;
  }
  .oberg-homepage-hero-pill-image.shrink {
    height: 0 !important;
    width: 0 !important;
    right: -29.5vw !important;
  }
}
@media (min-width: 1300px) {
  .oberg-homepage-hero-pink-pill.shrink {
    top: 81.5px !important;
    left: -444px !important;
  }
  .oberg-homepage-hero-pill-image.shrink {
    top: 428px !important;
  }
  .oberg-homepage-hero-circle-image.shrink {
    left: 223.5px !important;
    top: 426.5px !important;
  }
  .oberg-homepage-hero-green-circle.shrink {
    top: 526px !important;
    right: -114px !important;
  }
  .oberg-homepage-hero-blue-circle.shrink {
    top: 754.5px !important;
    left: 487px !important;
  }
}