Как добавить класс active к текущей кастомной ссылке на активный элемент в owl carousel 2?

вот пен codepen.io/cache0/pen/JWMNge

вот код

jQuery(document).ready(function($) {
  var owlBen = $(".binefits_slider.owl-carousel");
  owlBen.on('initialized.owl.carousel', function(event) {
    $.each($('.owl-item'), function(i) {
      var paginatorsLink = $('.ben_page');
      $(paginatorsLink[i])
        // i - counter
        // Give some styles and set background image for pagination item
        .css({
          'background': 'url(' + $(this).find('img').attr('src') + ') center center no-repeat',
          'background-size': 'cover'
        })
        // set Custom Event for pagination item
        .click(function() {
          owlBen.trigger("to.owl.carousel", i);
        });
    });
  });
  owlBen.owlCarousel({
    // Most important owl features
    items: 1,
    animateOut: 'fadeOut',
    animateIn: 'fadeIn',
    loop: true,
    dots: false,
    nav: false,
    callbacks: true,
    autoplay: true,
  });
});