<section class="position-relative pb-24 pb-md-52 bg-dark overflow-hidden">
<div class="position-relative py-9 bg-white">
<div class="position-absolute top-0 start-50">
<div class="py-9 bg-dark" style="width: 1.5px;"></div>
<div class="py-14 bg-white" style="width: 1.5px;"></div>
</div>
</div>
<div class="container pt-40 pt-xxl-60">
<div class="mw-xxl">
<h1 class="text-white mb-20">
<span>Thurnover.</span>
<span class="d-block">Even more</span>
<span class="position-relative" style="z-index: 1;">
than you expect
<div class="position-absolute bottom-0 start-0 mb-3 mb-md-6 w-100 border-bottom" style="z-index: -1;"></div>
</span>
</h1>
<div class="mb-20">
<a class="btn p-0 btn-lg d-inline-flex align-items-center text-white" href="#">
<span class="me-6">Exploring the shift of today</span>
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.9983 2.97487L12.8444 2.94712L12.9539 11.4487L1.76433 0.259107L0.261729 1.76171L11.4513 12.9513L2.94974 12.8418L2.97749 14.9957L15.1552 15.1525L14.9983 2.97487Z" fill="currentColor"></path>
</svg>
</a>
</div>
<a class="btn btn-primary" href="#">Get Started</a>
</div>
</div>
</section>