jQuery("#form_mail-30").submit(function(e) {
        
        var formNm = jQuery('#form_mail-30');
        jQuery.ajax({
            url: '/wp-content/themes/GreenClinic/mail-4.php',
            type: 'POST',
            data: formNm.serialize(),
            success: function(data){
                console.log(data);
                formNm.find('.message').html(data);
            }
        });
        e.preventDefault();
        return false;
    });
document.addEventListener('DOMContentLoaded', () => {
const partnerSlider = new Swiper('.partner-slider', {
    slidesPerView: 6,
    speed: 2000,
    pagination: {
        el: ".swiper-pagination",
        clickable: true
      },
      breakpoints: {
        320: {
            slidesPerView: 2,
            spaceBetween: 20,
        },
        640: {
            slidesPerView: 3,
            spaceBetween: 20,
        },
        768: {
            slidesPerView: 4,
            spaceBetween: 30,
        },
        1024: {
            slidesPerView: 6,
            spaceBetween: 30,
        },
    }
})

const newsSlider = new Swiper('.news-slider', {
    slidesPerView: 3,
    speed: 2000,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
	breakpoints: {
        320: {
            slidesPerView: 1,
            spaceBetween: 20,
        },
        640: {
            slidesPerView: 2,
            spaceBetween: 20,
        },
        768: {
            slidesPerView: 2,
            spaceBetween: 30,
        },
        1024: {
            slidesPerView: 3,
            spaceBetween: 30,
        },
    }
})

$(function(){
    let mixer = mixitup('.service__inner-box');
});
const newsSlider2 = new Swiper('.news-slider2', {
    slidesPerView: 3,
	spaceBetween: 60,
    speed: 2000,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
		breakpoints: {
        320: {
            slidesPerView: 1,
            spaceBetween: 20,
        },
        640: {
            slidesPerView: 2,
            spaceBetween: 20,
        },
        768: {
            slidesPerView: 2,
            spaceBetween: 30,
        },
        1024: {
            slidesPerView: 3,
            spaceBetween: 30,
        },
    }
})

const newsSlider4 = new Swiper('.news-slider44', {
  slidesPerView: 1,
  speed: 2000,
  navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev", 
    },
breakpoints: {
      320: {
          slidesPerView: 1,
          spaceBetween: 20,
      },
      640: {
          slidesPerView: 1,
          spaceBetween: 20,
      },
      768: {
          slidesPerView: 1,
          spaceBetween: 30,
      },
      1024: {
          slidesPerView: 1,
          spaceBetween: 30,
      },
  },
  effect:'flip'
});

$(function(){
    let mixer = mixitup('.service__inner-box');
});	
	const newsSlider3 = new Swiper('.news-slider3', {
     slidesPerView: 'auto',
    
    spaceBetween: 30,
    slidesPerGroup: 3,
    speed: 2000,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
})

$(function(){
    let mixer = mixitup('.service__inner-box');
});	

  //tabs
  const tabs = document.querySelectorAll('.tabheader__item'),
    tabsContent = document.querySelectorAll('.tabcontent'),
    tabsParent = document.querySelector('.tabheader__items');

  function tabsHideContent() {
    tabsContent.forEach((item) => {
      item.classList.add('hide');
      item.classList.remove('show', 'fade');
    });

    tabs.forEach((item) => {
      item.classList.remove('tabheader__item_active');
      item.classList.remove('boxShadow');
    });
  }

  function showTabContent(i = 0) {
    tabsContent[i].classList.remove('hide');
    tabsContent[i].classList.add('show', 'fade');

    tabs[i].classList.add('tabheader__item_active');
    tabs[i].classList.add('boxShadow');
  }

  tabsHideContent();
  showTabContent();

  tabsParent.addEventListener('click', (event) => {
    const target = event.target;

    if (target && target.classList.contains('tabheader__item')) {
      tabs.forEach((tab, i) => {
        if (tab === target) {
          tabsHideContent();
          showTabContent(i);
        }
      });
    }
  });


  tabsParent.addEventListener('touch', (event) => {
    const target = event.target;

    if (target && target.classList.contains('tabheader__item')) {
      tabs.forEach((tab, i) => {
        if (tab === target) {
          tabsHideContent();
          showTabContent(i);
        }
      });
    }
  });



const sliderIMG = new Swiper('.slider-img', {
    direction: 'vertical',
    loop: false,
    speed: 2400,
    parallax: true,
    effect: 'fade',
    parallax: true,
})




const sliderText = new Swiper('.slider-text', {
  
    direction: 'vertical',
    loop: false,
    speed: 3400, 
    effect: 'fade',
   /*allowTouchMove: false,
    allowSlideNext: false, 
    allowSlidePrev: false,*/
    pagination: {
      el: ".header-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    
});



sliderIMG.controller.control = sliderText
sliderText.controller.control = sliderIMG




let teamNav = new Swiper(".team-swiper_nav", {
  direction: 'vertical',
  spaceBetween: 10,
  slidesPerView: 4,
  freeMode: true,
  watchSlidesProgress: true,
});
let teamSlider = new Swiper(".team-swiper", {
  spaceBetween: 10,
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
  thumbs: {
    swiper: teamNav,
  },
});



//main-menu start

const headerBottomBtn = document.querySelector('.header-bottom__btn');
const mainMenu = document.querySelector('.main-menu');
const mainMenuClose = document.querySelector('.main-menu__close');

headerBottomBtn.addEventListener('click', (e) => {
if (!mainMenu.classList.contains('main-menu--active')) {
  mainMenu.classList.add('main-menu--active');
  document.body.style.overflow = 'hidden';
  document.body.style.width = ''
}
else {
  mainMenu.classList.remove('main-menu--active');
  document.body.style.overflow = '';
}
})

mainMenuClose.addEventListener('click', (e) => {
  mainMenu.classList.remove('main-menu--active');
  document.body.style.overflow = '';
})


document.addEventListener('keydown', (e) => {
if (e.code == 'Escape' && mainMenu.classList.contains('main-menu--active')) {
  mainMenu.classList.remove('main-menu--active');
  document.body.style.overflow = '';
}
})

//main-menu start
})