$('.owl-carousel').owlCarousel({
    // rtl:true,
    // loop:true,
    margin:200,
 
    nav:true,
    URLhashListener:true,
        autoplayHoverPause:true,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                nav:true,
                margin:10
            },

            600:{
                items:2,
                nav:false,
                margin:200
            },  

            1000:{
                items:3,
                nav:true,
                loop:false,
                margin:10
            },
            1400:{
                items:5,
                nav:true,
                loop:false,
                margin:200
            }
        }
})

const controller  = new ScrollMagic.Controller();
const exploreSence = new ScrollMagic.Scene({
    triggerElement:".animateHeadingLeft",
    triggerHook:0.5,
    reverse:false
}).setClassToggle('.animateHeadingLeft','addTextanimationLeft').addTo(controller)
const controllerNew  = new ScrollMagic.Controller();
new ScrollMagic.Scene({
    triggerElement:".animateHeadingRight",
    triggerHook:0.9,
    reverse:false
}).setClassToggle('.animateHeadingRight','addTextanimationRight').addTo(controllerNew)

const controllerThree  = new ScrollMagic.Controller();
new ScrollMagic.Scene({
    triggerElement:".laptoponanimation",
    triggerHook:0.9,
    reverse:false
}).setClassToggle('.laptoponanimation','addOpacity').addTo(controllerThree)

const controllerFour  = new ScrollMagic.Controller();
new ScrollMagic.Scene({
    triggerElement:".allinOnepc",
    triggerHook:0.9,
    reverse:false
}).setClassToggle('.allinOnepc','addOpacity').addTo(controllerFour)


const controllerFive = new ScrollMagic.Controller();
new ScrollMagic.Scene({
    triggerElement:".dualLaptopSlideone",
    triggerHook:0.9,
    reverse:false
}).setClassToggle('.dualLaptopSlideone','addTextanimationRight').addTo(controllerFive)

const controllerSix = new ScrollMagic.Controller();
new ScrollMagic.Scene({
    triggerElement:".dualLaptopSlideLeftone",
    triggerHook:0.9,
    reverse:false
}).setClassToggle('.dualLaptopSlideLeftone','dualLaptopSlideLeftoneLeft').addTo(controllerSix)

const controllerSeven = new ScrollMagic.Controller();
new ScrollMagic.Scene({
    triggerElement:".cpuSlideLeftone",
    triggerHook:0.9,
    reverse:false
}).setClassToggle('.cpuSlideLeftone','traslateZero').addTo(controllerSeven)

const controllerEight = new ScrollMagic.Controller();
new ScrollMagic.Scene({
    triggerElement:".controllerEight",
    triggerHook:0.9,
    reverse:false
}).setClassToggle('.controllerEight','traslateZero').addTo(controllerSeven)