
<div class="row">
    <div class="col-sm-6 col-xl-3">
        <div class="p-3 bg-primary-500 rounded overflow-hidden position-relative text-white mb-g">
            <div class="">
                <h3 class="display-4 d-block l-h-n m-0 fw-500">
                    0
                    <small class="m-0 l-h-n">Assigned Request</small>
                </h3>
            </div>
            <i class="fa fa-bell position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
        </div>
    </div>
    
    <div class="col-sm-6 col-xl-3">
        <div class="p-3 bg-primary-500 rounded overflow-hidden position-relative text-white mb-g">
            <div class="">
                <h3 class="display-4 d-block l-h-n m-0 fw-500">
                    0
                    <small class="m-0 l-h-n">Ongoing</small>
                </h3>
            </div>
            <i class="fa fa-circle-o-notch position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
        </div>
    </div>

    <div class="col-sm-6 col-xl-3">
        <div class="p-3 bg-primary-500 rounded overflow-hidden position-relative text-white mb-g">
            <div class="">
                <h3 class="display-4 d-block l-h-n m-0 fw-500">
                    0
                    <small class="m-0 l-h-n">Waiting for Validation</small>
                </h3>
            </div>
            <i class="fa fa-exclamation-circle position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n1" style="font-size:6rem"></i>
        </div>
    </div>


</div>