#step{}
#step .line{
    position: relative;
    border-top: 10px solid #9fb8e9;
    height: 1px;
    top: 21px;
    left: 2px;
    z-index: 9;
    width: 99%;
}
#step .dot-number{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
#step .dot-number span{
    background-color: #9fb8e9;
    color: #9fb8e9;
    border-radius: 1rem;
    font-weight: bold;
    width: 29px;
    height: 29px;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
}
#step .dot-number span.active{
    background-color: var(--orange);
    color: white;

}
#step .dot-number span.success{
    background-color: var(--primary);
    color: white;
}