.form-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.form-steps-item {
    padding: 2rem 0;
    position: relative;
    display: table-cell;
}
.form-steps-item:after {
    content: '';
    display: inline-block;
    height: 3px;
    width: 100%;
    background: #bdc3c7;
    float: left;
    position: absolute;
    left: 30px;
    top: 62px;
    z-index: -5;
}
.form-steps-item-content {
    align-items: center;
}
.form-steps-item-icon {
    background: #bdc3c7;
    color: #fff;
    display: block;
    border-radius: 100%;
    text-align: center;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    margin: 1rem auto;
}
.form-steps-item-text {
    font-size: .8rem;
    color: #bdc3c7;
}
.form-steps-item--active {
    color: #1b904d;
}
.form-steps-item--active .form-steps-item-icon {
    background-color: #1b904d;
    color: #fff;
}
.form-steps-item--active .form-steps-item-text {
    color: #5a6372;
}
.form-steps-item--completed .form-steps-item-text {
    color: #1b904d;
}
.form-steps-item--completed .form-steps-item-icon {
    background-color: #1b904d;
    color: #fff;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii03MCAxNjIuOCA0NjkuMiA0NjkuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtNzAgMTYyLjggNDY5LjIgNDY5LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOTIuNSwyNTlsLTIxLjctMjEuN2MtOS05LTIzLjYtOS0zMi42LDBMMTEwLjQsNDY1LjJMLTksMzQ1LjhjLTktOS0yMy42LTktMzIuNiwwbC0yMS43LDIxLjdjLTguOSw5LTguOSwyMy42LDAsMzIuNkw5NCw1NTcuNGM0LjUsNC41LDEwLjMsNi44LDE2LjIsNi44czExLjgtMi4zLDE2LjItNi44bDI2NS44LTI2NS44QzQwMS41LDI4Mi41LDQwMS41LDI2OCwzOTIuNSwyNTl6Ii8+PC9nPjwvc3ZnPg==");
    color: transparent;
    background-size: 1rem;
    background-repeat: no-repeat;
    background-position: center center;
}
.form-steps-item--completed:after {
    background-color: #1b904d;
}

.form-steps-item:first-child {
    padding-left: 1rem;
}

.form-steps-item:last-child {
    width: 4rem;
}

.form-steps-item:last-child:after {
    content: none;
}

@media (max-width: 677px) {
    .form-steps .hidden-device {
        display: none;
    }
}