.hero-header {
  --section-curve-image: url("curves/curves-white-voor-wie.svg");
  --section-curve-width: 132vw;
  --section-curve-height: clamp(14rem, 18vw, 32rem);
  --section-curve-space: clamp(14rem, 18vw, 24rem);
  --hero-color-sage: #9bbba4;
  background-color: var(--hero-color-sage) !important;
}

.hero-header .fusion-builder-row {
  position: relative;
  z-index: 2;
  align-items: center;
}

.hero-header .fusion-title-1 .fusion-title-heading {
  color: #fff !important;
}

.hero-header .fusion-title-2 .fusion-title-heading {
  color: #17352d !important;
}

.hero-header .image-shadow .fusion-image-element {
  max-width: 64rem;
  margin-left: auto;
}

@media only screen and (min-width: 1025px) {
  .hero-header .image-shadow .fusion-imageframe,
  .hero-header .image-shadow .fusion-imageframe img {
    max-height: 45vh;
  }

  .hero-header .image-shadow .fusion-imageframe img {
    width: auto;
    max-width: 100%;
    margin-left: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-header {
    --section-curve-height: clamp(11rem, 14vw, 20rem);
    --section-curve-space: 12rem;
  }

  .hero-header .image-shadow .fusion-image-element {
    max-width: 56rem;
  }
}

@media only screen and (max-width: 767px) {
  .hero-header {
    --section-curve-width: 148vw;
    --section-curve-height: 9rem;
    --section-curve-space: 9rem;
  }

  .hero-header .fusion-builder-row {
    row-gap: 3.2rem;
  }

  .hero-header .fusion-title-1 .fusion-title-heading,
  .hero-header .fusion-title-2 .fusion-title-heading {
    text-align: left !important;
  }

  .hero-header .image-shadow .fusion-image-element {
    max-width: calc(100% - 1.4rem);
  }
}