<div class="billing-invoice-lifecycle billing-credit-note-lifecycle">
    <h6 class="text-center text-muted text-uppercase fs-12 mb-4 letter-spacing-1">Lifecycle of a Credit Note</h6>
    <div class="lifecycle-flow lifecycle-flow--credit-note">
        <div class="lifecycle-step">
            <div class="lifecycle-icon lifecycle-icon--draft"><i class="ri-arrow-go-back-line"></i></div>
            <span>Product Returned</span>
        </div>
        <div class="lifecycle-step">
            <div class="lifecycle-icon lifecycle-icon--sent"><i class="ri-close-circle-line"></i></div>
            <span>Order Cancelled</span>
        </div>
        <div class="lifecycle-step">
            <div class="lifecycle-icon lifecycle-icon--partial"><i class="ri-hand-coin-line"></i></div>
            <span>Excess Payment</span>
        </div>
        <div class="lifecycle-arrow"><i class="ri-arrow-right-s-line"></i></div>
        <div class="lifecycle-step">
            <div class="lifecycle-icon lifecycle-icon--invoice"><i class="ri-file-reduce-line"></i></div>
            <span>Credit Note</span>
        </div>
        <div class="lifecycle-branch lifecycle-branch--credit">
            <div class="lifecycle-branch-row">
                <div class="lifecycle-step lifecycle-step--sm">
                    <div class="lifecycle-icon lifecycle-icon--paid"><i class="ri-refund-2-line"></i></div>
                    <span>Refund</span>
                </div>
                <div class="lifecycle-arrow lifecycle-arrow--sm"><i class="ri-arrow-right-s-line"></i></div>
                <div class="lifecycle-step lifecycle-step--sm">
                    <div class="lifecycle-icon lifecycle-icon--invoice"><i class="ri-wallet-3-line"></i></div>
                    <span>Credits on Account</span>
                </div>
            </div>
            <div class="lifecycle-branch-row">
                <div class="lifecycle-step lifecycle-step--sm">
                    <div class="lifecycle-icon lifecycle-icon--paid"><i class="ri-file-list-3-line"></i></div>
                    <span>Apply to Future Invoices</span>
                </div>
            </div>
        </div>
    </div>
</div>
