.moaui-custom-progress-circle {
    position: relative;

}
.moaui-custom-progress-circle .moaui-donutChart-text-layout {
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 150px;
    max-height: 150px;
}

.moaui-custom-progress-circle .donutText,
.moaui-custom-progress-circle .moaui-donutChart-text-layout {
    color: var(--moa-body-color, #212529) !important;
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}


.moaui-custom-progress-circle .moaui-donutChart-text-layout > .donutText-label {
    color: var(--moa-inactive);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.moaui-custom-progress-circle > svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}
.moaui-custom-progress-circle circle {
    fill: none;
    stroke-linecap: round;
    transition: stroke-dasharray .4s linear, stroke .3s;
}

.moaui-center-circle {
    display: flex !important;
    align-content: center;
    align-items: center;
    justify-content: center;
}