
   <section class="achievements">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="sub-title">Certifications & Achievements</div>
                <h2>Certified expertise you can trust.</h2>
            </div>
    

        <div class="swiper achievements-swiper">
            <div class="swiper-wrapper">

            <!-- Slide 1 -->
            <div class="swiper-slide">
                <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                <img src="assets/images/resource/certificate.png" alt="Certificate 1">
                </a>
            </div>
                <!-- Slide 1 -->
            <div class="swiper-slide">
                <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                <img src="assets/images/resource/certificate.png" alt="Certificate 1">
                </a>
            </div>

                <!-- Slide 1 -->
            <div class="swiper-slide">
                <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                <img src="assets/images/resource/certificate.png" alt="Certificate 1">
                </a>
            </div>

                <!-- Slide 1 -->
            <div class="swiper-slide">
                <a href="assets/images/resource/certificate.png" class="lightbox-image" data-fancybox="gallery">
                <img src="assets/images/resource/certificate.png" alt="Certificate 1">
                </a>
            </div>


            

            <!-- Add more slides as needed -->

            </div>

            <!-- Navigation -->
            <div class="swiper-button-next cert-next"></div>
            <div class="swiper-button-prev cert-prev"></div>
        </div>
        </div>
    </section>