.chart-animate, .chart {
  position: relative;
  display: inline-block;
  width: 416px;
  height: 416px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.chart-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 355px;
  height: 355px;
  border-radius: 100%;
  padding: 50px 0;
  background: #fff;
   transform: translate(-50%, -50%);
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  font-weight:900;
  display: block;
  z-index: 2;
  font-size: 6rem;
  color:#224340;
  padding-bottom: 1.5rem;
}
.percent:after {
  font-family: 'impact';
  content: '%';
  margin-left: 0.1em;
  font-size: 3.5rem;
   color:#224340;
}