<div class="row">
    <div class="col-xl-3 col-lg-6">
        <div class="card">
            <div class="card-bg">
                <div class="p-t-20 d-flex justify-content-between">
                    <div class="col">
                        <h6 class="mb-0"> Direct Expenses</h6>
                        <span class="font-weight-bold mb-0 font-20">$0.00</span>
                    </div>
                    <i class="fas fa-credit-card card-icon col-green font-30 p-r-30"></i>
                </div>
                <canvas id="cardChart2" height="80"></canvas>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-lg-6">
        <div class="card">
            <div class="card-bg">
                <div class="p-t-20 d-flex justify-content-between">
                    <div class="col">
                        <h6 class="mb-0"> Indirect Expenses</h6>
                        <span class="font-weight-bold mb-0 font-20">$0.00</span>
                    </div>
                    <i class="fas fa-dollar-sign card-icon col-cyan font-30 p-r-30"></i>
                </div>
                <canvas id="cardChart4" height="80"></canvas>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-lg-6">
        <div class="card">
            <div class="card-bg">
                <div class="p-t-20 d-flex justify-content-between">
                    <div class="col">
                        <h6 class="mb-0"> Payroll</h6>
                        <span class="font-weight-bold mb-0 font-20">$0.00</span>
                    </div>
                    <i class="fas fa-users card-icon col-indigo font-30 p-r-30"></i>
                </div>
                <canvas id="cardChart3" height="80"></canvas>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-lg-6">
        <div class="card">
            <div class="card-bg">
                <div class="p-t-20 d-flex justify-content-between">
                    <div class="col">
                        <h6 class="mb-0"> Development Cost</h6>
                        <span class="font-weight-bold mb-0 font-20">$0.00</span>
                    </div>
                    <i class="fas fa-graduation-cap card-icon col-orange font-30 p-r-30"></i>
                </div>
                <canvas id="cardChart1" height="80"></canvas>
            </div>
        </div>
    </div>
</div>