unded-circle d-flex align-items-center justify-content-center" style="color: #7e3434;">
                  <i class="bi bi-calendar-x"></i>
                </div>
                <div class="ps-3">
                  <h6>{{ expired_items }}</h6>
                </div>
              </div>
            </div>

          </div>
        </div><!-- End Available Items Card -->

        <!-- Soon Expiring Items Card -->
        <div class="col-xxl-4 col-md-6">
          <div class="card info-card customers-card">
 