<section class="pt-28 pb-44 bg-white overflow-hidden">
<div class="container">
<div class="row align-items-center g-16">
<div class="col-12 col-md-6">
<div class="mw-xl">
<h1 class="fs-10 mb-6 lh-sm">Get maximum results from all your projects.</h1>
<p class="mb-20 text-muted mw-md-md">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat.</p>
<ul class="list-group list-group-flush">
<li class="d-flex align-items-center px-0 fw-bold list-group-item border-0 mb-1">
<img class="me-3" src="gradia-assets/elements/features/check-green.svg" alt="">
<h3 class="fs-17 fw-semibold mb-0">No hidden fees</h3>
</li>
<li class="d-flex align-items-center px-0 fw-bold list-group-item border-0 mb-1">
<img class="me-3" src="gradia-assets/elements/features/check-green.svg" alt="">
<h3 class="fs-17 fw-semibold mb-0">Start with a free account</h3>
</li>
<li class="d-flex align-items-center px-0 fw-bold list-group-item border-0">
<img class="me-3" src="gradia-assets/elements/features/check-green.svg" alt="">
<h3 class="fs-17 fw-semibold mb-0">Edit online, no software needed</h3>
</li>
</ul>
</div>
</div>
<div class="col-12 col-md-6">
<div class="p-6 bg-black mx-auto" style="background: linear-gradient(98.24deg, #FFB36D 0%, #EC5353 100%); max-width: 470px; height: 382px; border-radius: 25px;">
<img class="img-fluid" src="gradia-assets/images/features/dropdown.png" alt="">
</div>
</div>
</div>
</div>
</section>