/* RentGuarantor CSS: primary-cta.css (source: src/assets/scss/_primary-cta.scss) */
/**
 * Primary CTA Organism
 * Call-to-action section with decorative animations and color variants
 */
.primary-cta {
  padding: var(--spacing-1200) 0;
  background-color: var(--surface-general-primary);
  position: relative;
}
@media (max-width: 991.98px) {
  .primary-cta {
    padding: var(--spacing-1100) 0;
  }
}
.primary-cta__container {
  margin: 0 auto;
  padding: 0 var(--spacing-1200);
}
.primary-cta__card {
  position: relative;
  padding: var(--spacing-1200);
  border-radius: 20px;
  overflow: visible;
  background-color: var(--color-core-yellow);
}
.primary-cta__content {
  position: relative;
  z-index: 2;
  max-width: 1244px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-1100);
  text-align: center;
  max-width: 60%;
}
.primary-cta__heading {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-xxl);
  letter-spacing: -1.04px;
  color: var(--color-core-navy);
  margin-bottom: 0;
  max-width: 100%;
}
.primary-cta__lead {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-m);
  letter-spacing: -0.48px;
  color: var(--color-core-navy);
  margin-bottom: 0;
  max-width: 734px;
}
.primary-cta__illustration {
  position: absolute;
  bottom: -47px;
  height: 395px;
  pointer-events: none;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary-cta__illustration img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.primary-cta__illustration--left {
  left: 120px;
}
.primary-cta__illustration--right {
  right: 120px;
  transform: rotateY(180deg);
}
.primary-cta[data-variant=blue] .primary-cta__card, .primary-cta[data-variant=blue-alt] .primary-cta__card {
  background-color: var(--tile-brand-mid-blue);
}
.primary-cta[data-variant=blue] .primary-cta__heading,
.primary-cta[data-variant=blue] .primary-cta__lead, .primary-cta[data-variant=blue-alt] .primary-cta__heading,
.primary-cta[data-variant=blue-alt] .primary-cta__lead {
  color: var(--surface-general-primary);
}
.primary-cta[data-variant=green] .primary-cta__card {
  background-color: var(--tile-brand-green);
}
.primary-cta[data-variant=green] .primary-cta__heading,
.primary-cta[data-variant=green] .primary-cta__lead {
  color: var(--color-core-navy);
}
.primary-cta[data-right-illustration=speech-blue] .primary-cta__illustration {
  height: 395px;
  bottom: -22px;
}
.primary-cta[data-right-illustration=speech-green] .primary-cta__illustration {
  height: 385px;
  bottom: -21px;
}
.primary-cta[data-right-illustration=question-blue-2] .primary-cta__illustration {
  height: 430px;
  bottom: -70px;
}
.primary-cta[data-right-illustration=question-blue-2] .primary-cta__illustration--right {
  height: 417px;
  bottom: -71px;
  transform: rotateY(0);
}
@media (max-width: 1199.98px) {
  .primary-cta__illustration--left {
    left: 60px;
  }
  .primary-cta__illustration--right {
    right: 60px;
  }
}
@media (max-width: 991.98px) {
  .primary-cta {
    overflow: hidden;
  }
  .primary-cta__container {
    padding-right: 0 !important;
  }
  .primary-cta__card {
    padding: var(--spacing-1100) var(--spacing-800);
    border-radius: 20px 0 0 20px;
  }
  .primary-cta__content {
    max-width: 75%;
    align-items: start;
    text-align: left;
    margin-left: 0;
    gap: 18px;
  }
  .primary-cta__heading {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-xl);
  }
  .primary-cta__lead {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
  }
  .primary-cta__illustration--left {
    display: none;
  }
  .primary-cta__illustration {
    height: 270px !important;
    right: -25px !important;
    bottom: -32px !important;
  }
  .primary-cta[data-right-illustration=speech-blue] .primary-cta__illustration {
    bottom: -16px !important;
    right: -8px !important;
  }
  .primary-cta[data-right-illustration=question-blue-2] .primary-cta__illustration {
    bottom: -54px !important;
    height: 320px !important;
    right: -10px !important;
  }
  .primary-cta[data-right-illustration=speech-green] .primary-cta__illustration {
    bottom: -15px !important;
    right: -5px !important;
  }
}