.complete-register {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0px;
    flex-flow: column;
}

.success-register {
    width: 100%;
    max-width: 990px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.success-register label.success {
    color: #007f00 !important;
}

.complete-register label {
    font-size: 22px;
    margin-bottom: 20px;
}

.complete-register label a {
    font-size: 22px;
    margin-bottom: 20px;
    color: #CCA258;
    border-bottom: solid 1px #CCA258;
}

.profile-photo-content .complete-register label {
    color: #fff;
}

.item-resgiter {
    max-width: 990px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    flex-flow: wrap;
}
.item-resgiter:after {
    content: '';
    position: absolute;
    height: 2px;
    top: 25px;
    left: 50px;
    background-color: #000;
    width: calc(100% - 100px);
}

.item-resgiter .item-step {
    position: relative;
    display: flex;
    flex-flow: column;
    z-index: 1;
    align-items: center;
    justify-content: center;
    width: 85px;

}

.item-resgiter .item-step .item-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

}

.item-resgiter a.item-step .item-icon {
    background-color: #0aa40c

}
.item-resgiter span.item-step .item-icon {
    background-color: #949494
}

.item-resgiter a.item-step.active .item-icon {
    background-color: #189bdc;
}

.item-resgiter .item-step .item-title {
    text-transform: capitalize;
    color: #949494;
    margin-top: 10px;
}

.loading-register{
    max-width: 990px;
    width: 100%;
    position: relative;
    display: flex;
    background-color: #cecece;
    height: 30px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px;
}

.loading-register .percent-load{
    display: flex;
    background-color: #CCA258;
    height: 100%;
    align-items: center;
    padding: 0px 20px;
    font-weight: bold;
    border-radius: 10px;
}

@media screen and (max-width: 990px){
    .item-resgiter:after {
        display: none;
    }

    .item-resgiter{
        flex-flow: nowrap;
        display: flex;
        overflow-x: auto;
         white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        max-width: 100vw;
        margin-left: 20px;
        padding-bottom: 20px;
        justify-content: flex-start;
    }
}