<!-- PERHITUNGAN -->
<section class="section newsletter has-bg-image" id="perhitungan" aria-label="perhitungan" style="background-image: url('/user/images/newsletter-bg.jpg')">
<div class="container">
<figure class="newsletter-banner">
    <img src="{{ asset('user/images/newsletter-banner.png') }}" width="355" height="356" loading="lazy" alt="newsletter banner" class="w-100">
</figure>
<div class="newsletter-content">
    <p class="section-subtitle has-before">Perhitungan</p>
    <h2 class="h2 section-title">Klik tombol di bawah untuk memulai perhitungan sesuai dengan kriteria yang telah ditentukan.</h2>
    <a href="#quiz" class="btn btn-secondary has-before has-after" data-start-quiz>
        <span class="span">Mulai Perhitungan</span>
        <i class="fas fa-arrow-right" aria-hidden="true"></i>
    </a>
</div>
</div>
</section>