<section class="section-contact bg-primary py-5 position-relative overflow-hidden">
    <div class="container pt-lg-1 pb-lg-2 pb-xl-3">
        <div class="row justify-content-center position-relative z-index_3">
            <div class="col-12 mb-4 mb-lg-5 text-center">
                <h2 class="headline-2 text-800 lh-1 text-uppercase mb-1">STILL HAVE QUESTIONS?</h2>
            </div>
            <div class="col-10 col-sm-8 col-lg-4 mb-4 mb-lg-0">
                <a href="tel:+1000000000" class="btn btn-outline-black w-100 btn-center">
                    <span class="btn-text">+1 000 000 000</span> 
                </a>
            </div>
            <div class="col-10 col-sm-8 col-lg-4">
                <!-- <a href="mailto:info@gmail.com" class="btn btn-black btn-center w-100">
                    <span class="btn-text">WRITE A MESSAGE</span> 
                </a> -->
                <a class="btn btn-black btn-center w-100" data-bs-toggle="offcanvas" href="#offcanvasMessage" role="button" aria-controls="offcanvasMessage">
                    <span class="btn-text">WRITE A MESSAGE</span> 
                </a>
            </div>
        </div>
        <img src="assets/images/Background/Zasob-1.png" class="position-absolute start-0 top-0 opacity-10 w-50 z-index_0" alt="drawing of gear wheels">
    </div>
</section>	