.cta {
  /* background-image: url("../../images/cta_bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */

  position: relative;
}
#cta-bg {
  position: absolute;
  left: 50%;
  top: 0;

  width: 100vw;
  max-width: 100vw;
  transform: translateX(-50%);
  /* height: auto; */
  width: 100vw;
  height: fit-content;
  max-height: 600px;
  /* object-fit: contain; */
  object-position: center;
}
#cta-bg-mobile {
  display: none;
}

@media (max-width: 1664px) {
  #cta-bg {
    max-width: 140vw;
    width: 140vw;
    max-height: 520px;
    height: auto;
  }
  .cta__image {
    max-width: 50%;
  }
  .cta__wrapper img {
    width: 100%;
    margin-right: 0px !important;
  }
}
@media (max-width: 1130px) {
  #cta-bg {
    display: none;
  }
  #cta-bg-mobile {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;

    width: 100vw;
    max-width: 100vw;
    transform: translateX(-50%);
    max-height: 600px;
    max-height: 741px;
    height: 100%;
  }
  .cta__image {
    max-width: 40%;
  }
}

.cta__wrapper.container {
  padding: 103px 0 !important;
  position: relative;
  display: flex;
  align-items: center;
  color: white;
}
.cta__wrapper img {
  max-width: 480px;
  object-fit: contain;
  /* max-height: 18vw; */
  margin-right: 26px;
}


.cta__image {
  width: 50%;
}

.cta__subheader {
  font-size: 32px;
  font-weight: 500;
}

.cta__description {
  padding-top: 20px;
  padding-bottom: 32px;
}

.cta__button {
  width: fit-content;
}


@media (max-width: 990px) {
  main .container.cta__wrapper {
    flex-direction: column-reverse;
    padding-top: 89px !important;
    padding-left: 16px !important; 
    padding-right: 16px !important;
    padding-bottom: 68px !important;
  }
  .cta {
    background-size: 200% 100%;
  }
  .cta__subheader .heading,
  .cta__header .heading {
    font-size: 24px;
  }
  .cta__description {
    padding-top: 12px;
    padding-bottom: 42px;
  }
  .cta__wrapper img {
    margin-top: 20px;
  }
}