.widget-percent-container {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 110px;
}
.widget-percent-container .svg-item {
  margin: 0 auto;
}
.widget-percent-container .donut-segment {
  transform-origin: center;
}
.widget-percent-container .donut-segment-2 {
  stroke: #2DAAE2;
  stroke-dasharray: 313.6;
  stroke-dashoffset: 313.6;
  transform-origin: center;
  transform: scaleX(-1) rotate(-90deg);
}
.widget-percent-container .segment-1 {
  fill: #ccc;
}
.widget-percent-container .donut-ring {
  stroke: #EBEBEB;
}
.widget-percent-container .segment-2,
.widget-percent-container .donut-text,
.widget-percent-container .donut-text-1 {
  font-family: "Fira Sans";
  fill: #2DAAE2;
}
.widget-percent-container .donut-label {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  fill: #000;
  transform: translateY(0.25em);
}
.widget-percent-container .donut-percent {
  font-size: 1.4em;
  line-height: 1;
  transform: translateY(0.5em);
  font-weight: bold;
}
.widget-percent-container .donut-data {
  font-family: "Fira Sans";
  font-weight: bold;
  font-size: 0.5em;
  line-height: 1;
  transform: translateY(0.5em);
  text-align: center;
  text-anchor: middle;
  color: #000000;
  fill: #000000;
}