.stepper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:40px;
margin-top:40px;

}

.step{

    display:flex;

    flex-direction:column;

    align-items:center;

    flex:1;

}

.circle{

    width:45px;

    height:45px;

    border-radius:50%;

    background:#ddd;

    color:#555;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:bold;

}

.step.active .circle{

    background:#2E6BE6;

    color:#fff;

}

.step.completed .circle{

    background:#20C05C;

    color:#fff;

}

.step span{

    margin-top:10px;

    font-size:13px;

    text-align:center;

}

.line{

    height:4px;

    background:#ddd;

    flex:1;

}