<div class="row mt-2" style="margin-left:-30px">
    
    <div class="col-lg-6 col-md-6 pr">
        <div class="card card-shadow-danger" style="height:245px">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:10px;padding-bottom:10px"><b style="font-weight:500">% visited Hyundai India website before making final purchase</b></h5>
            
                <div id="q11"></div>
            <h6 id="purchaseabs" class="cbh" style="text-align:right;padding-right:20px">(ABS)</h6>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="card card-shadow-danger" style="height:245px">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:10px;padding-bottom:10px"><b style="font-weight:500">Digitization(Factor Score)</b></h5>
            
                <div id="overall_hyundai"></div>
                <!--<h6 class="cbh" style="text-align:center;padding-right:20px">% respondents were satisfied with the Hyundai India Website Experience</h6>-->
                <!--<h6 class="cbh" style="text-align:center;padding-right:20px">Asked to only those who visited Hyundai Website</h6>-->
        </div>
    </div>
</div>
<div class="row mt-1" style="margin-left:-30px">
    <div class="col-lg-4 col-md-4 pr">
        <div class="card card-shadow-danger" style="height:250px">
            <!-- <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">Design and Appearance</b></h5>
            
                <div id="q12" style="padding-top:15px"></div>
                <h6 id="satisfied_no1" class="cbh" style="text-align:right;padding-right:20px">Satisfied-Rated 9/10</h6>
                <h6 id="unsatisfied_no1" class="cbh" style="text-align:right;padding-right:20px">Unsatisfied-Rated 1-8</h6>
                <h6 class="cbh" style="text-align:right;padding-right:20px">Asked to only those who visited Hyundai Website</h6>
        </div>
    </div>
    
    <div class="col-lg-4 col-md-4 pr">
        <div class="card card-shadow-danger" style="height:250px">
            <!-- <p class="div-head">SSI PERFORMANCE INDEX</p> -->
            <h5 class="div-head" style="font-size:14px;padding-top:10px;padding-bottom:10px"><b style="font-weight:500">Completeness of Vehicle Information & Dealership’s Contact Information</b></h5>
            
                <div id="q14" style="padding-top:20px"></div>
                <h6 id="satisfied_no2" class="cbh" style="text-align:right;padding-right:20px">Satisfied-Rated 9/10</h6>
                <h6 id="unsatisfied_no2" class="cbh" style="text-align:right;padding-right:20px">Unsatisfied-Rated 1-8</h6>
                <h6 class="cbh" style="text-align:right;padding-right:20px">Asked to only those who visited Hyundai Website</h6>
            
        </div>
    </div>
    <div class="col-lg-4 col-md-4 ">
        <div class="card card-shadow-danger" style="height:250px">
            <!-- <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">Ease of Viewing and Navigation</b></h5>
            
                <div id="q13" style="padding-top:15px"></div>
                <h6 id="satisfied_no3" class="cbh" style="text-align:right;padding-right:20px">Satisfied-Rated 9/10</h6>
                <h6 id="unsatisfied_no3" class="cbh" style="text-align:right;padding-right:20px">Unsatisfied-Rated 1-8</h6>
                <h6 class="cbh" style="text-align:right;padding-right:20px">Asked to only those who visited Hyundai Website</h6>
            
        </div>
    </div>
</div>