.table td.Td_progress{padding:0;}
.chart-area .chart-image{height: 38vh !important; width: 19vw !important;}
.round {-moz-border-radius: 15px; border-radius: 15px; padding: 5px; border: 1px solid #000;}
.container .card:before {
    content: ""; position: absolute; top: 0; left: -50%; width: 100%; height: 100%;
    background: rgba(255, 255, 255, .03); pointer-events: none; z-index: 1;
}
.percent { position: relative; width: 160px; height: 160px; border-radius: 50%; z-index: 1; }
.box { display: flex; align-items: center; justify-content: space-around;}
.percent .number { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;
    justify-content: space-around; align-items: center; border-radius: 50%;
}
.percent .number h2 { font-weight: 700; font-size: 30px; transition: 0.5s; margin: 12px 0 0 0; }
.percent .number h2 span { font-size: 24px; transition: 0.5s; }
.text { position: relative; margin-top: 20px; font-weight: 500; font-size: 16px; text-align: center; }
.percent svg { position: relative; width: 160px; height: 160px; z-index: 1000; bottom: 6%;}
.percent svg circle { width: 160px; height: 160px; fill: none; stroke: #efefef;
    stroke-width: 20px; stroke-linecap: round; transform: translate(10px, 10px); }
.boxinner {
    display: flex; justify-content: space-around; align-items: center; width: 125px; height: 120px;
    margin-top: 5px; shape-outside: circle(); clip-path: circle(); background: #efefef; font-size: 2.8rem;
    font-weight: 500;
}
