.complete-steps,
.scroll-progress {width: 60px;height: 60px;background: #CF2030;border-radius: 50%;margin: 0 auto 10px;position: relative;overflow: hidden;transition: all 0.3s ease-in;}
.completed  .complete-steps,
.completed  .scroll-progress {}
.complete-steps {/* position: absolute; *//* background-color: #CF2030; *//* transform: translateX(-100px); */}
.completed .complete-steps {
    transform: translateX(0px);
}
.path-forward .complete-steps {
    transition: all 1s ease-in;
}
.count {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #FFFFFF;
}
.path-forward {
    margin: 0 20px;
}
.step-progress {
    /* position: relative; */
    /* display: flex; */
    text-align: center;
}
.path-forward {
transition: all .5s ease;
}

.completed .showme {
/* opacity: 1; */
}
.showme,.showme-first {color: var(--Power-Black, #000);text-align: center;font-family: "Helvetica Neue LT Std";font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;margin-top: 10px;}

.progress-wrap {
    display: flex;
    margin: 30px 0 0;
}
.progress-container {
position: sticky;
top: 0;
/* height: 50vh; */
/* height: 100vh; */
z-index: 1;
display: flex;
/* align-items: center; */
justify-content: center;
margin-top: 42px;
}

.progress-container.sticky-lg-top {
position: sticky;
height: 0;
top: 0;
}

.normal {
color: #64666A;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
transition: all 0.3s ease-in;
}
.normal {
color: #CF2030;
font-weight: 700;
}
@media only screen and (max-width: 1199px) {
    .normal {
        font-size: 24px;
    }
}
@media only screen and (max-width: 991px) {
    .normal {
        font-size: 24px;
    }
    .normal {
        /* font-size: 20px; */
    }
}

@media only screen and (max-width: 767px) {
    .path-forward {
        margin: 0 0 14px;
    }
    .step-progress-wrap {
        display: flex;
        align-items: center;
    }
    .completed .complete-steps, .completed .scroll-progress {
        width: 40px;
        height: 40px;
    }

    .complete-steps, .scroll-progress {
        width: 40px;
        height: 40px;
        display: inline-block;
        margin: 0;
    }
    .count {
        font-size: 16px;
    }
    
    .normal {
        /* font-size: 21px; */
        margin: 0 0 0 10px;
    }
    .showme, .showme-first {
        font-size: 16px;
        margin: 0 0 0 50px;
        min-height: 65px;
        text-align: left;
    }
}