<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>