<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger mean_div pr3" id="presales_satisfaction_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Pre-Sales Satisfaction</b></h5>
            <div id="qps4_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="presales_satisfaction_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Pre-Sales Satisfaction</b></h5>
            <div id="qps4_topbrand"></div>
        </div>
    </div>
    <div class="col-lg-12 tbl_div" style="display:none;">
        <div class="card card-shadow-danger pr3">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Pre-Sales Satisfaction</b></h5>
            <table id="QPS4_tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger mean_div pr3" id="presales_experience_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Experience with Website</b></h5>
            <div id="qps2_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="presales_experience_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Experience with Website</b></h5>
            <div id="qps2_topbrand"></div>
        </div>
    </div>
    <div class="col-lg-12 tbl_div" style="display:none;">
        <div class="card card-shadow-danger pr3">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Experience with Website</b></h5>
            <table id="QPS2_tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row mt-2">
    <div class="col-lg-12 chart_div">
        <div class="card card-shadow-danger mean_div pr3" id="presales_availbility_mean_div">
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Availability of Dealer Staff for interaction at pre- decided time and place</b></h5>
            <div id="qps3_meanbrand"></div>
        </div>
        <div class="card card-shadow-danger top_div pr3" id="presales_availbility_top_div" style="display:none;"> 
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Availability of Dealer Staff for interaction at pre- decided time and place</b></h5>
            <div id="qps3_topbrand"></div>
        </div>
    </div>

    <div class="col-lg-12 tbl_div" style="display:none;">
        <div class="card card-shadow-danger pr3">
        <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Availability of Dealer Staff for interaction at pre- decided time and place</b></h5>
            <table id="QPS3_tbl" class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>