.key-matrics{--progress-bar-width:200px;--progress-bar-height:200px;--font-size:2.5rem}.key-matrics .key-matrics-flex{display:flex;flex-wrap:wrap;justify-content:space-between}.key-matrics-item{align-items:center;display:flex;flex-basis:calc(25% - 20px);flex-direction:column;gap:20px;text-align:center}.key-matrics-top-content{margin-bottom:40px}.circular-progress{align-items:center;border-radius:50%;display:flex;height:var(--progress-bar-height);justify-content:center;width:var(--progress-bar-width)}.inner-circle{border-radius:50%;height:calc(var(--progress-bar-height) - 20px);position:absolute;width:calc(var(--progress-bar-width) - 20px)}.percentage{color:rgba(0,0,0,.8);font-size:var(--font-size);margin:0;position:relative}@media (max-width:1024px){.key-matrics .key-matrics-flex{flex-wrap:wrap;gap:50px;justify-content:space-around}}@media (max-width:768px){.key-matrics .key-matrics-flex{flex-direction:column}}@media screen and (max-width:800px){.key-matrics{--progress-bar-width:150px;--progress-bar-height:150px;--font-size:1.3rem}}@media screen and (max-width:500px){.key-matrics{--progress-bar-width:120px;--progress-bar-height:120px;--font-size:1rem}}