<div class="billing-invoice-lifecycle billing-challan-lifecycle">
    <h6 class="text-center text-muted text-uppercase fs-12 mb-4 letter-spacing-1">Lifecycle of a Quote</h6>
    <div class="lifecycle-flow lifecycle-flow--quote">
        <div class="lifecycle-step">
            <div class="lifecycle-icon lifecycle-icon--draft"><i class="ri-hand-coin-line"></i></div>
            <span>Quote</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--sent"><i class="ri-send-plane-line"></i></div>
            <span>Sent to Customer</span>
        </div>
        <div class="lifecycle-branch lifecycle-branch--quote">
            <div class="lifecycle-branch-row">
                <div class="lifecycle-step lifecycle-step--sm">
                    <div class="lifecycle-icon lifecycle-icon--paid"><i class="ri-checkbox-circle-line"></i></div>
                    <span>Accept</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-bank-line"></i></div>
                    <span>Invoice</span>
                </div>
            </div>
            <div class="lifecycle-branch-row">
                <div class="lifecycle-step lifecycle-step--sm">
                    <div class="lifecycle-icon lifecycle-icon--overdue"><i class="ri-close-circle-line"></i></div>
                    <span>Reject</span>
                </div>
                <div class="lifecycle-loop" title="Revise and resend">
                    <i class="ri-arrow-go-back-line"></i>
                    <span class="lifecycle-loop-label">back to Quote</span>
                </div>
            </div>
        </div>
    </div>
</div>
