/* section two */

.six-parallax-img-wrap,
.six-parallax-row > div > div:not(.six-parallax-img-wrap) {
    will-change: transform, opacity;
}

.parallax-img {
    will-change: transform;
    border-radius: inherit;
}


/* section five */
.step-title { color: #213A7185; }
    .step-desc { color: #213A7185; }
    .step-icon { opacity: 0.45; transition: opacity .3s; }

    .step-progress-track {
        max-height: 0;
        opacity: 0;
        margin-top: 0;
        overflow: hidden;
        transition: max-height .3s ease, opacity .3s ease, margin-top .3s ease;
    }

    .step-trigger.active .step-title { color: #CC1F4B; }
    .step-trigger.active .step-desc { color: #213A71; }
    .step-trigger.active .step-icon { opacity: 1; }
    .step-trigger.active .step-progress-track {
        max-height: 4px;
        opacity: 1;
        margin-top: 8px;
    }

    .step-progress-bar {
        width: 0%;
        transition: none;
    }
    .step-progress-bar.animate {
        width: 100%;
        transition: width linear;
    }

    .fade-out { opacity: 0; }

    
    #stepTimeline,
    .step-trigger {
        border: none;
        border-bottom: none;
    }


/* section two */
    .content {
    margin-top: 2rem; 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}


@media (min-width: 768px) {
    .content {
        margin-top: 2.5rem;
    }
}


@media (min-width: 1024px) {
    .content {
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
    }
}


.content ul {
    margin-top: 20px;
    padding: 0;
    list-style: none;

    display: flex;
    flex-direction: column;
    gap: 20px;
}

.content ul li {
    position: relative;
    display: flex;
    align-items: center;

    min-height: 38px;
    padding-left: 54px;

    color: #000000;
    font-family: "Neue Montreal", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 38px;
    height: 38px;

    border: 1px solid rgba(33, 58, 113, 0.15);
    border-radius: 50%;
    background-color: #F4F6F7;
    background-image: url("../../assets/images/black_correct_tik_mark.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

/* section seven */

.accordion-icon-vert {
  transition: transform 0.25s ease;
}

.accordion-toggle[aria-expanded="true"] .accordion-icon-vert {
  transform: scaleY(0);
}

@keyframes float-updown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-16px);
  }
}

.float-updown {
  animation: float-updown 3.5s ease-in-out infinite;
}