﻿.progress-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: var(--m8crc-secondary); /* Track color */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    position: relative;
    /* Progress logic */
    background: conic-gradient( #0d6efd 75%, /* Bootstrap Primary color */
    #e6e6e6 0% );
}

    .progress-circle .progress-value {
        background: white;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
