// Select all dropdown elements
var dropdowns = document.querySelectorAll('.dropdown');

dropdowns.forEach(function (dropdown) {
  // Add event listener for mouseenter to show the dropdown
  dropdown.addEventListener('mouseenter', function () {
    var toggle = dropdown.querySelector('.dropdown-toggle');
    var dropdownMenu = dropdown.querySelector('.dropdown-menu');

    toggle.classList.add('show');
    dropdownMenu.classList.add('show');
  });

  // Add event listener for mouseleave to hide the dropdown
  dropdown.addEventListener('mouseleave', function () {
    var toggle = dropdown.querySelector('.dropdown-toggle');
    var dropdownMenu = dropdown.querySelector('.dropdown-menu');

    toggle.classList.remove('show');
    dropdownMenu.classList.remove('show');
  });
});