.title{text-align:center}.steps-wrapper{display:flex;flex-direction:column}.step{position:relative;display:flex;align-items:center;gap:1.7rem;padding-bottom:2.5rem;animation:fade-in .4s ease-out forwards}.step--center-align{flex-direction:column;text-align:center}.step--center-align:before{left:50%;transform:translate(-50%)}.step--left-align{flex-direction:row;text-align:left}.step--left-align:before{left:1.3rem}.step:before{content:"";position:absolute;top:2.5rem;height:0;width:1.7rem;background-color:#f5f3e5;z-index:-3;animation:grow-line .5s ease-in forwards}.step:last-child:before{display:none}.content *{margin:0}.step__number{display:flex;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;width:4.2rem;height:4.2rem;background-color:#343579;color:#fff;border-radius:50%;opacity:0;animation:fade-in .4s ease-in forwards}@keyframes grow-line{0%{height:0}to{height:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.step__number:nth-child(1){animation-delay:0s}.step__number:nth-child(2){animation-delay:.5s}.step__number:nth-child(3){animation-delay:1s}.step__number:nth-child(4){animation-delay:1.5s}.step:nth-child(1):before{animation-delay:.2s}.step:nth-child(2):before{animation-delay:.7s}.step:nth-child(3):before{animation-delay:1.2s}.step:nth-child(4):before{animation-delay:1.7s}
/*# sourceMappingURL=/cdn/shop/t/473/assets/section-how-it-works-steps.css.map */