document.querySelectorAll(".modal-close").forEach((element) => {
  element.addEventListener("click", () => {
    const modal = element.closest(".modal");
    if (modal) {
      modal.style.display = "none";
    }

    document.querySelectorAll(".modal-shadow").forEach((modalShadow) => {
      modalShadow.classList.remove("active");
    });

    document.body.classList.remove("overflow-hidden");
  });
});