.cart-steps{
    margin-bottom: 40px;
}
.cart-step {
    position: relative;
    display: block;
    text-decoration: none;
    color: #aeaeae;
}
.cart-detail{
    background:#ff6900;
}

.cart-step-number {
    margin: 0 0 -16px;
    font-size: 48px;
    line-height: 1em;
    font-weight: 900;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cart-step-text {
    position: relative;
    font-size: 18px;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index:2;
}
.cart-step:not(:first-child)::after {
    content: "";
    position: absolute;
    bottom: 7px;
    left: -130px;
    display: block;
    width: 120px;
    margin-left:7px;
    height: 1px;
    background-color: #aeaeae;
    z-index:1;
}
.cart-step.active {
    color: #24b57c;
}
.cart-step.ready {
    color: #ffed00;
}
.cart-step-body, .cart-step-form{
    display:none;
}
.cart-step-body.active, .cart-step-form.active{
    display:block;
}

.cart-content.blur{
    filter:blur(2px);
}

.cart-wrapper{
    position: relative;
}
.cart-loader{
    display:none;
    filter:blur(0);
    position: absolute;
    z-index:1000;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
}   
.cart-loader.active{
    display:block;
}

@media (max-width: 991.98px) {
    .cart-step-number{
        margin: 0 0 -10px;
        font-size:30px;
    }
    .cart-step-text{
        font-size:10px;
    }
    
}
@media (max-width: 575.98px) {
    .cart-step:not(:first-child)::after {
        display:none;
    }
}