.chart-percent-left {
    max-width: 850px;
    margin: 50px auto;
}
.chart-percent-left h5{
    margin-bottom: 0 !important;
}
.chart-percent-left .progress-main {
    background: #F5F5F5;
    border-radius: 20px;
    position: relative;
}
.chart-percent-left .progress-main .progress {
    background: #2ABB9C;
    border-radius: 20px;
}
.chart-percent-left .progress-main::before {
    content: attr(data-percent);
    position: absolute;
    right: calc(100% + 18px);
    font-size: 30px;
    color: #2ABB9C;
    font-weight: 600;
    top: -10px;
}
.chart-percent-left .progress-main::after {
    content: attr(data-symbol);
    position: absolute;
    left: -15px;
    font-size: 15px;
    color: #2ABB9C;
    font-weight: 400;
    top: 5px;
}

@media only screen and (max-width: 768px) {
    .chart-percent-left .progress-main {
        background: #F5F5F5;
        border-radius: 20px;
        position: relative;
        margin-left: 75px;
    }
}