<div class="fun-box text-center">
    <i class="vl-avatar-boy icon-lg text-primary"></i>
    <h2 class="value mt-3" data-target="310">0</h2>
    <hr class="w-25">
    <p>مشتریان خوشحال</p>
</div>

<div class="fun-box text-center">
    <h2 class="value mt-3 font-weight-normal text-primary" data-target="310">0</h2>
    <hr class="w-25">
    <p>مشتریان خوشحال</p>
</div>

<div class="blurb blurb-border d-flex fun-box px-lg-5 px-md-3">
    <i class="vl-avatar-boy pr-4 text-primary mt-3 mb-0"></i>
    <div>
        <h2 class="value" data-target="310">0</h2>
        <p>مشتریان خوشحال</p>
    </div>
</div>

<div class="blurb blurb-border bg-dark d-flex fun-box px-lg-5 px-md-3">
    <i class="vl-avatar-boy pr-4 text-primary mt-md-3 mt-2 mb-0"></i>
    <div>
        <h2 class="value text-white" data-target="310">0</h2>
        <p>مشتریان خوشحال</p>
    </div>
</div>

<div class="card text-center">
    <div class="card-body py-5 fun-box d-flex align-items-start justify-content-center">
        <i class="vl-avatar-boy icon-lg text-primary"></i>
        <span class="value badge badge-pill badge-primary" data-target="9805">0</span>
    </div>
    <div class="card-footer">
        <div class="d-flex align-items-center justify-content-between">
            مشتریان خوشحال
            <span class="card-arrow-icon"></span>
        </div>
    </div>
</div>