Could we please move the pagination dots below the cards? Also, make the cards the same height please:

<section id="cmg-services-slider" class="px-3 py-4 p-lg-5 position-relative cmg-bg-light">
    <div class="container py-4 py-lg-5 position-relative z-front">

        <div class="row justify-content-center mb-4">
            <div class="col-lg-8">

                <h2 class="display-5 fw-bold text-center" style="color: rgb(8,41,80);">How Can We Help?</h2>

                <p class="fs-4 fw-bold text-center" style="color: rgb(1,78,149);">Choose your laundry style – Do it yourself, or we’ll do it for you.</p>

            </div>
        </div>

        <!-- Swiper container -->
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">

                <div class="swiper-slide">
                    <div class="card border-0 shadow-lg h-100 overflow-hidden" style="border-radius: 15px;">
                        <img src="https://taylorw119.sg-host.com/wp-content/uploads/2025/05/Screenshot-2025-05-09-160136-1.png" alt="" class="card-img-top">
                        <div class="card-body px-4 pb-0">
                            <h2 class="mb-2 fw-normal " style="color: rgb(1,78,149);">Self-Service Laundry</h2>
                            <ul class="list-unstyled cmg-card-list">
                                <li><span><i class="fas fa-check cmg-text-primary me-2"></i>Open daily with extended hours</span></li>
                                <li><span><i class="fas fa-check cmg-text-primary me-2"></i>Dexter washers &amp; dryers in multiple sizes</span></li>
                                <li><span><i class="fas fa-check cmg-text-primary me-2"></i>Pay with coins or Laundroworks card system</span></li>
                                <li><span><i class="fas fa-check cmg-text-primary me-2"></i>Clean, bright, and attended for peace of mind</span></li>
                            </ul>
                        </div>
                        <div class="card-footer bg-transparent border-0 px-4 pt-0 pb-4">
                            <a href="" class="btn btn-icon-reveal cmg-btn-primary">Learn More <i class="fa-solid fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="card border-0 shadow-lg h-100 overflow-hidden" style="border-radius: 15px;">
                        <img src="https://taylorw119.sg-host.com/wp-content/uploads/2025/04/IMG_0466-scaled-e1745874634117.jpg" alt="" class="card-img-top">
                        <div class="card-body px-4 pb-0">
                            <h2 class="mb-2 fw-normal " style="color: rgb(1,78,149);">Wash &amp; Fold Drop-Off</h2>
                            <ul class="list-unstyled cmg-card-list">
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Priced per pound with fast turnaround</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Neatly folded and bagged — ready to go</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Perfect for busy households, students &amp; seniors</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Available at select locations</li>
                            </ul>
                        </div>
                        <div class="card-footer bg-transparent border-0 px-4 pt-0 pb-4">
                            <a href="" class="btn btn-icon-reveal cmg-btn-primary">Learn More <i class="fa-solid fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="card border-0 shadow-lg h-100 overflow-hidden" style="border-radius: 15px;">
                        <img src="https://taylorw119.sg-host.com/wp-content/uploads/2025/04/Photo-Apr-10-2025-15-34-15-scaled-e1746820975331.jpg" alt="" class="card-img-top">
                        <div class="card-body px-4 pb-0">
                            <h2 class="mb-2 fw-normal " style="color: rgb(1,78,149);">Commercial Laundry</h2>
                            <ul class="list-unstyled cmg-card-list">
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>High-capacity machines for bulk laundry needs</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Customized solutions for businesses and institutions</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Reliable, efficient, and eco-friendly equipment</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Contact us for tailored service plans</li>
                            </ul>
                        </div>
                        <div class="card-footer bg-transparent border-0 px-4 pt-0 pb-4">
                            <a href="" class="btn btn-icon-reveal cmg-btn-primary">Learn More <i class="fa-solid fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="card border-0 shadow-lg h-100 overflow-hidden" style="border-radius: 15px;">
                        <img src="https://taylorw119.sg-host.com/wp-content/uploads/2025/04/Photo-Apr-10-2025-15-34-15-scaled-e1746820975331.jpg" alt="" class="card-img-top">
                        <div class="card-body px-4 pb-0">
                            <h2 class="mb-2 fw-normal " style="color: rgb(1,78,149);">Dry Cleaning</h2>
                            <ul class="list-unstyled cmg-card-list">
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Professional garment care for delicate items</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Pressed, packaged, and ready for pickup</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Perfect for suits, dresses, uniforms &amp; more</li>
                                <li><i class="fas fa-check cmg-text-primary me-2"></i>Ask about availability at your nearest location</li>
                            </ul>
                        </div>
                        <div class="card-footer bg-transparent border-0 px-4 pt-0 pb-4">
                            <a href="" class="btn btn-icon-reveal cmg-btn-primary">Learn More <i class="fa-solid fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>

            </div>

            <!-- Add Pagination -->
            <div class="swiper-pagination mt-4"></div>
        </div>

    </div>

    <div class="overlay position-absolute z-back" style="background: rgba(255,255,255,0)"></div>
</section>

<script>
    var swiper = new Swiper("#cmg-services-slider .mySwiper", {
        slidesPerView: 1,
        speed: 1500,
        spaceBetween: 30,
        breakpoints: {
            768: {
                slidesPerView: 2,
                spaceBetween: 20,
            },
            992: {
                slidesPerView: 3,
                spaceBetween: 40,
            },
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
    });
</script>