Как сделать чтобы отображалось 3 элемента и скроллить по 3?

Question

[dima89e]

у меня 6 элементов, хочу чтобы отображалось 3 и скроллилось по 3, без стрелок, а элементов пагинации было 2, как это сделать?
Вот мой код:

.exper-row(style="background-image: url('img/svg/exper-row-bg.svg')")
            .exper-item 
              .exper-item-num 01
              h3.exper-item-title Civil engineering
            .exper-item 
              .exper-item-num 02
              h3.exper-item-title Machine and building foundations
            .exper-item 
              .exper-item-num 03
              h3.exper-item-title Silo and slipform construction
            .exper-item 
              .exper-item-num 04
              h3.exper-item-title Assesments, building inspection, concrete maintenance and repair
            .exper-item 
              .exper-item-num 05
              h3.exper-item-title International cement factory construction
            .exper-item 
              .exper-item-num 06
              h3.exper-item-title Construction in ongoing operations

          .exper-pagination 
            .exper-pagination-item
            .exper-pagination-item

$(".exper-row").slick({
    asNavFor: ".exper-pagination",
    slidesToShow: 6,
    slidesToScroll: 1,
    arrows: false
  });
  
  $(".exper-pagination").slick({
    slidesToShow: 6,
    slidesToScroll: 1,
    asNavFor: '.exper-row',
    focusOnSelect: true
  });