@extends('layouts.website')

@section('content')
    <main>
        <section class="bs-banner type-overview typ-glob-accre typ-evt-banner typ-cert-banner">
            <div class="swiper main">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="background-wrapper set-bg"
                            data-img="{{ asset('assets/images/certification/certificate-banner1.webp') }}">
                            <div class="container">
                                <div class="hero-wrapper">
                                    <h1 class="title">Water Neutrality <br><span>Certification</span>
                                    </h1>
                                    <p class="subtitle marB42">Achieve water neutrality through comprehensive water
                                        management and conservation practices.</p>
                                    <div class="custom-btn-group mb-2">
                                        <a href="#" class="bs-btn typ-fill" onclick="openPopupEvt()">Get Certified</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- back to top  -->
        <a href="#" class="back-to-top">
            <span class="icon icon-drop-icon"></span>
        </a>
        <div class="sticky-btn">
            <a href="">
                <img src="{{ asset('assets/images/btn.svg') }}" class="img-fluid" alt="button">
            </a>
        </div>
    </main>
    @include('website.partials.include_js')
@endsection