.steps{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;list-style:none;display:grid}.step{text-align:center;grid-template-rows:40px auto;justify-items:center;min-width:4rem;margin:0;padding:0;display:grid;position:relative}.step-circle-row{align-items:center;width:100%;margin-bottom:.5rem;display:flex;position:relative}.step:before{content:"";z-index:0;background-color:#e5e6e6;width:100%;height:.5rem;position:absolute;top:15px;left:-50%;transform:translateY(-50%)}.step:after{content:attr(data-content);z-index:1;color:#2b3440;background-color:#e5e6e6;border-radius:9999px;grid-row:1;place-items:center;width:30px;height:30px;font-size:.875rem;display:grid;position:relative}.step:first-child:before{content:none}.step-neutral:before,.step-neutral:after{color:#fff;background-color:#334155}@media (max-width:767px){.steps{grid-auto-flow:row;grid-auto-columns:unset}.step{grid-template-rows:unset;text-align:left;min-width:unset;grid-template-columns:40px auto;place-items:center start;min-height:4rem}.step:before,.step:after{grid-row-start:1;grid-column-start:1}.step:before{width:.5rem;height:100%;margin-inline-start:0;top:-50%;left:15px;transform:translate(-50%)}}