<div class="row mt-2">
    <div class="col-lg-3">
        <div class="card cardShadow pr3 written_content" style="height:510px">
            <div class="section1">
                <h6>
                    This interactive dashboard provides an overview of the key findings from USDEC Consumer Behaviour Survey conducted to provide information on consumer consumption and behavioral trends for the dairy products and other packaged products that utilize dairy ingredients
                </h6>
            </div>
            <div class="section2">
                <h6>
                    <span style="font-weight:700">Frequency of Data Update:</span></br>
                    The data is updated every month and can be seamlessly dissected by country, gender, age and generation.
                </h6>
            </div>
            <div class="section3"></div>
            <div class="bottom_border_div"></div><br>
            <div class="section4">
                <h6>To navigate, select the filters on which you would like to see the data, from the filter panel on the top and apply.</h6>
            </div>
        </div>
    </div>
    <div class="col-lg-9">
        <div class="card cardShadow pr7 written_content" style="height:510px">
            <div class="section1">
                <h6>
                    <span style="font-weight:700">Objective:</span> A continuous tracker is being conducted to identify, track and measure consumption pattern and purchase behavior of dairy products and other packaged products that utilize dairy ingredients such as beverages, baked goods and snacks
                </h6>
            </div>
            <div class="section2">
                <h6>
                    <span style="font-weight:700">Methodology:</span> Interviews are conducted online (device agnostic) through self-administered questionnaire to understand consumption behavior of 15 categories among general population and tracked throughout the year. Participants are selected from Dynata’s proprietary online research panel assets and the samples quota controlled to reflect the population on Age, Gender and Region. 
                </h6>
            </div>
            <div class="section5">
                <h6>The dashboard is being updated on monthly basis, while the trends will be read quarter on quarter.</h6>
            </div>
            <div class="section6">
                <h6>
                    <span style="font-weight:700">Target Audience:</span></br>
                    <ul>
                        <li>Nat Rep</li>
                        <li>Non-Vegans</li>
                        <li>Without severe lactose intolerance or any serious food allergies</li>
                        <li>No association with consulting, market research or F&B</li>
                    </ul>
                </h6>
            </div>
            <div class="section6">
                <h6>
                    <span style="font-weight:700">Geographies Covered:</span></br>
                    <div class="country_flg_div">
                        <div class="country_flg_img">
                            <img src="assets/images/singapore.png" alt="">
                            <h6>Singapore</h6>
                        </div>
                        <div class="country_flg_img">
                            <img src="assets/images/thailand.png" alt="">
                            <h6>Thailand</h6>
                        </div>
                        <div class="country_flg_img">
                            <img src="assets/images/philippines.png" alt="">
                            <h6>Philippines</h6>
                        </div>
                        <div class="country_flg_img">
                            <img src="assets/images/indonesia.png" alt="">
                            <h6>Indonesia</h6>
                        </div>
                        <div class="country_flg_img">
                            <img src="assets/images/malaysia.png" alt="">
                            <h6>Malaysia</h6>
                        </div>
                        <div class="country_flg_img">
                            <img src="assets/images/vietnam.png" alt="">
                            <h6>Vietnam</h6>
                        </div>
                        <div class="country_flg_img">
                            <h6 class="cpcp" style="font-size:0.6rem">< Placeholder for countries to be added in upcoming waves ></h6>
                        </div>
                    </div>
                </h6>
            </div>
            <div class="section6">
                <h6>
                    <span style="font-weight:700">Generation Definitions:</span></br>
                    <ul>
                        <li><span style="font-weight:700">Gen Z (Ages 13-28):</span> Generation Z, considered to be those born between 1997 and 2012.</li>
                        <li><span style="font-weight:700">Millennials (Ages 29-44):</span> Millennials, also known as Generation Y, and considered to be those born between 1981 and 1996.</li>
                        <li><span style="font-weight:700">Gen X (Ages 45-60):</span> Generation X, also called "the latchkey generation" or "MTV generation," and considered to be those born roughly between 1965 and 1980.</li>
                        <li><span style="font-weight:700">Baby Boomers (Ages 61 – 70):</span> The Baby Boomers are a significant demographic cohort, born between 1946 and 1964.</li>
                    </ul>
                </h6>
            </div>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-lg-8">
        <div class="card cardShadow pr3 written_content">
            <div class="section1" style="height:65px">
                <h6>
                The below sample plan is designed for each market, spreading respondents into 15 categories as each respondent with administer 3 categories. We will capture 100 responses for each category in one quarter, translating to 400 responses for each category in a year.
                </h6>
            </div>
            <div class="section7 mt-3">
                <table class="section7_tbl table-bordered animate__animated animate__fadeInLeft">
                    <thead>
                        <tr>
                            <th style="padding-left:5px">Sample per Category per Country</th>
                            <th style="text-align:center">Quarterly Sample Plan</th>
                            <th style="text-align:center">Annual Sample Plan</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                            foreach($tabs2 as $key => $value)
                            {
                                echo '<tr>';
                                if($tabs_defination[$key]=='')
                                {
                                    echo '<td style="padding-left:5px">'.$value.'</td>';
                                }
                                else
                                {
                                    echo '<td style="padding-left:5px">'.$value.'</br><span class="pikachutxt">('.$tabs_defination[$key].')</span></td>';
                                }
                                echo '<td style="text-align:center">'.$sample[$key].'</td>';
                                echo '<td style="text-align:center">'.$sample2[$key].'</td>';
                                echo '</tr>';
                            }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card cardShadow pr7 written_content">
            <div class="section1" style="height:65px">
                <h6>
                    Annual sample plan per respective countries
                </h6>
            </div>
            <div class="section7 mt-3">
                <table class="section7_tbl table-bordered animate__animated animate__fadeInLeft">
                    <thead>
                        <tr>
                            <th style="padding-left:5px">Countries</th>
                            <th style="text-align:center">Quarterly Sample</th>
                            <th style="text-align:center">Annual Sample</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                            foreach($country2 as $key => $value)
                            {
                                echo '<tr>';
                                echo '<td style="padding-left:5px">'.$value.'</td>';
                                echo '<td style="text-align:center">'.$sample3[$key].'</td>';
                                echo '<td style="text-align:center">'.$sample4[$key].'</td>';
                                echo '</tr>';
                            }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>