.is-headerimage-with-svg-arrow-parallax {
  height: 80vw;
}
.is-headerimage-with-svg-arrow-parallax > .has-background-dim::before {
  background-color: #000;
  opacity: 0.4;
}
.is-headerimage-with-svg-arrow-parallax .shape {
  bottom: -4rem;
  position: absolute;
  left: 50%;
  width: 400vw;
  transform: translateX(-50%);
  height: 85px;
}
@media (min-width: 840px) {
  .is-headerimage-with-svg-arrow-parallax .shape {
    width: 200vw;
  }
}
@media (min-width: 1500px) {
  .is-headerimage-with-svg-arrow-parallax .shape {
    width: 110vw;
  }
}
.is-headerimage-with-svg-arrow-parallax .chevron-header {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 40px;
  width: 40px;
}
.is-headerimage-with-svg-arrow-parallax .chevron-header path {
  stroke: var(--rh--color--ci);
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: pulse 2s infinite;
}
.is-headerimage-with-svg-arrow-parallax .chevron-header path:nth-child(2) {
  animation-delay: 1s;
}
@keyframes pulse {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.is-headerimage-with-svg-arrow-parallax .is-group-text {
  margin-block-end: min(18vw, 10rem);
  color: #fff;
  font-size: clamp(2rem, 4vw, 5rem);
}
@media (min-width: 450px) {
  .is-headerimage-with-svg-arrow-parallax {
    height: 60vw;
  }
}
@media (min-width: 840px) {
  .is-headerimage-with-svg-arrow-parallax {
    height: min(45vw, 600px);
  }
}