 
import { Swiper, SwiperSlide } from "swiper/react";

// import Swiper css
import "swiper/css"; 
export default function SliderHomeFive() {
  return (
    <div className="mt-slider-effect-area pb-50 black-bg-2 p-relative">
      <Swiper
        slidesPerView={3.5}
        spaceBetween={25}
        loop={true}
        navigation={
          {
            nextEl: ".mttestimonial__arrow-next",
            prevEl: ".mttestimonial__arrow-prev",
          }
        }
        breakpoints={{
          1200: {
            slidesPerView: 3.5,
          },
          992: {
            slidesPerView: 2,
          },
          768: {
            slidesPerView: 2,
          },
          0: {
            slidesPerView: 1,
          },
        }}
        className="swiper mt-slider-effect-active">

        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-1.jpg" alt="" />
          </div>
        </SwiperSlide>
        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-2.jpg" alt="" />
          </div>
        </SwiperSlide>
        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-3.jpg" alt="" />
          </div>
        </SwiperSlide>
        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-4.jpg" alt="" />
          </div>
        </SwiperSlide>
        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-3.jpg" alt="" />
          </div>
        </SwiperSlide>
        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-2.jpg" alt="" />
          </div>
        </SwiperSlide>
        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-1.jpg" alt="" />
          </div>
        </SwiperSlide>
        <SwiperSlide className="swiper-slide mb-70">
          <div className="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
            data-wow-delay="0.1s">
            <img src="assets/img/slider/slider-1-4.jpg" alt="" />
          </div>
        </SwiperSlide>

      </Swiper>
    </div>
  )
}
