.cta-bg {
  height: 40rem;
  background-size: cover;
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
}
@media (max-width: 1199.98px) {
  .cta-bg {
    margin-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .cta-bg {
    margin-top: 7rem;
  }
}

.cta-bg-content {
  background-color: #fff;
  position: relative;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199.98px) {
  .cta-bg-content {
    width: 90%;
    top: -3rem;
  }
}
@media (min-width: 1200px) {
  .cta-bg-content {
    width: 100%;
  }
}

@media (max-width: 1199.98px) {
  .cta-bg-content-start .cta-bg-content {
    padding: 2% 4%;
  }
}
@media (min-width: 1200px) {
  .cta-bg-content-start .cta-bg-content {
    padding: 2%;
    margin-left: 15%;
    height: 100%;
    max-width: 30rem;
  }
}

.cta-bg-content-top .cta-bg-content {
  padding: 2% 4%;
}
@media (min-width: 1200px) {
  .cta-bg-content-top .cta-bg-content {
    max-width: 62rem;
    top: -5rem;
  }
}