Bootstrap Tables Components

<section class="position-relative bg-dark py-24 py-md-40">
  <div class="container pb-24 border-bottom">
    <div class="text-center pb-16 mb-16 border-bottom">
      <span class="h6 text-primary">Check of details</span>
      <h2 class="h3 text-white mt-8">See all features</h2>
    </div>
    <div class="table-responsive mb-20">
      <table class="table table-dark table-borderless" style="min-width: max-content;">
        <thead>
          <tr><th class="pb-12 text-secondary-light"></th><th class="pb-12 text-secondary-light">Feature 1</th><th class="pb-12 text-secondary-light">Feature 2</th><th class="pb-12 text-secondary-light">Feature 3</th><th class="pb-12 text-secondary-light">Feature 4</th><th class="pb-12 text-secondary-light">Feature 5</th></tr>
        </thead>
        <tbody>
          <tr>
            <td class="ps-14 py-4 pe-6 bg-secondary rounded-start">Number of Team Members</td>
            <td class="py-4 bg-secondary">5</td>
            <td class="py-4 bg-secondary">20</td>
            <td class="py-4 bg-secondary">200+</td>
            <td class="py-4 bg-secondary">Unlimited</td>
            <td class="pe-14 py-4 bg-secondary rounded-end">Unlimited</td>
          </tr>
          <tr>
            <td class="ps-14 py-4">Number of Team Members</td>
            <td class="py-4">5</td>
            <td class="py-4">20</td>
            <td class="py-4">200+</td>
            <td class="py-4">Unlimited</td>
            <td class="pe-14 py-4">Unlimited</td>
          </tr>
          <tr>
            <td class="ps-14 py-4 bg-secondary rounded-start">Projects</td>
            <td class="py-4 bg-secondary">3/mo</td>
            <td class="py-4 bg-secondary">Unlimited</td>
            <td class="py-4 bg-secondary">Unlimited</td>
            <td class="py-4 bg-secondary">Unlimited</td>
            <td class="pe-14 py-4 bg-secondary rounded-end">Unlimited</td>
          </tr>
          <tr>
            <td class="ps-14 py-4">Video chat</td>
            <td class="py-4">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
            <td class="py-4">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
            <td class="py-4">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
            <td class="py-4">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
            <td class="pe-14 py-4">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
          </tr>
          <tr>
            <td class="ps-14 py-4 bg-secondary rounded-start">Realt-Time Collaboration</td>
            <td class="py-4 bg-secondary">
              <svg width="16" height="2" viewbox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.35" x2="16" y2="1.35" stroke="#414C5E" stroke-width="1.3"></line></svg>
            </td>
            <td class="py-4 bg-secondary">
              <svg width="16" height="2" viewbox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.35" x2="16" y2="1.35" stroke="#414C5E" stroke-width="1.3"></line></svg>
            </td>
            <td class="py-4 bg-secondary">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
            <td class="py-4 bg-secondary">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
            <td class="pe-14 py-4 bg-secondary rounded-end">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
          </tr>
          <tr>
            <td class="ps-14 py-4">Support</td>
            <td class="py-4">
              <svg width="16" height="2" viewbox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.35" x2="16" y2="1.35" stroke="#414C5E" stroke-width="1.3"></line></svg>
            </td>
            <td class="py-4">
              <svg width="16" height="2" viewbox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.35" x2="16" y2="1.35" stroke="#414C5E" stroke-width="1.3"></line></svg>
            </td>
            <td class="py-4">
              <svg width="16" height="2" viewbox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="1.35" x2="16" y2="1.35" stroke="#414C5E" stroke-width="1.3"></line></svg>
            </td>
            <td class="py-4">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
            <td class="pe-14 py-4">
              <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.81671 15.0418L0 8.2251L0.90027 7.32483L6.81671 13.2413L19.0997 0.958252L20 1.85852L6.81671 15.0418Z" fill="white"></path>
              </svg>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-sm-end">
      <div class="d-flex align-items-center mw-xs pe-12 mb-4 mb-sm-0">
        <p class="h3 text-white mb-0">
          <span>8</span>
          <span class="h4 text-white mb-0">%</span>
        </p>
        <p class="ms-6 text-secondary-light mb-0">The tell condimentum turpis lorem</p>
      </div>
      <div class="d-flex align-items-center mw-xs pe-12">
        <p class="h3 text-white mb-0">20</p>
        <p class="ms-6 text-secondary-light mb-0">A sad laoreet sit amet nec purus</p>
      </div>
    </div>
  </div>
</section>