.progress-container {
      display: flex;
      gap: 30px;
      flex-wrap:wrap;
      flex-wrap: wrap;
    justify-content: space-between;
    }

    .progress-item {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .circle-wrapper {
      width: 135px;
    height: 135px;
    }

    .static-border {
      position: absolute;
          top: 16px;
    left: 16px;
    width: 80%;
    height: 80%;
      border-radius: 50%;
      border: 2px solid #002244;
      box-sizing: border-box;
      z-index: 1;
    }

   .circle-wrapper svg {
      transform: rotate(-90deg);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
    }

    .circle-bg {
      stroke:transparent;
    }

    .circle-progress {
      stroke: #663A30; /* Brown */
      transition: stroke-dasharray 0.3s ease;
    }

    .circle-trail {
      stroke: transparent; /* Navy */
    }

    .circle-bg,
    .circle-progress,
    .circle-trail {
      fill: none;
      stroke-width:4;
    }

    .progress-value {
      position: absolute;
      top: 52%;
      left: 52%;
      transform: translate(-50%, -50%);
      z-index: 3;
    }

    .progress-text {
      text-align: left;
    }
    .progress-description {
      margin-top: 4px;
      color:#052345;16
    }