<section class="position-relative pt-36 lg:pb-14 bg-secondary overflow-hidden">
<img class="position-absolute top-0 start-50 translate-middle-x" src="gradia-assets/elements/cta/radial.png" alt="">
<div class="position-relative container" style="z-index: 50;">
<div class="row mb-12">
<div class="col-12 col-xl-6">
<div class="mw-xl-xl">
<h1 class="fs-10 mb-6 text-white lh-sm">Get maximum results from all projects.</h1>
<p class="fs-17 text-white mb-20">Amet minim mollit non deserunt ullamco est sit aliqua.</p>
<button class="btn btn-primary text-uppercase px-6 mb-11" type="button" style="letter-spacing: 1px;">Connect Now</button>
<ul class="list-group-flush p-0 m-n2">
<li class="d-inline-flex align-items-center p-2 fw-semibold list-group-item bg-transparent text-white border-0">
<svg class="me-3" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#3F3F46"></circle>
<path d="M6.7959 11.6006L9.1982 14.0029L15.2039 7.99713" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<p class="mb-0">No hidden fees</p>
</li>
<li class="d-inline-flex align-items-center p-2 fw-semibold list-group-item bg-transparent text-white border-0">
<svg class="me-3" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#3F3F46"></circle>
<path d="M6.7959 11.6006L9.1982 14.0029L15.2039 7.99713" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<p class="mb-0">Start with a free account</p>
</li>
<li class="d-inline-flex align-items-center p-2 fw-semibold list-group-item bg-transparent text-white border-0">
<svg class="me-3" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#3F3F46"></circle>
<path d="M6.7959 11.6006L9.1982 14.0029L15.2039 7.99713" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<p class="mb-0">Edit online, no software needed</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="d-flex px-3 px-xl-0 position-xl-absolute end-0 bottom-0 mw-xl-xl mw-xxl-none">
<img class="img-fluid mx-auto" src="gradia-assets/images/cta/screen.png" alt="">
</div>
</section>