.custom-pie-wrapper {
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}

.custom-pie-container {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}

.pie-total-text {
    margin-top: 0;
    color: #0f172b;
    font-family: "Museo Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

.pie-svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.pie-track {
    fill: none;
    stroke: #92c05a;
    stroke-width: 8;
}

.pie-fill {
    fill: none;
    stroke: #1b3668;
    stroke-width: 8;
    stroke-linecap: butt;
    stroke-dasharray: 251.3;
    stroke-dashoffset: 251.3;
    transition: stroke-dashoffset 1.5s ease-in-out;
}

.pie-number {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #1b3668;
    font-family: "Museo Sans", sans-serif;
    font-size: 28px;
    font-weight: 800;
    transform: translate(-50%, -50%);
}

.totalbay-parking,
.availablebay-parking {
    color: #45556c;
    font-family: "Verdana", sans-serif;
    font-size: 16px;
    font-weight: 500;
}