.steps{display:grid;grid-template-columns:1fr}.steps__item{align-items:center;display:grid;grid-template-columns:1fr 200px 1fr;width:100%}.steps__text{margin:40px 0}.steps__number{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%}.steps__number p{background:var(--color-body-reverse);background-clip:text!important;-webkit-background-clip:text!important;margin:0;text-fill-color:transparent!important;-webkit-text-fill-color:transparent!important;text-align:center}.steps[color=pink] .steps__number p{background:var(--color-pink)}.steps[color=orange] .steps__number p{background:var(--color-orange)}.steps[color=yellow] .steps__number p{background:var(--color-yellow)}.steps[color=green] .steps__number p{background:var(--color-green)}.steps[color=blue] .steps__number p{background:var(--color-blue)}.steps[color=purple] .steps__number p{background:var(--color-purple)}.steps__line{background:var(--color-border);display:block;height:100%;width:1px}.steps__image{align-items:center;display:flex;justify-content:center}.steps__bottom{margin:40px 0 0}@media screen and (max-width:1000px){.steps__item{grid-template-columns:1fr 160px 1fr}}@media screen and (max-width:800px){.steps__item{grid-template-columns:1fr 100px 1fr}}@media screen and (min-width:600px){.steps__bottom *{text-align:center}}@media screen and (max-width:600px){.steps{border-left:1px solid var(--color-border);gap:40px;padding:0 0 0 20px}.steps__item{gap:20px;grid-template-columns:1fr}.steps__number{align-items:flex-start;order:1}.steps__text{margin:0;order:2}.steps__image{order:3}.steps__line{display:none}}