<script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script>
<script>
var $ = jQuery,
intervalDuration = 3$(document).ready(function(){var slide = $(‘.sliding .elementor-inner-section’),
index = 0,
before, after,
slidePause = false
function sliding(call = null){

if(!call){
if(slidePause) return
$(‘body’).addClass(‘anim’)
}

before = index == 0 ? slide.length – 1 : index – 1
after = index == slide.length – 1 ? 0 : index + 1

slide.removeClass(‘current before after’)
slide.eq(index).addClass(‘current’)
slide.eq(before).addClass(‘before’)
slide.eq(after).addClass(‘after’)

if( slide.length – 1 == index ){
index = 0
}else{
index++
}
}

sliding(‘load’)
setInterval(sliding, intervalDuration*1000)

$(‘.sliding’).on(‘mouseover’, function(){
slidePause = true
})
$(‘.sliding’).on(‘mouseout’, function(){
slidePause = false
})

})

</script>