<!--  -->

<div class="container container_1">
    <header>
      <h1>Consumption Funnel</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_1">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          <div class="funnel-row">
            <span>Ever Tried</span>
             <div class="bar full"></div>
            <div class="bar full"></div>
            <div class="bar full"></div>
             <div class="bar full"></div>
              <div class="bar full"></div>
               <div class="bar full"></div> 
               <div class="bar full"></div> 
          </div>
          <div class="funnel-row">
            <span>Consumed in Past 1 Year</span>
            <div class="bar mid"></div>
            <div class="bar mid"></div>
             <div class="bar mid"></div>
              <div class="bar mid"></div>
               <div class="bar mid"></div>
                <div class="bar mid"></div>
                <div class="bar mid"></div>
          </div>
          <div class="funnel-row">
            <span>Consumed in Past 3 Months</span>
              <div class="bar lighter"></div>
            <div class="bar lighter"></div>
             <div class="bar lighter"></div>
              <div class="bar lighter"></div>
               <div class="bar lighter"></div>
                <div class="bar lighter"></div>
                <div class="bar lighter"></div>
                
          </div>
          <div class="funnel-row">
            <span>Consumed in Past 7 Days</span>
            <div class="bar lightest"></div>
            <div class="bar lightest"></div>
             <div class="bar lightest"></div>
              <div class="bar lightest"></div>
               <div class="bar lightest"></div>
                <div class="bar lightest"></div>
                <div class="bar lightest"></div>
          </div>
            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table class="table table-striped table-bordered no-footer text-center display" style="font-size:12px">
          <thead>
            <tr>
              <th>SEA</th>
            <th><img src="dynata/flags/sg.png" alt="Singapore">Singapore</th>
            <th><img src="dynata/flags/th.png" alt="Thailand">Thailand</th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</th>
            <th><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</th>
            </tr>
          </thead>
          <tbody>
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display consumtion_funnel" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> S11. In the past 7 days, have you personally consumed < CATEGORY > at home, at a restaurant, during travel or anywhere else?</div>
    <div class="subrow"> S12. When was the last time you had < CATEGORY CODED ‘NO’ and ‘DON’T REMEMBER’ IN S11>? It could be at home, at a restaurant, during travel or anywhere else?</div>
  </div>
  


<!-- ========================================================================================================================================= -->
<!-- ========================================================================================================================================= -->


<div class="container container_2">
    <header>
      <h1>Frequency of Consumption</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_2">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
            <span>H1'25</span>
             <div class="place-row">
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart charrr" id="frequency_counsumption_chart_cm"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
           <div class="foot">
           
          </div>
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display frequency_consumtion" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> S13. You said you have had < CATEGORY >? recently. How often do you usually have? </div>
   
  </div>
  
<!-- ========================================================third===================================================== -->
<!-- =================================================================================================================== -->
<!-- =================================================================================================================== -->



  
  
<div class="container container_12">
    <header>
      <h1>Reason for Consumption (SEA)</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_12">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="consumption-col">
        <h3>SEA <span>H1'25</span></h3>
        
          

          <div class="chart"></div>
           <div class="line-chart"></div>


           
          
          
      <div class="footer-line">
        <div class="most-right">n-1211</div>
      </div>
    
       

     
      </section>

    

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow">  C12. Which of these BEST describes why you had it?</div>
   
  </div>



  <!-- ========================================================================================================================================= -->
<!-- ========================================================================================================================================= -->

<div class="container container_3">
    <header>
      <h1>Sub-Categories</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_3">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
          <span>H1'25</span>
             <div class="place-row">
            
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart charrr" id="subcategory_chart_cm"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display subcategory" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> C2. On this most recent occasion, please select the type of Dairy Milk (from Cows) you had?</div>
   
  </div>
  


  <!-- ========================================================================================================================================= -->
<!-- ========================================================================================================================================= -->

<div class="container container_4">
    <header>
      <h1>How is it Consumed?</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_4">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
          <span>H1'25</span>
             <div class="place-row">
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart charrr" id="howconsumed_chart_cm"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display howconsumed" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow">  C5. How did you have it on this occasion?</div>
   
  </div>
  


  <!-- ========================================================================================================================================= -->
<!-- ========================================================================================================================================= -->


<div class="container container_5">
    <header>
      <h1>Accompanied with…</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_5">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
          <span>H1'25</span>
             <div class="place-row">
            
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart charrr" id="accompanied_chart_cm"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display accompanied" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> C10. Did you have it along with anything else or by itself on this occasion?</div>
   
  </div>

<!--  -->


  <!-- ========================================================================================================================================= -->
<!-- ========================================================================================================================================= -->



<div class="container container_6">
    <header>
      <h1>Temperature of Milk</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_6">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display accompanied" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> C4b. Did you have it…?</div>
   
  </div>
  


  <!-- ========================================================================================================= -->
  <!-- =========================================================================================================-->


  
<div class="container container_7">
    <header>
      <h1>Packaging Size</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_7">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

      <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display accompanied" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> C7. Was it…?</div>
   
  </div>
  

  <!-- ================================================================================================================== -->
  <!-- ================================================================================================================== -->

  
  
<div class="container container_8">
    <header>
      <h1>Packaging Type</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_8">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

      <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display accompanied" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>
      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> C6. What type of packaging did it come in?</div>
   
  </div>


  <!-- ======================================================================================================= -->
  <!-- ======================================================================================================= -->


  
  
<div class="container container_9">
    <header>
      <h1>Time of Consumption</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_9">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display accompanied" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> C6. What type of packaging did it come in?</div>
   
  </div>


  <!-- ==================================================================================================== -->
  <!-- ==================================================================================================== -->


  
  
<div class="container container_10">
    <header>
      <h1>Place of Consumption</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_10">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

         <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display accompanied" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow">  C9. Where did you have it?</div>
   
  </div>



  
  
  
<div class="container container_11">
    <header>
      <h1>Consumed Alone vs. with others</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_11">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       <div class="data_table">
         <table>
          <thead>
            <tr>
              <th></th>
            <th><img src="dynata/flags/sg.png" alt="Singapore"></th>
            <th><img src="dynata/flags/th.png" alt="Thailand"></th>
            <th><img src="dynata/flags/ma.png" alt="Malaysia"></th>
            <th><img src="dynata/flags/in.png" alt="Indonesia"></th>
            <th><img src="dynata/flags/ph.jpg" alt="Philippines"></th>
            <th><img src="dynata/flags/vi.jpg" alt="Vietnam"></th>
             
             
             
             
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Ever Tried</td>
              <td class=""></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">78%</td>
              <td class="">78%</td>
              <td class="">78%</td>
            </tr>
            <tr>
              <td>Past 1 Year</td>
              <td>98%</td>
              <td class="">95%</td>
              <td class="">90%</td>
              <td class="">82%</td>
              <td class="">82%</td>
              <td class="">82%</td>
            </tr>
            <tr>
               <td>Past 3 Months</td>
              <td></td>
              <td class="">92%</td>
              <td class="">86%</td>
              <td class="">77%</td>
              <td class="">77%</td>
              <td class="">77%</td>
            </tr>
            <tr>
              <td>Past 7 Days</td>
              <td></td>
              <td class="">92%</td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
              <td class=""></td>
            </tr>
           
         
          </tbody>
        </table>
       </div>
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

       
       <section class="funnel-col">
        <h3>Quarterly – SEA (Q1’25 & Q2’25)</h3>
        <div class="line-chart">
          <table class="table table-striped table-bordered no-footer text-center display accompanied" style="font-size:12px">
            <thead></thead>
            <tbody></tbody>
          </table>

          

           <div class="foot">
            <span></span>
            <span></span>
          </div>
        </div>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>


      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow"> C10. Did you have it along with anything else or by itself on this occasion?</div>
   
  </div>


  <!-- [===========================================================================================================] -->
  <!-- [===========================================================================================================] -->

  

  <!-- ==================================================================================================== -->
  <!-- ==================================================================================================== -->

<!-- 
  
<div class="container container_13">
    <header>
      <h1>Reason for Consumption (Country)</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_13">
    

      <section class="consumption-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
      
       

      </section>

       

    </main>

    <div class="subrow"> C12. Which of these BEST describes why you had it?</div>
   
  </div> -->


  <!-- ==================================================================================================== -->
  <!-- ==================================================================================================== -->


  
  
<div class="container container_14">
    <header>
      <h1>Change in Consumption</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_14">
      <!-- Left: SEA Funnel -->
    

      <!-- Right: Country Table -->
      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       
       

        <!-- <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div> -->
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="table-col">
           <h3 style="visibility: hidden;">COUNTRY</h3>
       <table>
        <thead>
          <th>Q1'25</th>
          <th>Q2'25</th>
        </thead>
        <tbody>
          <tr>
            <td>82%</td>
            <td>82%</td>
          </tr>
          <tr>
             <td>61%</td>
            <td>62%</td>
          </tr>
          <tr>
             <td>47%</td>
            <td>46%</td>
          </tr>
        
          <tr class="footer">
             <td class="gray-text">n-558</td>
            <td class="gray-text">n-563</td>
          </tr>
        </tbody>
       </table>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

       <section class="country-col">
        <!-- <h3>COUNTRY</h3> -->
         <div class="rightFunnel">
             <!-- <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div> -->
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

       
        <section class="table-col">
           <!-- <h3 style="visibility: hidden;">COUNTRY</h3> -->
       <table>
      
        <tbody>
          <tr>
            <td>82%</td>
            <td>82%</td>
          </tr>
          <tr>
             <td>61%</td>
            <td>62%</td>
          </tr>
          <tr>
             <td>47%</td>
            <td>46%</td>
          </tr>
        
          <tr class="footer">
             <td class="gray-text">n-558</td>
            <td class="gray-text">n-563</td>
          </tr>
        </tbody>
       </table>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow">  C15/ C20. Compared to the last 1 year, how has your personal/ household consumption of Dairy Milk (from Cows) changed?</div>
   
  </div>


<!-- ============================================================================================================================ -->
<!-- ============================================================================================================================ -->
<!-- ============================================================================================================================ -->



  
  
<div class="container container_15">
    <header>
      <h1>Purchase in Household</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_15">
      <!-- Left: SEA Funnel -->


      <!-- Right: Country Table -->
      <section class="country-col">
       
        <h3>Half Yearly (H1’25)</h3>
                <div class="leftTitle_line"><div> Purchased in Household </div> </div>

         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
           <div class="place-row">
            <span>Yes</span>
            <div class="place">93%</div>
            <div class="place">81%</div>
            <div class="place">45%</div>
            <div class="place">76%</div>
            <div class="place">99%</div>
            <div class="place">51%</div> 
            <div class="place">24%</div> 
          </div>
          
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       
       

        <!-- <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div> -->
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

        <section class="table-col">
           <h3 style="visibility: hidden;">COUNTRY</h3>
       <table>
        <thead>
          <th>Q1'25</th>
          <th>Q2'25</th>
        </thead>
        <tbody>
          <tr>
            <td>82%</td>
            <td>82%</td>
          </tr>
       
        
          <tr class="footer">
             <td class="gray-text">n-558</td>
            <td class="gray-text">n-563</td>
          </tr>
        </tbody>
       </table>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>



       <section class="country-col">
        <!-- <h3>COUNTRY</h3> -->
                    <div class="leftTitle_line2"><div> *Role in Purchasing</div></div>

         <div class="rightFunnel">
             <!-- <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div> -->

          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
        <!-- <div class="base-note-country">n ≈ 1250–1400 / country</div> -->
      </section>

       
        <section class="table-col">
           <h3 style="visibility: hidden;">COUNTRY</h3>
       <table>
      
        <tbody>
          <tr>
            <td>82%</td>
            <td>82%</td>
          </tr>
          <tr>
             <td>61%</td>
            <td>62%</td>
          </tr>
          <tr>
             <td>47%</td>
            <td>46%</td>
          </tr>
        
          <tr class="footer">
             <td class="gray-text">n-558</td>
            <td class="gray-text">n-563</td>
          </tr>
        </tbody>
       </table>

         <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
         
      </section>

      <!-- <div class="footer_row"><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span>  vs. <b>previous wave</b> at 95% CI</div><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b>previous wave</b> at 95% CI</div></div> -->
    </main>

    <div class="subrow">  C17_1. Do you or anyone else in the household purchase Dairy Milk (from Cows) from a supermarket, retail shop, or online?</div>
    <div class="subrow">  C17. When it comes to buying Dairy Milk (from Cows) for your home, what role do you typically play in decision making?</div>
   
  </div>


<!-- ============================================================================================================================= -->
<!-- =============================================================================================================================-->

<!-- 

<div class="container container_16">
    <header>
      <h1>Who Purchases?</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_16">
    

      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
      </section>

      
        <section class="table-col">
           <h3 style="visibility: hidden;">COUNTRY</h3>
       <table>
        <thead>
          <th>Q1'25</th>
          <th>Q2'25</th>
        </thead>
        <tbody>
          <tr>
            <td>82%</td>
            <td>82%</td>
          </tr>
          <tr>
             <td>61%</td>
            <td>62%</td>
          </tr>
          <tr>
             <td>47%</td>
            <td>46%</td>
          </tr>
          <tr>
             <td>10%</td>
            <td>11%</td>
          </tr>
          <tr>
             <td>9%</td>
            <td>10%</td>
          </tr>
          <tr>
             <td>4%</td>
            <td>6%</td>
          </tr>
          <tr class="footer">
             <td class="gray-text">n-558</td>
            <td class="gray-text">n-563</td>
          </tr>
        </tbody>
       </table>

         
      </section>


    </main>

    <div class="subrow"> C18. In general, who purchases Dairy Milk (from Cows) for your household consumption?</div>
   
  </div>


  <!-- ========================================================================================================================= -->
  <!-- ========================================================================================================================= -->


<!--   


<div class="container container_17">
    <header>
      <h1>Purchase Channel</h1>
      <h2>Dairy Milk (Flavored & Unflavored)</h2>

    </header>

    <main id="cm_17">
    

      <section class="country-col">
        <h3>Half Yearly (H1’25)</h3>
         <div class="rightFunnel">
             <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">SEA</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          

          <div class="chart"></div>


            <div class="base-note-row">
                <span> </span>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
                <div class="base-note"></div>
          </div>
          
          
        </div>
       
       

        <div class="footer_row"><img src="assets/images/sicon.jpg" style="height:1vh;margin-top:1vh"></img><div class="label">Sig. <span class="green">High/</span><span class="red">Low</span> vs. <b> SEA H1’25</b> at 95% CI</div></div>
      </section>

        <section class="table-col">
           <h3 style="visibility: hidden;">COUNTRY</h3>
       <table>
        <thead>
          <th>Q1'25</th>
          <th>Q2'25</th>
        </thead>
        <tbody>
          <tr>
            <td>82%</td>
            <td>82%</td>
          </tr>
          <tr>
             <td>61%</td>
            <td>62%</td>
          </tr>
          <tr>
             <td>47%</td>
            <td>46%</td>
          </tr>
          <tr>
             <td>10%</td>
            <td>11%</td>
          </tr>
          <tr>
             <td>9%</td>
            <td>10%</td>
          </tr>
          <tr>
             <td>4%</td>
            <td>6%</td>
          </tr>
          <tr class="footer">
             <td class="gray-text">n-558</td>
            <td class="gray-text">n-563</td>
          </tr>
        </tbody>
       </table>

         
      </section>

    </main>

    <div class="subrow"> C19. Where do you or anyone in your household usually buy Dairy Milk (from Cows) from?</div>
   
  </div>
-->


  <!-- ====================================================================================================================== -->
  <!-- ====================================================================================================================== -->

<div class="container container_18">

  <header>
   
   <h1>Profile of Consumers</h1>
  <!-- <h2>Dairy Milk</h2> -->
  </header>

  <div class="tables_container" id="cm_18">

    <div class="section">
        <!-- <h2>Age* <span>H1'25</span></h2> -->
         <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">Southeast Asia</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          
        <table>
            <tr><th>Age</th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
            <tr><td>18 to 24 years</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td></tr>
            <tr><td>25 to 34 years</td><td>30%</td><td class="green">32%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td></tr>
            <tr><td>35 to 44 years</td><td>26%</td><td>27%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td></tr>
            <tr><td>45 to 54 years</td><td>18%</td><td class="red">17%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td></tr>
            <tr><td>55 to 65 years</td><td>7%</td><td class="red">6%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td><td>18%</td></tr>
            <tr><td><strong>Mean</strong></td><td><b>36.3 yrs</b></td><td><b>36 yrs</b></td><td><b>36.3 yrs</b></td><td><b>36 yrs</b></td><td><b>36.3 yrs</b></td><td><b>36 yrs</b></td><td><b>36.3 yrs</b></td></tr>
           

          
        </table>
    </div>

    <div class="section">
        <!-- <h2>Relationship Status <span>H1'25</span></h2> -->
        <table>
            <tr><th>Education</th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
            <tr><td>Secondary Education</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Technical Certification</td><td>5%</td><td>5%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td> Bachelor’s Degree</td><td>75%</td><td>75%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td> Master’s Degree</td><td>0%</td><td>0%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td> Doctoral Degree</td><td>1%</td><td>1%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <!-- <tr class="footer"><td></td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td></tr> -->

        </table>
    </div>

    <div class="section">
        <!-- <h2>Occupation <span>H1'25</span></h2> -->
        <table>
            <tr><th>Dietary Restrictions</th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
            <tr><td>Yes, strictly follow halal</td><td>19%</td><td class="green">20%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>I’m flexible</td><td>24%</td><td class="green">25%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>I do not follow halal diet</td><td>10%</td><td>10%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
         
            <tr class="footer"><td class="gray-text">Base – All Respondents</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td></tr></table>
    </div>


    

    <div class="gray-text">
       S5. Indicate your age in completed years.<br>
        S10. Do you follow Halal dietary requirements.<br>
        P4. Please Indicate your Education.
    </div>
   
  </div>


   <!-- ====================================================================================================================== -->
  <!-- ====================================================================================================================== -->


<div class="container container_19">

  <header>
   
   <h1>Profile of Consumers</h1>
  <!-- <h2>Dairy Milk</h2> -->
  </header>

  <div class="tables_container" id="cm_19">

    <div class="section">
        <!-- <h2>Age* <span>H1'25</span></h2> -->
         <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">Southeast Asia</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          
        <table>
            <tr><th>Occupation</th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
            <tr><td>Professional</td><td>19%</td><td class="green">20%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Managerial</td><td>24%</td><td class="green">25%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Executive</td><td>10%</td><td>10%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Self-employed / Business owner</td><td>14%</td><td>14%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Blue Collar/ White Collar</td><td>20%</td><td class="red">13%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Working Part-time</td><td>4%</td><td class="red">4%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Student</td><td>4%</td><td class="red">4%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Others</td><td>3%</td><td class="red">2%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            </table>
    </div>

   

    <div class="section">
        <!-- <h2>Occupation <span>H1'25</span></h2> -->
        <table>
            <tr><th>Household Income</th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
            <tr><td>SGD 10,000 to 12,000</td><td>19%</td><td class="green">20%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>SGD 12,001 to 14,000</td><td>24%</td><td class="green">25%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>SGD 14,001 to 16,000</td><td>10%</td><td>10%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>SGD 16,001 to 18,000</td><td>14%</td><td>14%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>SGD 18,001 to 20,000</td><td>20%</td><td class="red">13%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>SGD 20,001 and above</td><td>4%</td><td class="red">4%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td><b>Average Income</b></td><td><b>4%</b></td><td class="red"><b>4%</b></td><td><b>19%</b></td><td><b>19%</b></td><td><b>19%</b></td><td><b>19%</b></td><td><b>19%</b></td></tr>
            <tr class="footer"><td class="gray-text">Base – All Respondents</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td></tr>
          </table>
    </div>


    

    <div class="gray-text">
      P5. Please select your Occupation status.<br>
 S7. Please indicate your gross monthly household income. By gross, this means before tax, national insurance or any other deductions
    </div>
   
  </div>


   <!-- ====================================================================================================================== -->
  <!-- ====================================================================================================================== -->


  <div class="container container_20">

  <header>
   
   <h1>Profile of Consumers</h1>
  <!-- <h2>Dairy Milk</h2> -->
  </header>

  <div class="tables_container" id="cm_20">

    <div class="section">
        <!-- <h2>Age* <span>H1'25</span></h2> -->
         <div class="place-row">
            <span>H1'25</span>
            <div class="place"><img src="dynata/flags/sg.png" alt="SEA">Southeast Asia</div>
            <div class="place"><img src="dynata/flags/sg.png" alt="Singapore">Singapore</div>
            <div class="place"><img src="dynata/flags/th.png" alt="Thailand">Thailand</div>
            <div class="place"><img src="dynata/flags/ma.png" alt="Malaysia">Malaysia</div>
            <div class="place"><img src="dynata/flags/in.png" alt="Indonesia">Indonesia</div>
            <div class="place"><img src="dynata/flags/ph.jpg" alt="Philippines">Philippines</div> 
            <div class="place"><img src="dynata/flags/vi.jpg" alt="Vietnam">Vietnam</div> 
          </div>
          
        <table>
            <tr><th>Relationship Status</th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
            <tr><td>Single</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>In a relationship, Not married</td><td>5%</td><td>5%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Married</td><td>75%</td><td>75%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Widow / Widower</td><td>0%</td><td>0%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>Divorced / Separated</td><td>1%</td><td>1%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <!-- <tr class="footer"><td></td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td></tr> -->

        </table>
    </div>

    <div class="section">
        <!-- <h2>Relationship Status <span>H1'25</span></h2> -->
        <table>
            <tr><th>People living in household</th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
            <tr><td>12 years and under</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>13 – 17 years</td><td>5%</td><td>5%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>18 – 24 years</td><td>75%</td><td>75%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>25 – 34 years</td><td>0%</td><td>0%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>35 – 44 years</td><td>1%</td><td>1%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>45 – 54 years</td><td>1%</td><td>1%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>55 – 64 years</td><td>1%</td><td>1%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>65 years and above</td><td>1%</td><td>1%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <tr><td>No one, I stay alone</td><td>1%</td><td>1%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td><td>19%</td></tr>
            <!-- <tr class="footer"><td></td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td></tr> -->
            <tr class="footer"><td class="gray-text">Base – All Respondents</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td><td class="gray-text"> n-4950</td><td class="gray-text">n-6055</td></tr>

        </table>
    </div>

   


    

    <div class="gray-text">
      P5. Please select your Occupation status.<br>
 S7. Please indicate your gross monthly household income. By gross, this means before tax, national insurance or any other deductions
    </div>
   
  </div>