.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);

}