// NAV SECTION

const mobSec = document.querySelector(".mob-menu-sec");
const mobSecnt = document.querySelector(".mob-menu-cnt");
const mobHam = document.querySelector(".rght-mob-sec");
const mobSecX = document.querySelector(".mob-menu-cls");

mobHam.addEventListener("click", () => {
  mobSec.classList.add("active");
});
mobSecX.addEventListener("click", () => {
  mobSec.classList.remove("active");
});

mobSec.addEventListener("click", (e) => {
  if (!mobSecnt.contains(e.target)) {
    mobSec.classList.remove("active");
  }
});