.page-id-21567 .site-wrap {
  padding-top: 12rem;
}
@media screen and (min-width: 992px) {
  .page-id-21567 .site-wrap {
    padding-top: 18rem;
  }
}

.hero-video-block {
  position: relative;
  padding: 0 0 2.4rem 0;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .hero-video-block {
    padding: 0 0 9.7rem 0;
  }
}
.hero-video-block .row {
  flex-direction: column-reverse;
}
@media screen and (min-width: 992px) {
  .hero-video-block .row {
    flex-direction: row;
  }
}
.hero-video-block::before {
  content: "";
  position: absolute;
  top: 50px;
  right: -4px;
  width: 100%;
  height: 290px;
  border-radius: 407.673px 407.673px 0 0;
  background: rgba(30, 183, 251, 0.08);
  opacity: 0.72;
}
@media screen and (min-width: 992px) {
  .hero-video-block::before {
    top: 0px;
    right: -90px;
    width: 1152px;
    height: 1152px;
    border-radius: 1152.901px;
    background: rgba(30, 183, 251, 0.05);
  }
}
.hero-video-block .--content {
  padding-top: 4.8rem;
}
@media screen and (min-width: 992px) {
  .hero-video-block .--content {
    padding-top: 6.4rem;
  }
}
.hero-video-block .--content h1 {
  margin-bottom: 3.2rem;
  font-size: 4rem;
}
@media screen and (min-width: 992px) {
  .hero-video-block .--content h1 {
    font-size: 6.4rem;
  }
}
.hero-video-block .--content h4 {
  margin-bottom: 4rem;
  font-weight: 400;
}
@media screen and (min-width: 992px) {
  .hero-video-block .--content h4 {
    margin-bottom: 6.4rem;
  }
}
.hero-video-block .--video {
  padding-top: 2.4rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media screen and (min-width: 992px) {
  .hero-video-block .--video {
    padding-top: 35px;
  }
}
.hero-video-block .--video::after {
  border-radius: 20px;
  background: linear-gradient(316deg, rgba(249, 171, 143, 0.6) -0.38%, rgba(244, 7, 82, 0.6) 88.88%);
  content: "";
  position: absolute;
  top: 60%;
  right: -1.7rem;
  width: 19.1rem;
  height: 20.6rem;
  z-index: -1;
  transform: translateY(-50%);
}
@media screen and (min-width: 992px) {
  .hero-video-block .--video::after {
    right: -87px;
    width: 382px;
    height: 411px;
    top: 50%;
  }
}
.hero-video-block .--video .sub-video {
  position: relative;
  max-width: 30rem;
  max-height: 30rem;
  overflow: hidden;
  border-radius: 444px;
}
@media screen and (min-width: 992px) {
  .hero-video-block .--video .sub-video {
    max-width: 523px;
    max-height: 523px;
  }
}
.hero-video-block .--video .sub-video video {
  min-height: 30rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 992px) {
  .hero-video-block .--video .sub-video video {
    min-height: 523px;
  }
}/*# sourceMappingURL=style.css.map */