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

/* Circle SVG */
.skill-progress-wrapper .skill-circle {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

/* Stroke width is set via inline selector */
.skill-progress-wrapper .skill-circle-bg {
    stroke: #eeeaf3 !important;
    fill: #fff !important;
}
.skill-progress-wrapper .skill-circle-progress {
    stroke: #3f3f3f !important;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
}

/* Centered inner content */
.skill-progress-wrapper .skill-center-image,
.skill-progress-wrapper .skill-center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}

/* Image display */
.skill-progress-wrapper .skill-center-image img {
    display: block;
    margin: 0 auto;
}

/* Mode1 labels now flow below the circle */
.skill-progress-wrapper.mode1 .skill-info {
    position: relative;      /* was absolute */
    bottom: auto;            /* remove old bottom */
    margin-top: 0;           /* overwritten by Elementor control */
    text-align: center;
    z-index: 2;
}

/* Reset default margins on text */
.skill-name,
.skill-percentage {
    margin: 0;
    color: #00000070;
}
.skill-name {
    color: #000;
}