.step-main{align-items:center;justify-content:center}.step1,.step2,.step3,.step4{color:#fff;border:10px solid #9b51e0;border-radius:30px;width:45px;height:45px;background-color:#fff;text-align:center}.step1{animation-iteration-count:1;animation-fill-mode:forwards}.step1,.step2{animation-name:steps;animation-duration:4s}.step2{animation-delay:4s;animation-iteration-count:1;animation-fill-mode:forwards}.step3{animation-delay:8s;animation-iteration-count:1;animation-fill-mode:forwards}.step3,.step4{animation-name:steps;animation-duration:4s}.step4{animation-delay:12s;animation-iteration-count:1;animation-fill-mode:forwards}.checkmark{position:relative}.line1{border:2px solid #9b51e0;width:76%;position:absolute;z-index:-1;right:12%}@keyframes steps{0%{background-color:#fff}to{background-color:#9b51e0}}