<div class="row" style="margin-bottom: -10px;">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body d-flex">
                <div class="widget-left">
                    <div class="widget-titles">
                        <h6>Total Patients</h6>
                    </div>
                    <span class="widget-numbers"><?=$pt_row?></span>
                </div>
                <div class="widget-icons bg-blue">
                    <div class="c-blue">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2">
                            <g stroke-width="2" transform="translate(0, 0)">
                                <path data-cap="butt" data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M10.713,13.719 C10.232,12.705,9.197,12,8,12H4c-1.657,0-3,1.343-3,3v5h2v7h6" stroke-linejoin="round" stroke-linecap="round"></path>
                                <circle data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" cx="6" cy="6" r="3" stroke-linejoin="round"></circle>
                                <path data-cap="butt" data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M21.287,13.719 C21.768,12.705,22.803,12,24,12h4c1.657,0,3,1.343,3,3v5h-2v7h-6" stroke-linejoin="round" stroke-linecap="round"></path>
                                <circle data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" cx="26" cy="6" r="3" stroke-linejoin="round"></circle>
                                <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M19,31h-6v-8h-3v-7 c0-2.209,1.791-4,4-4h4c2.209,0,4,1.791,4,4v7h-3V31z" stroke-linejoin="round"></path>
                                <circle fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" cx="16" cy="5" r="4" stroke-linejoin="round"></circle>
                            </g>
                        </svg>
                    </div>
                </div>
                <span class="widget-circle"></span>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body d-flex">
                <div class="widget-left">
                    <div class="widget-titles">
                        <h6>Total Appointment</h6>
                    </div>
                    <span class="widget-numbers"><?=$app_row?></span>
                </div>
                <div class="widget-icons bg-red">
                    <div class="c-red">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2">
                            <g stroke-width="2" transform="translate(0, 0)">
                                <line data-cap="butt" x1="31" y1="12" x2="1" y2="12" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
                                <rect x="1" y="4" width="30" height="26" rx="3" ry="3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="round"></rect>
                                <line data-color="color-2" x1="8" y1="1" x2="8" y2="7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="round"></line>
                                <line data-color="color-2" x1="24" y1="1" x2="24" y2="7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke-linejoin="round"></line>
                            </g>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-body d-flex">
                <div class="widget-left">
                    <div class="widget-titles">
                        <h6>Total Doctors</h6>
                    </div>
                    <span class="widget-numbers"><?=$tr_row?></span>
                </div>
                <div class="widget-icons bg-oren">
                    <div class="c-oren">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" stroke-width="2">
                            <g stroke-width="2" transform="translate(0, 0)">
                                <path data-cap="butt" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M13,29.678 C7.676,28.516,3.485,24.324,2.322,19" stroke-linejoin="round" stroke-linecap="round"></path>
                                <path data-cap="butt" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M29.678,19 C28.515,24.324,24.324,28.516,19,29.678" stroke-linejoin="round" stroke-linecap="round"></path>
                                <path data-cap="butt" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M19,2.322 C24.324,3.484,28.515,7.676,29.678,13" stroke-linejoin="round" stroke-linecap="round"></path>
                                <path data-cap="butt" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M2.322,13 C3.485,7.676,7.676,3.484,13,2.322" stroke-linejoin="round" stroke-linecap="round"></path>
                                <polyline data-cap="butt" data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" points="13,9.674 13,1 19,1 19,9.674 " stroke-linejoin="round" stroke-linecap="round"></polyline>
                                <polyline data-cap="butt" data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" points="22.326,13 31,13 31,19 22.326,19 " stroke-linejoin="round" stroke-linecap="round"></polyline>
                                <polyline data-cap="butt" data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" points="19,22.326 19,31 13,31 13,22.326 " stroke-linejoin="round" stroke-linecap="round"></polyline>
                                <polyline data-cap="butt" data-color="color-2" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" points="9.674,19 1,19 1,13 9.674,13 " stroke-linejoin="round" stroke-linecap="round"></polyline>
                                <circle fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" cx="16" cy="16" r="7" stroke-linejoin="round"></circle>
                            </g>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>