.steps{display:flex;flex-wrap:wrap;row-gap:16px;margin:0;padding:0;list-style:none}.steps>li{position:relative;flex:1;min-width:130px;padding:0 8px;text-align:center}.steps>li:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 24px);right:calc(-50% + 24px);height:2px;background:var(--gray-blue-100)}.steps>li>span{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 8px;border-radius:50%;background:var(--gray-blue-100);color:var(--gray-blue-600);font-size:var(--fs-8);font-weight:700}.steps>li>span i{--bs-icon-size: 18px}.steps h6{margin:0;font-size:var(--fs-7);font-weight:600}.steps small{display:block;margin-top:2px;color:var(--bs-secondary-color);font-size:var(--fs-8)}.steps>li.done:after{background:var(--bs-success)}.steps>li.done>span{background:var(--bs-success);color:#fff}.steps>li.active>span{background:var(--bs-primary);color:#fff;box-shadow:0 0 0 4px var(--primary-50)}@media(max-width:768px){.steps>li{flex:0 0 50%;min-width:0}.steps>li:after{display:none}}