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