.cc-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.cc-item{width:190px;height:190px;border-radius:50%;position:relative;background:radial-gradient(circle,#1d1d1d,#050505)}
.cc-item svg{width:100%;height:100%;transform:rotate(-90deg)}
.bg,.fg{fill:none;stroke-width:8}
.bg{stroke:#444}
.fg{stroke:#39d61c;stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}
.txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}
.num{font-size:64px}
.lab{font-size:14px;letter-spacing:2px}

.cc-head{font-size:40px;font-weight:800;text-align:center;margin-bottom:25px}
.cc-foot{font-size:32px;font-weight:800;text-align:center;margin-top:40px;max-width:900px;margin-left:auto;margin-right:auto}