const tabs = document.querySelectorAll(".tab");
const tabContent = document.querySelectorAll(".tab-content");

tabs.forEach((tab, i) => {
  tab.addEventListener("click", function () {
    tabs.forEach(tab => tab.classList.remove("active"));
    this.classList.add("active");
    tabContent.forEach(content => content.classList.add("hidden"));
    tabContent[i].classList.remove("hidden");
  });
});