svg.radial-progress {
  height: auto;
  overflow: visible;
  max-width: 160px;
  transform: rotate(-90deg);
  width: 100%;
  margin: 0 auto;
  display: block;
}
svg.radial-progress .percentage {
  font-size: 12px;
  fill: #fff;
  font-weight: 600;
  font-family: var(--font-family-title, sans-serif);
}
svg.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width: 8;
}
svg.radial-progress circle.incomplete {
  opacity: 0;
}
svg.radial-progress circle.complete {
  stroke-dasharray: 219.91148575129; /* Circumference */
  filter: url(#dropshadow);
  transition: stroke-dashoffset 1s ease-out;
}
svg.radial-progress text {
  fill: #000;
  text-anchor: middle;
}
svg.radial-progress .basic-circle {
  stroke: #003f99 !important;
}

/* Section Background */
.pls-radial-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background-image: var(--pls-gradient, linear-gradient( to right, rgb(57,26,166) 0%, rgb(6,163,245) 100%));
}
.pls-radial-section:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background-image: var(--pls-bg-image-1), var(--pls-bg-image-2);
    background-position: top left, top right;
    background-repeat: no-repeat;
    pointer-events: none;
}
.pls-radial-section .container {
    position: relative;
    z-index: 1;
}