/* h1 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.squiggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 200vw;
} */

.text-strip-phone-highlight {
    color: #FF00C3;
}
.section.enroll-steps-paralax-container {
    z-index: 5;
    position: relative;
}
.support-block-container {
    z-index: 9;
    position: relative;
}
.support-block .support-block-text p span {
    color: var(--color-lime-soft);
    font-weight: var(--font-weight-bold);
}
.support-block .support-block-text p span.blue {
    color: var(--color-blue-muted);
}


/* ---------- Animation ---------- */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

/* ---------- HERO ---------- */
.hero-banner-image-background img {
  overflow: hidden !important;
}
.hero-banner .hero-banner-video-container::before { display: none; }
.section.spacer-container.hero-banner-container {
    z-index: 8;
    position: relative;}
.hero-banner-container .hero-banner-wrapper {
    max-width: 100%;
    width: 100%;}
.hero-banner .hero-banner-video-container {max-width: 100%;border-bottom-right-radius: 2rem;}
.hero-banner .hero-banner-image-container .hero-banner-image-background {
    border-radius: 0 0 45px 45px;
    overflow: hidden !important;
    max-width: 100%;
}
.hero-banner .hero-banner-video-wrapper .hero-banner-text-container {
    padding-left: 235px;}
.hero-banner .hero-banner-video-wrapper .hero-banner-text-container h1, .hero-banner .hero-banner-video-wrapper .hero-banner-text-container h1 span {
    font-size: 60px;}
.hero-banner .hero-banner-video-container {
    height: auto;
}
.hero-banner .hero-banner-video-container {
    height: auto;
}
.hero-banner .hero-banner-video-wrapper .hero-banner-text-container h1 {
    height: auto;
    min-height: unset;
}
.hero-banner .item-actions {
    grid-area: actions;
    justify-self: start;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}
.hero-banner .action-group {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}
.hero-banner .action-icon {
    background: var(--color-lime-soft);
    color: var(--color-teal-deep);
    min-width: 32px;
    padding: 4px;
}
.hero-banner .action-text {
    padding: 4px 16px;
    background: var(--color-lime-soft);
    color: var(--color-teal-deep);
    font-weight: var(--font-weight-semibold);
}
.hero-banner .action-text, .hero-banner .action-icon {
    align-items: center;
    border-radius: 999px;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    min-height: 32px;
    font-family: var(--default-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.hero-banner .hero-banner-video-wrapper .hero-banner-text-container > p {
    color: #000;
}
.action-text p {
    min-height: unset;
    width: auto;
    margin: 0;
}


.hero-banner-img-foreground {
    position: absolute;
    bottom: -3px;
    right: 10vw;
    max-width: 570px;
}
.hero-banner-img-foreground img {
    max-width: 100%;
}
.hero-banner-container .hero-banner-wrapper * {
    overflow: visible;
}


/* ---------- ANIMATED SECTION ---------- */
.enroll-steps-paralax .enroll-steps-paralax-wrapper {
  padding-top: 105px;
}
.section.enroll-steps-paralax-container {
    overflow: hidden;
}
.enroll-steps-paralax .enroll-steps-paralax-svg {
    width: 90%;
    z-index: 5;
    right: 0;
    left: auto;
    top: -95px;
}
.enroll-steps-paralax .enroll-steps-paralax-step {
  z-index: 10;
}
.enroll-steps-paralax .enroll-steps-paralax-step.first-step {
  z-index: 2;
}

.enroll-steps-paralax .enroll-steps-paralax-svg.line.line-appear {
    z-index: 2;
    top: 0;
}



/* ------ CTA ------ */


/* ------ CAROUSEL BLOCK ------ */

.carousel-block .carousel-block-frame {
    background: url(images/bg_squiggle.png) bottom right 100px / 700px no-repeat var(--carousel-background-color);
}