.stepper-wrapper{font-family:Arial;margin-top:20px;display:flex;justify-content:space-between;margin-bottom:20px}.stepper-item{position:relative;display:flex;flex-direction:column;align-items:center;flex:1}.stepper-item::before{position:absolute;content:"";border-bottom:2px solid #ccc;width:100%;top:20px;left:-50%;z-index:2}.stepper-item::after{position:absolute;content:"";border-bottom:2px solid #ccc;width:100%;top:20px;left:50%;z-index:2}.stepper-item .step-counter{position:relative;z-index:5;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#ccc;margin-bottom:6px}.stepper-item.active{font-weight:700}.stepper-item.completed .step-counter{background-color:#00f;color:#fff}.stepper-item.completed::after{position:absolute;content:"";border-bottom:2px solid #00f;width:100%;top:20px;left:50%;z-index:3}.stepper-item:first-child::before{content:none}.stepper-item:last-child::after{content:none}