.steps-wrapper{display:flex;flex-direction:column;justify-content:center;counter-reset:stepsCounter;margin-block:3em 1em;margin-inline:0 0}.steps-item{inline-size:100%;max-inline-size:100%;text-align:start;font-weight:400;margin:0;position:relative;flex:auto;display:flex;align-items:center}.steps-item:not(:last-child){padding-block-end:2rem}.steps-item:before{counter-increment:stepsCounter;content:counter(stepsCounter);color:#fff;inline-size:3rem;block-size:3rem;font-size:1.6rem;display:inline-block;line-height:3rem;font-weight:400;border-radius:50%;background-color:rgb(var(--mui-palette-primary-lightChannel)/.15);color:var(--primary-color);margin:0;flex:0 0 auto;text-align:center}.steps-item:not(:last-child):after{content:"";position:absolute;background:var(--primary-color);font-size:1.5rem;inset-block-start:5rem;block-size:calc(100% - 5rem);inline-size:2px;inset-inline-start:1.5rem;margin-inline-start:-1px}@media screen and (min-width:900px){.steps-wrapper{flex-direction:row}.steps-item{max-inline-size:13em;text-align:center;margin-block:0;margin-inline:2em;flex-direction:column}.steps-item:not(:last-child):after{content:"";background-color:var(--primary-color);inset-block-start:1.5rem;block-size:2px;inline-size:83%;inset-inline-start:50%;margin-inline-start:3rem}.steps-item:not(:last-child){padding-block-end:0}.steps-new__text{padding-block-start:1rem}}