/*======= Progress Bars =======*/
.single-progress-bar {
    margin-bottom: 35px;

    .progress-top {
        position: relative;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .title,
    .progress-counter {
        font-size: 18px;
        font-weight: 700;
        font-family: $raj;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .progress-counter {
        color: $primary-color;
        position: absolute;
        top: 105%;
        transform: translate(-40%, -50%);
        @include transition(0.3s);
    }

    .progress-line-wrap {
        width: 100%;
        height: 3px;
        background-color: #f4f9fa;
        position: relative;

        .progress-line {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 8px;
            background-color: $primary-color;
            transition: width 2s ease-in-out;
        }

        .progressbarV {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 3px;
            height: 18px;
            background-color: $primary-color;
            transition: 2s ease-in-out;
        }
    }
}