competitor tabs

<div id="wgtabs" class="competitor-table">
  <div class="competitor-table__mobile">
    <label for="category">Category</label>
    <div class="pseudo__select" name="category">
      <div class="active_tab"></div>
      <div class="pseudo__select-arrow"></div>
      <ul class="tabs competitor-table__tabs">
        <li class="competitor-table__tab active" data-tab="sub-tab-a">Modern PKI</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">Certificate Discovery</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">Certificate lifecycle management</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">TCO</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">DevOps and CI/CD</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">IoT device security</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">Software supply chain</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">Deployment</li>
        <li class="competitor-table__tab" data-tab="sub-tab-b">Vendor compliance</li>
      </ul>
    </div>
  </div>

  <ul class="tabs competitor-table__tabs">
    <li class="competitor-table__tab active" data-tab="sub-tab-a">Modern PKI</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">Certificate Discovery</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">Certificate lifecycle management</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">TCO</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">DevOps and CI/CD</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">IoT device security</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">Software supply chain</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">Deployment</li>
    <li class="competitor-table__tab" data-tab="sub-tab-b">Vendor compliance</li>
  </ul>
	<div class="competitor-table__tabs-content">
    <div id="sub-tab-a" class="competitor-table__tab-content active">
      <ul class="sub-tabs-a competitor-table__sub-tabs">
        <li class="tab active" data-tab="keyfactor">Keyfactor</li>
        <li class="tab" data-tab="competitor">Venafi</li>
      </ul>
      <div class="competitor-table__sub-tabs-container">
        <div data-tab="keyfactor" class="competitor-table__sub-tabs-content active">
          <h3 class="title">Keyfactor</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
        </div>
        <div data-tab="competitor" class="competitor-table__sub-tabs-content">
          <h3 class="title">Venafi</h3>
          <ul>
            <li class="icon icon-cons">A wide range of supported key types, certificate formats, and algorithms (including NIST PQC candidates) </li>
            <li class="icon icon-pros">A wide range of supported key types, certificate formats, and algorithms (including NIST PQC candidates) </li>
            <li class="icon icon-neutral">A wide range of supported key types, certificate formats, and algorithms (including NIST PQC candidates) </li>
          </ul>
        </div>
      </div>
    </div>

    <div id="sub-tab-b" class="competitor-table__tab-content">
      <ul class="sub-tabs-a competitor-table__sub-tabs">
        <li class="tab active" data-tab="keyfactor">Keyfactor</li>
        <li class="tab" data-tab="competitor">Venafi</li>
      </ul>

      <div class="competitor-table__sub-tabs-container">
        <div data-tab="keyfactor" class="competitor-table__sub-tabs-content active">
          <h3 class="title">Keyfactor 2</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
        </div>
        <div data-tab="competitor" class="competitor-table__sub-tabs-content">
          <h3 class="title">Venafi 2</h3>
          <ul>
            <li class="icon icon-cons">A wide range of supported key types, certificate formats, and algorithms (including NIST PQC candidates) </li>
            <li class="icon icon-pros">A wide range of supported key types, certificate formats, and algorithms (including NIST PQC candidates) </li>
            <li class="icon icon-neutral">A wide range of supported key types, certificate formats, and algorithms (including NIST PQC candidates) </li>
          </ul>
          <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> -->
        </div>
      </div>
    </div>
  </div>
</div>