.wpb-circle-progress {
    --cirrusgo-circle-bg: #e6e6e6;
    --cirrusgo-circle-bar: #3498db;
    --cirrusgo-percentage-color: #1d1d1d;
    --cirrusgo-title-color: #1d1d1d;
    --cirrusgo-text-color: #555555;
    text-align: center;
    max-width: 320px;
    margin: 0 auto;
}

.wpb-circle-progress__chart-wrap {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 0 auto 16px;
}

.wpb-circle-progress__svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.wpb-circle-progress__bg,
.wpb-circle-progress__bar {
    fill: none;
    stroke-width: 10;
}

.wpb-circle-progress__bg {
    stroke: var(--cirrusgo-circle-bg);
}

.wpb-circle-progress__bar {
    stroke: var(--cirrusgo-circle-bar);
    stroke-linecap: round;
    stroke-dasharray: 326.7256359733385;
    stroke-dashoffset: 326.7256359733385;
    transition: stroke-dashoffset 1.4s ease;
}

.wpb-circle-progress__number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: var(--cirrusgo-percentage-color);
}

.wpb-circle-progress__title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 1.3;
    color: var(--cirrusgo-title-color);
}

.wpb-circle-progress__text {
    font-size: 15px;
    line-height: 1.6;
    color: var(--cirrusgo-text-color);
}

.wpb-circle-progress__text p {
    margin: 0;
}