/* Circle Counter */
  .circle-counter {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 40px auto;
  }

  .circle-counter svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    transform: rotate(-90deg);
  }

  .circle-counter .bg {
    fill: none;
    stroke: #334155;
    stroke-width: 16;
  }

  .circle-counter .progress {
  fill: none;
  stroke: url(#gradient);
  stroke-width: 16;
  stroke-linecap: round;
  stroke-dasharray: 565.49; /* matches 2 * PI * 90 */
  stroke-dashoffset: 565.49;
  /* remove transition */
  filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.8));
}


  .circle-counter .text-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }

  .circle-counter .count {
    font-size: 2.5rem;
    font-weight: 700;
    background: linear-gradient(90deg, #3b82f6, #06b6d4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.6);
  }

  .circle-counter .label {
    font-size: 1.2rem;
    color: #3b82f6;
    font-weight: 500;
    text-shadow: 0 0 5px rgba(59, 130, 246, 0.4);
  }