document.addEventListener('DOMContentLoaded', function () {
  const accordions = document.querySelectorAll('.ai-wordkforce-tabs .accordion');

  accordions.forEach(function (accordion) {
    // Set active class on page load for initially open items
    accordion.querySelectorAll('.accordion-collapse.show').forEach(function (collapseEl) {
      collapseEl.closest('.accordion-item').classList.add('active');
    });

    // Add active class when an item is shown
    accordion.addEventListener('show.bs.collapse', function (e) {
      e.target.closest('.accordion-item').classList.add('active');
    });

    // Remove active class when an item is hidden
    accordion.addEventListener('hide.bs.collapse', function (e) {
      e.target.closest('.accordion-item').classList.remove('active');
    });
  });
});