.cps-wrapper{
    position:relative;
    width:100%;
    padding:40px 10px 10px;
}

.cps-progress{
    position:absolute;
    top:76px;
    left:0;
    width:100%;
    height:2px;
}

.cps-progress-line{
    width:100%;
    height:2px;
    background:#1e293b;
}

.cps-progress-fill{
    position:absolute;
    left:0;
    top:0;
    height:2px;
    background:#f59e0b;
}

.cps-steps{
    display:flex;
    justify-content:space-between;
    gap:20px;
}

.cps-step{
    flex:1;
    text-align:center;
    position:relative;
}

.cps-circle{
    width:72px;
    height:72px;
    border-radius:50%;
    border:1px solid #1e293b;
    background:#09111d;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    transition:all .3s ease;
}

.cps-number{
    color:#ffffff;
    font-weight:700;
    font-size:18px;
    line-height:1;
}

.cps-title{
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
}

.cps-icon{
    display:flex;
    justify-content:center;
    align-items:center;
    color:#94a3b8;
}

.cps-icon i{
    font-size:18px;
}

.cps-icon svg{
    width:18px;
    height:18px;
}

@media(max-width:767px){
    .cps-steps{
        flex-direction:column;
        gap:30px;
    }

    .cps-progress{
        display:none;
    }
}