/home/moonrcjl/template.moontelict.com/a.sasio/assets/js/slider-active.js
(function ($) {
  "use strict";

  // mt-service-active slider 
  var swiper = new Swiper(".mt-service-active", {
    slidesPerView: 1,
    spaceBetween: 30,
    pagination: {
      el: ".mtservice__pagination",
      clickable: true,
    },
    // Navigation arrows
    navigation: {
      nextEl: '.mtservice__prev',
      prevEl: '.mtservice__next',
    },
    breakpoints: {
      0: {
        slidesPerView: 1,
      },
      768: {
        slidesPerView: 2,
      },
      992: {
        slidesPerView: 3,
      },
      1200: {
        slidesPerView: 4,
      }
    },
  });

  // brand slider  1
  var swiper = new Swiper(".mt-brand-active", {
    slidesPerView: 'auto',
    spaceBetween: 30,
    freemode: true,
    centeredSlides: true,
    loop: true,
    speed: 4000,
    allowTouchMove: false,
    autoplay: {
      delay: 1,
      disableOnInteraction: true,
    },
    breakpoints: {
      0: {
        slidesPerView: 2,
      },
      768: {
        slidesPerView: 3,
      },
      992: {
        slidesPerView: 5,
      },
      1200: {
        slidesPerView: 6,
      }
    },
  });

  // testimonial slider 
  var swiper = new Swiper(".mttestimonial__active", {
    slidesPerView: 1,
    spaceBetween: 30,
    keyboard: {
      enabled: true,
    },
    pagination: {
      el: ".mttestimonial__pagination",
      clickable: true,
    }
  });

  // testimonial slider 
  var swiper = new Swiper(".mttestimonial__active2", {
    slidesPerView: 1,
    spaceBetween: 30,
    keyboard: {
      enabled: true,
    },
    breakpoints: {
      0: {
        slidesPerView: 1,
      },
      768: {
        slidesPerView: 1,
      },
      992: {
        slidesPerView: 2,
      },
      1200: {
        slidesPerView: 2,
      }
    },
    pagination: {
      el: ".mttestimonial__pagination",
      clickable: true,
    }
  });

  // testimonial slider 
  var swiper = new Swiper(".mttestimonial__active3", {
    slidesPerView: 3.5,
    spaceBetween: 30,
    keyboard: {
      enabled: true,
    },
    breakpoints: {
      0: {
        slidesPerView: 1,
      },
      992: {
        slidesPerView: 2,
      },
      1200: {
        slidesPerView: 2.5,
      },
      1400: {
        slidesPerView: 3.5,
      }
    },
    // Navigation arrows
    navigation: {
      nextEl: '.mttestimonial__prev',
      prevEl: '.mttestimonial__next',
    }
  });

  ////////////////////////////////////////////////////
  // 13. Swiper Js
  var swiper = new Swiper('.mtblog__active', {
    slidesPerView: 4.5,
    spaceBetween: 24,
    breakpoints: {
      '1200': {
        slidesPerView: 4.5,
      },
      '992': {
        slidesPerView: 2,
      },
      '768': {
        slidesPerView: 2,
      },
      '576': {
        slidesPerView: 1,
      },
      '0': {
        slidesPerView: 1,
      },

      a11y: false,
    },

  });

  ////////////////////////////////////////////////////
  // 01. Swiper Js
  var swiper = new Swiper(".mt-blog-active", {
    slidesPerView: 1,
    spaceBetween: 0,
    keyboard: {
      enabled: true,
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".mt-swiper-blog-button-next",
      prevEl: ".mt-swiper-blog-button-prev",
    },
  });



















  // brand  1
  var swiper = new Swiper(".mt-brand-top-active", {
    slidesPerView: 'auto',
    spaceBetween: 20,
    freemode: true,
    centeredSlides: true,
    loop: true,
    speed: 4000,
    allowTouchMove: false,
    autoplay: {
      delay: 1,
      disableOnInteraction: true,
    },
  });

  // brand  1
  var swiper = new Swiper(".mt-brand-5-active", {
    slidesPerView: 'auto',
    spaceBetween: 30,
    freemode: true,
    centeredSlides: true,
    loop: true,
    speed: 9000,
    allowTouchMove: false,
    autoplay: {
      delay: 1,
      disableOnInteraction: true,
    },
  });


  ////////////////////////////////////////////////////
  // 13. Swiper Js
  var swiper = new Swiper('.mt-blog-4-active', {
    // Optional parameters
    speed: 1000,
    loop: true,
    slidesPerView: 3,
    autoplay: true,
    spaceBetween: 30,
    breakpoints: {
      '1600': {
        slidesPerView: 3,
      },
      '1400': {
        slidesPerView: 3,
      },
      '1200': {
        slidesPerView: 2,
      },
      '992': {
        slidesPerView: 2,
      },
      '768': {
        slidesPerView: 2,
      },
      '576': {
        slidesPerView: 1,
      },
      '0': {
        slidesPerView: 1,
      },

      a11y: false,
    },
    // Navigation arrows
    navigation: {
      nextEl: '.blog-4-prev',
      prevEl: '.blog-4-next',
    },
  });



  ////////////////////////////////////////////////////
  // 13. Swiper Js
  var swiper = new Swiper('.mt-project-active', {
    // Optional parameters
    speed: 1000,
    loop: true,
    slidesPerView: 3,
    autoplay: true,
    spaceBetween: 30,
    breakpoints: {
      '1600': {
        slidesPerView: 3,
      },
      '1400': {
        slidesPerView: 3,
      },
      '1200': {
        slidesPerView: 3,
      },
      '992': {
        slidesPerView: 3,
      },
      '768': {
        slidesPerView: 2,
      },
      '576': {
        slidesPerView: 1,
      },
      '0': {
        slidesPerView: 1,
      },

      a11y: false,
    },
    // Navigation arrows
    navigation: {
      nextEl: '.mt-project-next',
      prevEl: '.mt-project-prev',
    },
  });


  ////////////////////////////////////////////////////
  // 16. Mouse Cursor Js
  function mousecursor() {
    if ($("body")) {
      const e = document.querySelector(".cursor-inner"),
        t = document.querySelector(".cursor-outer");
      let n,
        i = 0,
        o = !1;
      (window.onmousemove = function (s) {
        o ||
          (t.style.transform =
            "translate(" + s.clientX + "px, " + s.clientY + "px)"),
          (e.style.transform =
            "translate(" + s.clientX + "px, " + s.clientY + "px)"),
          (n = s.clientY),
          (i = s.clientX);
      }),
        $("body").on("mouseenter", "a, .cursor-pointer", function () {
          e.classList.add("cursor-hover");
          t.classList.add("cursor-hover");
        }),
        $("body").on("mouseleave", "a, .cursor-pointer", function () {
          ($(this).is("a") && $(this).closest(".cursor-pointer").length) ||
            (e.classList.remove("cursor-hover"),
              t.classList.remove("cursor-hover"));
        }),
        (e.style.visibility = "visible"),
        (t.style.visibility = "visible");
    }
  }
  $(function () {
    mousecursor();
  });



})(jQuery);