document.addEventListener("DOMContentLoaded", function () {
    const swiper = new Swiper(".mySwiper", {
      loop: true,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });

    const swiperEl = document.querySelector(".mySwiper");
    if (swiperEl) {
      swiperEl.addEventListener("mouseenter", () => {
        swiperEl.querySelector(".swiper-button-next").style.opacity = "1";
        swiperEl.querySelector(".swiper-button-prev").style.opacity = "1";
      });
      swiperEl.addEventListener("mouseleave", () => {
        swiperEl.querySelector(".swiper-button-next").style.opacity = "0";
        swiperEl.querySelector(".swiper-button-prev").style.opacity = "0";
      });
    }
  });