var coll = document.getElementById("collapsible");
    coll.addEventListener("click", function () {
      this.classList.toggle("active");
      var content = document.getElementById("submenu");
      if (content.style.maxHeight) {
        content.style.maxHeight = null;
      } else {
        content.style.maxHeight = content.scrollHeight + "px";
      }
    });
    /*end Collapse JS*/
    let modalContent = document.querySelector(".modal-content");
    let openModal = document.querySelector(".open-modal");
    let closeModal = document.querySelector(".close-modal");
    let blurBg = document.querySelector(".blur-bg");
    openModal.addEventListener("click", function () {
      modalContent.classList.remove("hidden-modal");
      blurBg.classList.remove("hidden-blur");
    });
    let closeModalFunction = function () {
      modalContent.classList.add("hidden-modal")
      blurBg.classList.add("hidden-blur")
    }
    blurBg.addEventListener("click", closeModalFunction);
    closeModal.addEventListener("click", closeModalFunction);
    document.addEventListener("keydown", function (event) {
      if (event.key === "Escape"
        && !modalContent.classList.contains("hidden")
      ) {
        closeModalFunction();
      }
    });

    var dropdownMenuButton = document.getElementById("dropdownMenuButton");
    dropdownMenuButton.addEventListener("click", function () {
      $('.dropdown-menu').toggle()
    });