<div class="row" style="margin-left:-30px">
    <div class="col-lg-4 col-md-10 pr">
        <div class="card card-shadow-danger" style="height:auto">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Digitization(3.33%)</b></h5>
            
                <div id="f1"></div>
                <h6 class="cbh" style="text-align:center;padding-right:20px">All scores computed out of 1000
</h6>
        </div>
    </div>
    <div class="col-lg-4 col-md-10 pr">
        <div class="card card-shadow-danger" style="height:auto">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Dealer Facility(16.84%)</b></h5>
            
                <div id="f2"></div>
                <h6 class="cbh" style="text-align:center;padding-right:20px">All scores computed out of 1000
</h6>
        </div>
    </div>
    <div class="col-lg-4 col-md-10">
        <div class="card card-shadow-danger" style="height:auto">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Sales Consultant(19.21%)</b></h5>
            
                <div id="f3"></div>
                <h6 class="cbh" style="text-align:center;padding-right:20px">All scores computed out of 1000
</h6>
        </div>
    </div>
</div>

<div class="row mt-2" style="margin-left:-30px">
    <div class="col-lg-4 col-md-10 pr">
        <div class="card card-shadow-danger" style="height:auto">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Deal(24.23%)</b></h5>
            
                <div id="f4"></div>
                <h6 class="cbh" style="text-align:center;padding-right:20px">All scores computed out of 1000
</h6>
        </div>
    </div>
    <div class="col-lg-4 col-md-10 pr">
        <div class="card card-shadow-danger" style="height:auto">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Paperwork(17.65%)</b></h5>
            
                <div id="f5"></div>
                <h6 class="cbh" style="text-align:center;padding-right:20px">All scores computed out of 1000
</h6>
        </div>
        
    </div>
    <div class="col-lg-4 col-md-10">
        <div class="card card-shadow-danger" style="height:auto">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Delivery Process(18.74%)</b></h5>
            
                <div id="f6"></div>
                <h6 class="cbh" style="text-align:center;padding-right:20px">All scores computed out of 1000
</h6>
        </div>
        
    </div>
</div>