function HighTrafficSlick() {
  try {
    if ($(window).width() >= 992) {
      $('.high-traffic-icon-wrapper:not(".subpage-high-traffic") > div').slick({
        dots: false,
        infinite: true,
        speed: 300,
        slidesToShow: 4,
        slidesToScroll: 4,
        swipe: true,
        mobileFirst: true,
        prevArrow:
          '<button class="left-arrow" aria-label="Scroll Left"><i class="far fa-chevron-left"></i></button>',
        nextArrow:
          '<button class="right-arrow" aria-label="Scroll Right"><i class="far fa-chevron-right"></i></button>',
        appendArrows: $('.high-traffic-icon-wrapper > div'),
        responsive: [
          {
            breakpoint: 1439,
            settings: {
              slidesToShow: 4,
              slidesToScroll: 4,
            },
          },

          {
            breakpoint: 1023,
            settings: {
              slidesToShow: 4,
              slidesToScroll: 4,
            },
          },

          {
            breakpoint: 992,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 3,
            },
          },

          {
            breakpoint: 0,
            settings: "unslick",
          },
        ],
      });
    }
  }

  catch (error) {
    console.log(error);
  }
}

function SubPageHighTraffic() {
  try {
    if ($(window).width() >= 992) {
      const topbarHeight = $('.top-bar').outerHeight();
      const navHeight = $('.under-top-bar-nav').outerHeight();
      const placeholderHeight = $('.top-bar-placeholder').outerHeight();
      const headerHeight = topbarHeight + navHeight - placeholderHeight;
      $('.high-traffic-icon-subpage-container').css('padding-top', headerHeight);
    }
    else
    {
      $('.high-traffic-icon-subpage-container').css('padding-top', '');
    }
  }
  catch (error) {
    console.log(error);
  }
}

$(document).ready(HighTrafficSlick);
// $(document).ready(SubPageHighTraffic);

$(window).resize(function () {
  HighTrafficSlick();
  // SubPageHighTraffic();
});