/*progresbar*/
.np-progressbar.center {
    margin-left: auto;
    margin-right: auto;
}
.np-progressbar {
    display: flex
;
    width: 100%;
    max-width: 200px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: conic-gradient(#FFFFFF calc(var(--progress) / 100* 360deg), transparent 0deg);
}
.np-progressbar::after {
    content: attr(data-progress) '%';
    display: flex
;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 30px;
    border-radius: 50%;
    background: #1E2882;
    color:#ffffff;
    font-size: 50px;
    font-weight:bold;
    text-align: center;
}