.steps{position:relative;padding:0;display:flex;flex-direction:column;list-style:none}.steps:before{content:'';position:absolute;left:26px;right:0;top:0;width:20px;display:block;border-radius:20px;z-index:1;transform:translate(-50%, 0);transition:height 1s ease-in-out, width 1s ease-in-out}.steps .steps__step{counter-increment:count}.steps .steps__step:before{content:counter(count)}.body .steps:before{height:0}.body .steps.animated:before{height:calc(100% - 52px)}@media screen and (min-width: 1020px){.steps{flex-direction:row;justify-content:space-between}.steps:before{top:26px;bottom:auto;left:0;height:20px;transform:translate(0, -50%)}.steps .steps__step{width:240px}.body .steps:before{width:0}.body .steps.animated:before{width:100%;height:20px}}.step{display:flex;flex-direction:row;align-items:center;position:relative;z-index:2;margin-bottom:2.5rem;text-align:left}.step::before{height:52px;width:52px;display:block;border-radius:100%;text-align:center;font-family:"Rubik",sans-serif;font-weight:700;font-size:1.625rem;color:#fff;line-height:52px;margin-right:1.25rem;flex-shrink:0;transform:scale(0);transition:transform 0.3s ease-in-out}.step .step__title{margin-bottom:.625rem;font-size:1.625rem;opacity:0;transform:translate(0, 100px);transition:opacity 0.2s ease-in-out, transform 0.3s ease-in-out}.step .step__description{line-height:130%;font-size:1.125rem;opacity:0;transform:translate(0, 100px);transition:opacity 0.2s ease-in-out, transform 0.3s ease-in-out}.step.step--pink:before{background:#EC4899}.step.step--purple:before{background:#8B5CF6}.step.step--cyan:before{background:#23DBCA}.step.step--orange:before{background:#FF6F61}.step.step--lime:before{background:#CEE83C}.animated .step:before{transform:scale(1)}.animated .step .step__title,.animated .step .step__description{opacity:1;transform:translate(0, 0)}.step:nth-child(1):before{transition-delay:150ms}.step:nth-child(1) .step__title{transition-delay:300ms}.step:nth-child(1) .step__description{transition-delay:450ms}.step:nth-child(2):before{transition-delay:300ms}.step:nth-child(2) .step__title{transition-delay:450ms}.step:nth-child(2) .step__description{transition-delay:600ms}.step:nth-child(3):before{transition-delay:450ms}.step:nth-child(3) .step__title{transition-delay:600ms}.step:nth-child(3) .step__description{transition-delay:750ms}.step:nth-child(4):before{transition-delay:600ms}.step:nth-child(4) .step__title{transition-delay:750ms}.step:nth-child(4) .step__description{transition-delay:900ms}.step:nth-child(5):before{transition-delay:750ms}.step:nth-child(5) .step__title{transition-delay:900ms}.step:nth-child(5) .step__description{transition-delay:1050ms}.step:nth-child(6):before{transition-delay:900ms}.step:nth-child(6) .step__title{transition-delay:1050ms}.step:nth-child(6) .step__description{transition-delay:1200ms}.step:nth-child(7):before{transition-delay:1050ms}.step:nth-child(7) .step__title{transition-delay:1200ms}.step:nth-child(7) .step__description{transition-delay:1350ms}.step:nth-child(8):before{transition-delay:1200ms}.step:nth-child(8) .step__title{transition-delay:1350ms}.step:nth-child(8) .step__description{transition-delay:1500ms}.step:nth-child(9):before{transition-delay:1350ms}.step:nth-child(9) .step__title{transition-delay:1500ms}.step:nth-child(9) .step__description{transition-delay:1650ms}.step:nth-child(10):before{transition-delay:1500ms}.step:nth-child(10) .step__title{transition-delay:1650ms}.step:nth-child(10) .step__description{transition-delay:1800ms}@media screen and (min-width: 1020px){.step{flex-direction:column;text-align:center;margin-bottom:0}.step::before{margin-bottom:1.25rem;margin-right:0;font-size:2.3125rem}.step .step__title{font-size:1.75rem}.step .step__description{font-size:1.1875rem}}@media screen and (min-width: 1320px){.step .step__title{font-size:1.9375rem}.step .step__description{font-size:1.375rem}}