.donuts-section{--donutMainColor:#000;--donutBgColor:#EAEAEA;display:grid;grid-template-columns:repeat(2,1fr);gap:21px}
.donuts-section .donut-item{text-align:center}
.donuts-section .donut-item p{font-size:.875rem;line-height:1.3125rem;margin:22px 0 0}
.donut{width:122px;height:122px;max-width:100%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--donutBgColor) repeating-conic-gradient(from 0deg,var(--donutMainColor) 0deg calc(3.6deg * var(--percent)),var(--donutBgColor) 50deg 360deg);border-radius:50%;margin:0 auto}
.donut-entry{width:84%;height:84%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:500;line-height:1.875rem;text-align:center;background:#fff;border-radius:50%}