.steps-component #stepsPath {
    animation: stepsAnimation 10s ease-in-out infinite;
}

#step1 {
    animation: step1animation 10s ease-in-out infinite;
}

#step2 {
    animation: step2animation 10s ease-in-out infinite;
}

#step3 {
    animation: step3animation 10s ease-in-out infinite;
}

#step4 {
    animation: step4animation 10s ease-in-out infinite;
}

#step5 {
    animation: step5animation 10s ease-in-out infinite;
}

#step6 {
    animation: step6animation 10s ease-in-out infinite;
}



.steps-component #stepsPathMobile {
    animation: stepsAnimationMobile 10s ease-in-out infinite;
}

#step1Mobile {
    animation: step1animation 10s ease-in-out infinite;
}

#step2Mobile {
    animation: step2animation 10s ease-in-out infinite;
}

#step3Mobile {
    animation: step3animation 10s ease-in-out infinite;
}

#step4Mobile {
    animation: step4animation 10s ease-in-out infinite;
}

#step5Mobile {
    animation: step5animation 10s ease-in-out infinite;
}

#step6Mobile {
    animation: step6animation 10s ease-in-out infinite;
}

.steps-mobile-image {
    margin-bottom: 20px;

}

.steps-mobile-image svg {
    width: 100%;
    height: auto;
}

.steps-mobile-text li {
    color: #141B56;
    font-family: Urbanist;
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 12px;
}

@keyframes step1animation {
    0% {
        opacity: 0;
    }

    7% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
}


@keyframes step2animation {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes step3animation {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}

@keyframes step4animation {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}

@keyframes step5animation {
    0% {
        opacity: 0;
    }
    60% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
}

@keyframes step6animation {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
}

@keyframes stepsAnimation {
    0% {
        stroke-dasharray: 1571;
        stroke-dashoffset: 1580;
    }
    100% {
        stroke-dasharray: 1571;
        stroke-dashoffset: 0;
    }
}


@keyframes stepsAnimationMobile {
    0% {
        stroke-dasharray: 415;
        stroke-dashoffset: 415;
    }
    100% {
        stroke-dasharray: 415;
        stroke-dashoffset: 0;
    }
}


.steps-mobile-text ol li:nth-child(1){
	animation: step1animation 10s ease-in-out infinite;
}

.steps-mobile-text ol li:nth-child(2){
	animation: step2animation 10s ease-in-out infinite;
}

.steps-mobile-text ol li:nth-child(3){
	animation: step3animation 10s ease-in-out infinite;
}

.steps-mobile-text ol li:nth-child(4){
	animation: step4animation 10s ease-in-out infinite;
}

.steps-mobile-text ol li:nth-child(5){
	animation: step5animation 10s ease-in-out infinite;
}

.steps-mobile-text ol li:nth-child(6){
	animation: step6animation 10s ease-in-out infinite;
}