<div class="overall_div_chart">
    <div class="row mt-2">
        <div class="col-lg-12 chart_div">
            <div class="card cardShadow pr3">
                <h5 class="div-head"><b><span class="qno">(S11/S12)</span> Category Consumed</b></h5>
                <div class="bottom_border_div"></div>
                <div id="ci_3" class="animate__animated animate__fadeInLeft chartC2" style="height:460px"></div>
                <!-- <span class="custom_base" id="ci_1_base">ssdsdssd</span> -->
            </div>
        </div>
    </div>
    <div class="row mt-2"> 
        <!-- <div class="col-lg-2 chart_div">
            <div class="card cardShadow pr7"></div>
        </div> -->
        <div class="col-lg-12 chart_div">
            <div class="card cardShadow pr3">
                <div class="Qtext"> &nbsp; S11. In the past 7 days, have you personally consumed < CATEGORY > at home, at a restaurant, during travel or anywhere else?
                    <br>                
                    &nbsp; S12. When was the last time you had < CATEGORY >? It could be at home, at a restaurant, during travel or anywhere else.
                </div>
            </div>
        </div>
    </div>
</div>