Essential Facts You Need to Know About Martial Law

Jan 19
This September, Knowledge Channel remembers the declaration of Martial Law in the Philippines by former president Ferdinand Marcos.
Learn more about what happened during this era through our online videos on YouTube and on-air.
Our content is also available at martiallawmuseum.ph
And now, we present to you Essential Facts You Need to Know About Martial Law.
</center></div></div></div></div></div></div>

          

          
          
            <div class="blog-item-author-profile-wrapper" data-content-field="author">
              <a href="/articles?author=62a97b98cd6cb016993f8cb4">
  
  <span class="author-name">Guest User</span>
</a>



            </div>
          
        </div>

        <section class="blog-item-comments">
          <div class="blog-item-comments-toggle-wrapper">
            <div id="blogItemCommentsContent" class="blog-item-comments-content" data-content-field="comments">
              
            </div>
          </div>
        </section>
      
    </div>
  
</article>

</div>
    </div>
  
  </div>
  
</section>

  
</article>


          

          
            
              <section
  id="itemPagination"
  class="item-pagination item-pagination--prev-next"
  data-collection-type="blog-basic-grid"
>
  
    <a href="/articles/kcfi-to-hold-martial-law-symposium" class="item-pagination-link item-pagination-link--prev">
      <div class="item-pagination-icon icon icon--stroke">
        <svg class="caret-left-icon--small" viewBox="0 0 9 16">
          <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2"/>
        </svg>
      </div>
      <span class="pagination-title-wrapper">
        
        <div class="visually-hidden">Previous</div>
        <div class="item-pagination-prev-next">Previous</div>
        
        <h2 class="item-pagination-title">KCFI to Hold Martial Law Symposium</h2>
      </span>
    </a>
  
  
    <a href="/articles/marlo-mortel-excites-jru-students-with-knowledge-on-the-go" class="item-pagination-link item-pagination-link--next">
      <div class="pagination-title-wrapper">
        
        <div class="visually-hidden">Next</div>
        <div class="item-pagination-prev-next">Next</div>
        
        <h2 class="item-pagination-title">Marlo Mortel Excites JRU Students with Knowledge on the Go</h2>
      </div>
      <div class="item-pagination-icon icon icon--stroke">
        <svg class="caret-right-icon--small" viewBox="0 0 9 16">
          <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7"/>
        </svg>
      </div>
    </a>
  
</section>

            
          
        
      </main>
      
        <footer class="sections" id="footer-sections" data-footer-sections>
  
  
  
  
  
  
    
    


  
  


<section
  data-test="page-section"
  
  data-section-theme="black-bold"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    
    black-bold'
  
  data-section-id="66deb9d3b1a4586d2a558274"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 10,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;backgroundColor&quot;: &quot;&quot;,
&quot;sectionTheme&quot;: &quot;black-bold&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;video&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;blog-basic-grid&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
    
  
  
>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
        
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-66deb9d3cf7828f376edca18 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(18,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

@media (min-width: 768px) {
  .background-width--inset .fe-66deb9d3cf7828f376edca18 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-66deb9d3cf7828f376edca18 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(5,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-66deb9d3d05e3ab486bafe1b {
    grid-area: 1/2/6/10;
    z-index: 0;

    @media (max-width: 767px) {
      
        
      
    }
  }

  .fe-block-66deb9d3d05e3ab486bafe1b .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-66deb9d3d05e3ab486bafe1b .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-66deb9d3d05e3ab486bafe1b {
      grid-area: 1/2/6/12;
      z-index: 0;

      
        
      
    }

    .fe-block-66deb9d3d05e3ab486bafe1b .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-66deb9d3d05e3ab486bafe1b .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-66deb9d380cbbe7f83a816d5 {
    grid-area: 6/2/10/10;
    z-index: 1;

    @media (max-width: 767px) {
      
        
      
    }
  }

  .fe-block-66deb9d380cbbe7f83a816d5 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-66deb9d380cbbe7f83a816d5 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-66deb9d380cbbe7f83a816d5 {
      grid-area: 1/12/6/18;
      z-index: 1;

      
        
      
    }

    .fe-block-66deb9d380cbbe7f83a816d5 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-66deb9d380cbbe7f83a816d5 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-66deb9d3e4f97d0c5d56b9d8 {
    grid-area: 11/2/13/10;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
    }
  }

  .fe-block-66deb9d3e4f97d0c5d56b9d8 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-66deb9d3e4f97d0c5d56b9d8 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-66deb9d3e4f97d0c5d56b9d8 {
      grid-area: 1/18/3/26;
      z-index: 2;

      
        
      
    }

    .fe-block-66deb9d3e4f97d0c5d56b9d8 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-66deb9d3e4f97d0c5d56b9d8 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-22871a1d721f044c6426 {
    grid-area: 13/2/17/10;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
    }
  }

  .fe-block-22871a1d721f044c6426 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-22871a1d721f044c6426 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-22871a1d721f044c6426 {
      grid-area: 3/18/4/20;
      z-index: 2;

      
        
      
    }

    .fe-block-22871a1d721f044c6426 .sqs-block {
      justify-content: center;
    }

    .fe-block-22871a1d721f044c6426 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1728609210701_100078 {
    grid-area: 17/2/19/10;
    z-index: 3;

    @media (max-width: 767px) {
      
        
      
    }
  }

  .fe-block-yui_3_17_2_1_1728609210701_100078 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1728609210701_100078 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1728609210701_100078 {
      grid-area: 4/18/5/20;
      z-index: 3;

      
        
      
    }

    .fe-block-yui_3_17_2_1_1728609210701_100078 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1728609210701_100078 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-66deb9d3cf7828f376edca18"><div class="fe-block fe-block-66deb9d3d05e3ab486bafe1b"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-66deb9d3d05e3ab486bafe1b"><div class="sqs-block-content">

<div class="sqs-html-content">
  <p class="sqsrte-small" style="white-space:pre-wrap;"><span class="sqsrte-text-color--custom" style="color: #F7C94E"><strong>CONTACT US</strong></span></p><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Knowledge Channel Foundation, Inc.</strong><br>6th Floor Rockwell Business Center Tower 3,<br>Ortigas Avenue, Pasig City Philippines<br>Mobile: +63&nbsp;917 897 8443<br>Tel.: +632-3449-6400<br><a href="mailto:info@knowledgechannel.org"><span class="sqsrte-text-color--custom" style="color: #F7C94E">info@knowledgechannel.org</span></a></p>
</div>




















  
  



</div></div></div><div class="fe-block fe-block-66deb9d380cbbe7f83a816d5"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-66deb9d380cbbe7f83a816d5"><div class="sqs-block-content">

<div class="sqs-html-content">
  <p class="sqsrte-small" style="white-space:pre-wrap;"><span class="sqsrte-text-color--custom" style="color: #F7C94E"><strong>WORK WITH US</strong></span></p><p class="sqsrte-small" style="white-space:pre-wrap;"><a href="https://www.knowledgechannel.org/careers"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">Careers</span></span></a><span class="sqsrte-text-color--white"><br></span><a href="https://www.knowledgechannel.org/internships"><span style="text-decoration:underline"><span class="sqsrte-text-color--white">Internships</span></span></a></p>
</div>




















  
  



</div></div></div><div class="fe-block fe-block-66deb9d3e4f97d0c5d56b9d8"><div class="sqs-block search-block sqs-block-search" data-block-type="33" id="block-66deb9d3e4f97d0c5d56b9d8"><div class="sqs-block-content">

<div class="sqs-search-ui-text-input sqs-search-ui-button-wrapper color-dark" data-source="block" data-preview="true" data-collection="">
  <div class="spinner-wrapper"></div>
  <input
    type="search"
    class="search-input"
    value=""
    placeholder="Search"
    aria-label="Search"
  />
</div>
</div></div></div><div class="fe-block fe-block-22871a1d721f044c6426"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-22871a1d721f044c6426"><div class="sqs-block-content">

<div class="sqs-html-content">
  <p class="sqsrte-small" style="white-space:pre-wrap;"><span class="sqsrte-text-color--custom" style="color: #F7C94E"><strong>SOCIALS</strong></span></p>
</div>




















  
  



</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1728609210701_100078"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1728609210701_100078"><div class="sqs-block-content">



<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-small social-icons-style-regular " >
  <style>
    #block-yui_3_17_2_1_1728609210701_100078 .social-icons-style-border .sqs-svg-icon--wrapper {
      
        box-shadow: 0 0 0 2px inset;
      
      border: none; 
    }
  </style>
  <nav class="sqs-svg-icon--list">
    <a href="https://www.facebook.com/knowledgechannelfoundation" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
        </svg>
      </div>
    </a><a href="https://www.youtube.com/@knowledgechannelorg" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
        </svg>
      </div>
    </a><a href="https://www.instagram.com/knowledge_channel/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="Instagram">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
        </svg>
      </div>
    </a>
  </nav>
</div>
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
    
    


  
  


<section
  data-test="page-section"
  
  data-section-theme="dark"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      
        section-height--custom
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    dark'
  
  data-section-id="66e96a2cabe5b92e7d298a17"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 10,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;backgroundColor&quot;: &quot;&quot;,
&quot;sectionTheme&quot;: &quot;dark&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: null,
&quot;divider&quot;: null,
&quot;typeName&quot;: &quot;blog-basic-grid&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
     style="min-height: 10vh;" 
  
  
>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          
          padding-top: calc(10vmax / 10); padding-bottom: calc(10vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-66e96a2cdae7467ed348d077 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(2,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

@media (min-width: 768px) {
  .background-width--inset .fe-66e96a2cdae7467ed348d077 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-66e96a2cdae7467ed348d077 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(1,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-66e96a2c6b272a136ff51e24 {
    grid-area: 1/2/3/10;
    z-index: 0;

    @media (max-width: 767px) {
      
        
      
    }
  }

  .fe-block-66e96a2c6b272a136ff51e24 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-66e96a2c6b272a136ff51e24 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-66e96a2c6b272a136ff51e24 {
      grid-area: 1/2/2/26;
      z-index: 0;

      
        
      
    }

    .fe-block-66e96a2c6b272a136ff51e24 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-66e96a2c6b272a136ff51e24 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-66e96a2cdae7467ed348d077"><div class="fe-block fe-block-66e96a2c6b272a136ff51e24"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="&#123;&quot;topLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;topRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomLeft&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;,&quot;bottomRight&quot;:&#123;&quot;unit&quot;:&quot;px&quot;,&quot;value&quot;:0.0&#125;&#125;" id="block-66e96a2c6b272a136ff51e24"><div class="sqs-block-content">

<div class="sqs-html-content">
  <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">Copyright 2024 @ Knowledge Channel Foundation Inc.</p>
</div>




















  
  



</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
</footer>

      
    </div>

    <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.f131c0688902f6444457565c87292952.js" type="text/javascript"></script>
    <script>
  document.addEventListener("DOMContentLoaded", function () {
    // List of block IDs and their target numbers
    const blocks = [
      { id: "block-d1f5f50ebd74100aef1f", targetNumber: 1200 }, // Example: Count to 1200
      { id: "block-c40206835a08cd0438d1", targetNumber: 10639 }, // Example: Count to 10639
      { id: "block-44350f95496575c01f95", targetNumber: 9400 }, // Example: Count to 9400
      { id: "block-739d22179f4edb226a4d", targetNumber: 27000000 }, // Example: Count to 27,000,000
    ];

    let duration = 2500; // Duration of the animation in milliseconds

    // Function to format numbers with commas and append the '+' symbol
    function formatNumber(num) {
      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "+";
    }

    // Function to start the counter animation
    function startCounter(counter, targetNumber) {
      let startTime = null;

      function updateCounter(currentTime) {
        if (!startTime) startTime = currentTime;
        const elapsedTime = currentTime - startTime;
        const progress = Math.min(elapsedTime / duration, 1); // Ensure it stops at 1

        // Calculate the current number based on progress
        const currentNumber = Math.floor(progress * targetNumber);
        counter.textContent = formatNumber(currentNumber);

        if (progress < 1) {
          requestAnimationFrame(updateCounter);
        }
      }

      requestAnimationFrame(updateCounter);
    }

    // Create an IntersectionObserver to detect when the blocks enter the viewport
    const observer = new IntersectionObserver(
      (entries, observer) => {
        entries.forEach((entry) => {
          if (entry.isIntersecting) {
            const block = blocks.find((b) => b.id === entry.target.id);
            const counter = entry.target;

            // Start the counter when the block is visible
            startCounter(counter, block.targetNumber);

            // Stop observing once the animation starts
            observer.unobserve(entry.target);
          }
        });
      },
      { threshold: 0.1 }
    ); // 10% of the block should be visible to trigger

    // Observe each block
    blocks.forEach(function (block) {
      let counterElement = document.querySelector("#" + block.id);
      if (counterElement) {
        observer.observe(counterElement);
      }
    });
  });
</script>

<!-- Back To Top -->
<script>
    var scrolled = 400;
    $(window).scroll(function() {
        if ($(window).scrollTop() > scrolled) {
            $('a.btt').fadeIn('slow');
        } else {
            $('a.btt').fadeOut('slow');
        }
    });
</script>
<script>
    $('a.btt').click(function() {
        $('html, body').animate({ scrollTop: 0 }, 700);
        return false;
    });
</script><svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol></svg>

  </body>
</html>