<div id="notification-panel" class="notification-panel">
    <div class="notification-items">

        <a class="menu-pending-orders notification-item" href="#">
            <i class="fas fa-shopping-cart fs-4"></i>
            <div class="fw-bold">0</div>
            <small>Pending Orders</small>
        </a>

        <a class="menu-pending-cancel notification-item" href="#">
            <i class="fas fa-ban fs-4"></i>
            <div class="fw-bold">0</div>
            <small>Pending Cancellations</small>
        </a>

        <a class="menu-overdue-invoices notification-item" href="#">
            <i class="fas fa-exclamation-circle fs-4"></i>
            <div class="fw-bold">0</div>
            <small>Overdue Invoices</small>
        </a>

        <a class="menu-tickets-awaiting-reply notification-item" href="#">
            <i class="fas fa-comments fs-4"></i>
            <div class="fw-bold">0</div>
            <small>Tickets Awaiting Reply</small>
        </a>

    </div>
</div>
