.circular-progress-bar{display:block;grid-template-columns:repeat(1,160px);grid-gap:80px;padding:0;margin:auto 0}@media (min-width:420px) and (max-width:659px){.circular-progress-bar{grid-template-columns:repeat(2,160px)}}@media (min-width:660px) and (max-width:899px){.circular-progress-bar{grid-template-columns:repeat(3,160px)}}@media (min-width:900px){.circular-progress-bar{grid-template-columns:repeat(3,160px)}}.circular-progress-bar .box{width:100%}.circular-progress-bar .box h2{display:block;text-align:center;color:#fff}.circular-progress-bar .box .chart{position:relative;margin:0 0 55px;width:120px;height:120px;text-align:right;font-size:40px;line-height:170px;color:#00174d}@media (max-width:1024px){.circular-progress-bar .box .chart{position:relative;margin:0 0 55px;width:120px;height:120px;text-align:center;font-size:40px;line-height:120px;color:#00174d}}.circular-progress-bar .box canvas{position:absolute;top:0;left:0;width:160px;height:160px}