.cta {
  position: relative;
  overflow: hidden;
  padding: var(--section-padding);
}
.cta.bg-dark {
  background: white;
}
.cta .inner {
  position: relative;
  padding: var(--section-padding);
  height: 100%;
}
.cta .cta-content {
  max-width: 600px;
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
.cta .cta-content-inner {
  padding-bottom: clamp(10.9375rem, 7.5767rem + 14.1509vw, 20.3125rem);
}
@media screen and (max-width: 500px) {
  .cta .cta-content-inner {
    padding-bottom: 8rem;
  }
}
.cta .cta-bg-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 1;
}
.cta .cta-bg-container:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--color-dark), transparent 70%);
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .cta .cta-bg-container:after {
    background: rgba(0, 0, 0, 0.5);
  }
}/*# sourceMappingURL=cta.css.map */