document.addEventListener('DOMContentLoaded', function () {
  var cards = document.querySelectorAll('.sis-hover-card-grid .row > [class*=\"col-\"]');
  if (cards.length > 0) {
    cards.forEach(function (card) {
      card.addEventListener('click', function () {
        cards.forEach(function (c) { c.classList.remove('active'); });
        card.classList.add('active');
      });
    });
  }
});