<style>
.splide__arrow.splide__arrow--next, .splide__arrow.splide__arrow--prev, .splide__pagination {
	display: none;
}

.splide *:focus { outline: none; }
</style>
<link rel="stylesheet" href="<https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css>">
<script src="<https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js>"></script>
<script>

var elms = document.getElementsByClassName( 'splide' );
for ( var i = 0, len = elms.length; i < len; i++ ) {
	new Splide( elms[ i ], {
	perPage: 3,
	perMove: 1,
  type   : 'loop',
	focus  : 'center',
  breakpoints: {
		767: {
			perPage: 1,
		}
	}
} ).mount();
}

// All Slliders
$('.next-splide').click(function() {
	$(this).closest('.section').find('.splide__arrow.splide__arrow--next').click();
});
$('.prev-splide').click(function() {
	$(this).closest('.section').find('.splide__arrow.splide__arrow--prev').click();
});
</script>