As Seen In

<style>
  .main-content .shopify-section {
    display: inherit;
  }

  .asseenon_section {
    background-color: #4c4673;
    padding: 35px 0;
  }

  .container {
    margin: auto;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
  }

  .jsx-1155128863 .section-header {
    margin-bottom: 0;
  }

  .asseenon_section .section-header h2 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
  }

  /* .section-header h2 {
    font-family: "NeueMontreal_Regular";
  } */

  .section-header h2 span {
    font-weight: 700;
    letter-spacing: 0.2em;
  }

  .setu-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .setu-flex {
    display: flex;
  }

  .a {
    touch-action: manipulation;
    background-color: #fff0;
    color: var(--color-text);
    text-decoration: none;
  }

  img {
    max-width: 100%;
    border: 0;
  }

  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }

  @media (min-width: 1200px) {
    #shopify-section-template--24297167225147__custom_liquid_bQNzM9>.bls__custom-html>.full-width {
      padding-right: 0px !important;
      padding-left: 0px !important;
    }
  }

  @media only screen and (max-width: 749px) {
    .small--hide {
      display: none !important;
    }
  }

  #shopify-section-template--24297167225147__custom_liquid_bQNzM9>.bls__custom-html>.full-width {
    --bs-gutter-x: 0px !important;
  }
</style>

<div id="shopify-section-product-template-html-gluta-flavor" class="shopify-section">
  <section class="asseenon_section">
    <div class="container">
      <div class="jsx-1155128863 home-main-media-container">
        <header class="section-header">
          <h2 class="section-heading"><span>As Seen In</span></h2>
        </header>
        <div class="setu-flex setu-between" style="gap: 2rem;padding-top: 1rem;align-items: center;">
          <div>
            <a href="https://www.vogue.in/beauty/content/your-guide-to-navigating-the-supplements-and-vitamins-aisle"
              target="_blank"><img data-src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/Vogue-Logo-90.png?0"
                width="100%" height="100%" class=" ls-is-cached lazyloaded" alt=""
                src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/Vogue-Logo-90.png?0"></a>
          </div>
          <div class="small--hide">
            <img data-src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/et-logo4px-90.png?0" width="100%"
              height="100%" class=" ls-is-cached lazyloaded" alt=""
              src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/et-logo4px-90.png?0">
          </div>
          <div>
            <img data-src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/business-standard-logo-90.png?0"
              width="100%" height="100%" class=" ls-is-cached lazyloaded" alt=""
              src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/business-standard-logo-90.png?0">
          </div>
          <div class="small--hide">
            <img data-src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/download-90.png?0" width="100%"
              height="100%" class=" ls-is-cached lazyloaded" alt=""
              src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/download-90.png?0">
          </div>
          <div>
            <img data-src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/ELLE_Magazine_Logo-90.png?0"
              width="100%" height="100%" class=" ls-is-cached lazyloaded" alt=""
              src="https://cdn.shopify.com/s/files/1/0560/0732/7881/files/ELLE_Magazine_Logo-90.png?0">
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- <section class="icon_section review-carousel-convert">
    <div class="container"></div>
  </section> -->

  <script>
    $(document).ready(function () {
      // Function to hide all sections except the one with the matching ID
      function hideOtherSections(matchingId) {
        $('#old_ab > div').each(function () {
          if (this.id !== matchingId) {
            $(this).addClass('hidden');
          } else {
            $(this).removeClass('hidden');
          }
        });
      }

      // Function to highlight the selected navigation link
      function highlightNavLink(selectedLink) {
        $('.navigation_section.ab a').each(function () {
          $(this).removeClass('selected');
        });
        selectedLink.addClass('selected');
      }

      // Add event listeners to navigation links
      $('.navigation_section.ab a[href^="#"]').on('click', function (e) {
        e.preventDefault();
        const targetId = this.hash.substring(1); // Remove the '#' from the hash
        hideOtherSections(targetId);
        highlightNavLink($(this));
      });

      // On first load, highlight the first navigation link and show all sections
      const firstNavLink = $('.navigation_section.ab a[href^="#"]').first();
      if (firstNavLink.length > 0) {
        highlightNavLink(firstNavLink);
      }
    });
  </script>
</div>