/* Container setup */
    .stats-container {
      display: flex;
      width: 100%;
      /*max-width: 1200px;*/
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

    /* Base styling for each card */
    .stat-card {
      flex: 1;
      padding: 15px 20px;
      text-align: center;
      color: #000;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content:flex-start !important;
    }

    /* Background colors matching the image gradient/shades */
    .stat-card:nth-child(1) {
      background-color: #f6821f; /* Vibrant Orange */
    }

    .stat-card:nth-child(2) {
      background-color: #f37021; /* Slightly Darker Orange */
    }

    .stat-card:nth-child(3) {
      background-color: #a0d85b; /* Bright Light Green */
    }

    .stat-card:nth-child(4) {
      background-color: #72bf44; /* Darker Green */
    }

    /* Top stats header layout (Number + Label) */
    .stat-header {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      line-height: 1;
    }
    
    .card-4  .stat-header {
      flex-direction:row-reverse;
    }
    
    .card-4  .stat-label.right-aligned {
    text-align: right;
    margin-left: 12px !important;
    margin-right: 0px !important;
}

    /* Plus symbol */
    .plus-sign {
      font-size: 2.2rem;
      font-weight: 800;
      color: #ffffff;
      margin-right: 4px;
    }

    /* Number counter style */
    .counter {
      font-size: 3.8rem;
      font-weight: 800;
      color: #ffffff;
      letter-spacing: -1px;
    }

    /* Text beside the counter */
    .stat-label {
      font-size: 1.15rem;
      font-weight: 700;
      color: #ffffff;
      text-align: left !important;
      margin-left: 8px;
      line-height: 1.1;
      max-width: 110px;
    }

    /* Specific label for card 4 layout */
    .stat-label.right-aligned {
      text-align: right;
      margin-left: 0;
      margin-right: 12px;
    }

    /* Percentage symbol styling */
    .percent-sign {
      font-size: 3.8rem;
      font-weight: 800;
      color: #ffffff;
    }

    /* Description paragraph */
    .stat-description {
      font-size: 0.95rem;
      font-weight: 400;
      color: #111111;
      line-height: 1.35;
      max-width: 250px;
      margin: 0 auto;
    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
      .stats-container {
        flex-wrap: wrap;
      }
      .stat-card {
        flex: 1 1 50%; /* 2x2 grid on medium screens */
      }
    }

    @media (max-width: 600px) {
      .stat-card {
        flex: 1 1 100%; /* Single column on mobile */
        padding: 30px 15px;
      }
      .counter, .percent-sign {
        font-size: 3rem;
      }
      .plus-sign {
        font-size: 1.8rem;
      }
      .stat-label {
        font-size: 1rem;
      }
    }