.client-table-section {
    background-image:
        linear-gradient(rgba(60, 57, 80, 0.94), rgba(60, 57, 80, 0.8)),
        url(../images/plugin-section/medical-billing.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.circle-wrapper {
    position: relative;
    display: inline-block;
}

.progress-circle {
    transform: rotate(-90deg);
}

.bg-circle {
    fill: none;
    stroke: #fff;
    stroke-width: 16;
}

.progress {
    fill: none;
    stroke: var(--p-c);
    stroke-width: 16;
    /* stroke-linecap: round; */
    stroke-dasharray: 534;
    /* 2πr = 2 * π * 60 */
    stroke-dashoffset: 534;
    transition: stroke-dashoffset 1s linear;
}

.percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -90%);
    color: white;
    font-size: 44px;
    font-weight: bold;
}

.circle-title {
    color: #fff;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 600;
}