<div class="row mt-2">
    <div class="col-lg-3">
        <div class="card cardShadow pr3">
            <h5 class="div-head"><b><span class="qno">(S5)</span> Age Groups</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s5" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_s5_base"></span>
        </div>
    </div>
    <div class="col-lg-3">
        <div class="card cardShadow pr7">
            <h5 class="div-head"><b><span class="qno">(S5)</span> Generation</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s52" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_s52_base"></span>
        </div>
    </div>
    <div class="col-lg-3">
        <div class="card cardShadow pr7">
            <h5 class="div-head"><b><span class="qno">(S4)</span> Gender</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s4" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_s4_base"></span>
        </div>
    </div>
    <div class="col-lg-3">
        <div class="card cardShadow pr7" style="position:absolute;height:1060px;width:100%">
            <h5 class="div-head"><b><span class="qno">(S1)</span> Region/ City Type</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s1" class="animate__animated animate__fadeInLeft chartC" style="height:1200px"></div>
            <span class="custom_base" id="p_s1_base"></span>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-lg-3">
        <div class="card cardShadow pr3">
            <h5 class="div-head"><b><span class="qno">(P5)</span> Occupation</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_p5" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_p5_base"></span>
        </div>
    </div>
    <div class="col-lg-3">
        <div class="card cardShadow pr7">
            <h5 class="div-head"><b><span class="qno">(S2)</span> Race</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s2" class="animate__animated animate__fadeInLeft chartC" style="height:300px">
                <h6 class="placeholder">Please select the respective country</h6>
            </div>
            <span class="custom_base" id="p_s2_base">(Base=N/A)</span>
        </div>
    </div>
    <div class="col-lg-3">
        <div class="card cardShadow pr7">
            <h5 class="div-head"><b><span class="qno">(P2)</span> Children in Household</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_p2" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_p2_base"></span>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-lg-3">
        <div class="card cardShadow pr3">
            <h5 class="div-head"><b><span class="qno">(S7)</span> Monthly Household Income</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s7" class="animate__animated animate__fadeInLeft chartC" style="height:300px">
                <h6 class="placeholder">Please select the respective country</h6>
            </div>
            <span class="custom_base" id="p_s7_base">(Base=N/A)</span>
        </div>
    </div>
    <div class="col-lg-3">
        <div class="card cardShadow pr7">
            <h5 class="div-head"><b><span class="qno">(S8)</span> Dietary Requirements</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s8" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_s8_base"></span>
        </div>
    </div>
    <div class="col-lg-3">
        <div class="card cardShadow pr7">
            <h5 class="div-head"><b><span class="qno">(S10)</span> Halal Requirements</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_s10" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_s10_base"></span>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-lg-6">
        <div class="card cardShadow pr3">
            <h5 class="div-head"><b><span class="qno">(P6)</span> Work from Home</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_p6" class="animate__animated animate__fadeInLeft chartC" style="height:300px">
                <h6 class="placeholder">Please select the respective country</h6>
            </div>
            <span class="custom_base" id="p_p6_base"></span>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card cardShadow pr7">
            <h5 class="div-head"><b><span class="qno">(P2,P3)</span> Children in Household</b></h5>
            <div class="bottom_border_div"></div>
            <div id="p_p23" class="animate__animated animate__fadeInLeft chartC" style="height:300px"></div>
            <span class="custom_base" id="p_s23_base"></span>
        </div>
    </div>
</div>