.radial-progress {
  max-width: 110px;
  transform: rotate(0deg);
  width: 100%;
}
.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129;
  stroke-width: 4;
}

.radial-progress circle.incomplete {
    stroke: #fff;
}

.radial-progress circle.complete {
  stroke-dasharray: 219.91148575129;
}

.radial-progress text {
  fill: #fff;
  text-anchor: middle;
  transform: rotate(0deg);
}

.radial-progress circle {
  stroke: var(--main-600);
}