/*

Template Name:  example
Description:  example
Author: themexriver
Version: 1.0

====javascript indexing======

preloader


*/

(function ($) {
	"use strict";

	/*
	preloader
	====start====
	*/
	// preloader start
	let preloader = document.querySelector("#tx_preloader");
	window.addEventListener("load", function () {
		preloader.classList.add("preloaded");
		setTimeout(function () {
			preloader.remove();
		}, 1000);
	});
	// preloader end
	/*
	preloder
	====end====
	*/

	/*
	mobile-menu
	====start====
	*/

	if ($(".mobile-main-navigation li.dropdown ul").length) {
		$(".mobile-main-navigation li.dropdown").append(
			'<div class="dropdown-btn"><span class="fas fa-caret-right"></span></div>'
		);
		$(".mobile-main-navigation li.dropdown .dropdown-btn").on(
			"click",
			function () {
				$(this).prev("ul").slideToggle(500);
			}
		);
	}
	$(".dropdown-btn").on("click", function () {
		$(this).toggleClass("toggle-open");
	});
	/*
	mobile-menu
	====end====
	*/

	/*
	sticky-header
	====start====
	*/
	$(window).scroll(function () {
		if ($(this).scrollTop() > 300) {
			$(".header_sticky").addClass("sticky");
		} else {
			$(".header_sticky").removeClass("sticky");
		}
	});
	/*
	sticky-header
	====end====
	*/

	/*
	search-popup
	====start====
	*/

	$(".search_btn_toggle").on("click", function () {
		$(".overlay, .search_1_popup_active").addClass("active");
	});
	$(".overlay, .search_1_popup_close").on("click", function () {
		$(".search_1_popup_active").removeClass("active");
		$(".overlay").removeClass("active");
	});
	/*
	search-popup
	====end====
	*/

	/*
	services-1
	====start====
	*/
	var services1 = new Swiper(".gto_services_1_active", {
		loop: true,
		speed: 1000,
		autoplay: {
			delay: 5000,
		},
		navigation: {
			nextEl: ".gto_services_1_next",
			prevEl: ".gto_services_1_prev",
		},
		breakpoints: {
			0: {
				slidesPerView: 1,
			},
			480: {
				slidesPerView: 1,
			},
			576: {
				slidesPerView: 1,
			},
			768: {
				slidesPerView: 2,
			},
			992: {
				slidesPerView: 2,
			},
			1200: {
				slidesPerView: 3,
			},
		},
	});
	/*
	services-1
	====end====
	*/

	/*
	popup-video-activition
	====start====
	*/
	$(".popup-video").magnificPopup({
		type: "iframe",
	});
	/*
	popup-video-activition
	====end====
	*/

	/*
	popup-img-activition
	====start====
	*/
	$(".popup_img").magnificPopup({
		type: "image",
		gallery: {
			enabled: true,
		},
	});
	/*
	popup-img-activition
	====end====
	*/

	/*
	data-bg-activition
	====start====
	*/
	$("[data-background]").each(function () {
		$(this).css(
			"background-image",
			"url(" + $(this).attr("data-background") + ") "
		);
	});
	/*
	data-bg-activition
	====end====
	*/

	/*
	data-bg-color-activition
	====start====
	*/
	$("[data-bg-color]").each(function () {
		$(this).css("background-color", $(this).attr("data-bg-color"));
	});
	/*
	data-bg-color-activition
	====end====
	*/

	/*
	gsap-animation
	====start====
	*/

	gsap.registerPlugin(ScrollTrigger);

	gsap.utils.toArray(".chy-trusted-1-wrap").forEach((el, index) => {
		let tl1 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 80%",
				end: "buttom 60%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl1.set(el, { transformOrigin: "center center" }).from(
			el,
			{ background: "#fff", scale: 0.8 },
			{
				background: "inherit",
				scale: 1,
				duration: 1,
				immediateRender: false,
			}
		);
	});

	gsap.utils.toArray(" .asslideupcta").forEach((el, index) => {
		let tlcta = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 90%",
				end: "top 70%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tlcta
			.set(el, { transformOrigin: "center center" })
			.from(
				el,
				{ opacity: 1, y: "+=300" },
				{ opacity: 1, y: 0, duration: 1, immediateRender: false }
			);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".rotatedscal").forEach((el, index) => {
		let tl3 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 90%",
				end: "buttom 60%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl3.set(el, { transformOrigin: "center center" }).from(
			el,
			{ opacity: 1, rotateZ: 45, scale: 0.5, y: "+=100" },
			{
				opacity: 1,
				rotateZ: 0,
				scale: 1,
				y: 0,
				duration: 1,
				immediateRender: false,
			}
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chy-slideinleft").forEach((el, index) => {
		let tl3 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 90%",
				end: "buttom 60%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl3.set(el, { transformOrigin: "center center" }).from(
			el,
			{ x: "-=100" },
			{ x: 0, duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chy-slideinright").forEach((el, index) => {
		let tl4 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 90%",
				end: "buttom 60%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl4.set(el, { transformOrigin: "center center" }).from(
			el,
			{ x: "+=100" },
			{ x: 0, duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chy-slideinup").forEach((el, index) => {
		let tl4 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 85%",
				end: "buttom 60%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl4.set(el, { transformOrigin: "center center" }).from(
			el,
			{ y: "+=100" },
			{ y: 0, duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chy-zoomout").forEach((el, index) => {
		let tl6 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 85%",
				end: "buttom 60%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl6.set(el, { transformOrigin: "center center" }).fromTo(
			el,
			{ scale: 1 },
			{ scale: 0, duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chy-zoomout2").forEach((el, index) => {
		let tl6 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 85%",
				end: "buttom 50%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl6.set(el, { transformOrigin: "center center" }).fromTo(
			el,
			{ scale: 2 },
			{ scale: 1, duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chy-zoomout3").forEach((el, index) => {
		let tl6 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 85%",
				end: "buttom 50%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl6.set(el, { transformOrigin: "center center" }).fromTo(
			el,
			{ scale: 1.5 },
			{ scale: 1, duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chyf2cc").forEach((el, index) => {
		let tl6 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 70%",
				end: "buttom 40%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl6.set(el, { transformOrigin: "center center" }).fromTo(
			el,
			{ color: "#FF4040" },
			{ color: "#fff", duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chyt1cc").forEach((el, index) => {
		let tl6 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 70%",
				end: "buttom 40%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl6.set(el, { transformOrigin: "center center" }).fromTo(
			el,
			{ backgroundColor: "#6733E8" },
			{ backgroundColor: "#EDDFFF", duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chyroted").forEach((el, index) => {
		let tl6 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 3,
				start: "top 70%",
				end: "top 50%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl6.set(el, { transformOrigin: "center center" }).fromTo(
			el,
			{ rotateZ: 360 },
			{ rotateZ: 0, duration: 1, immediateRender: false }
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chyclip").forEach((el, index) => {
		let tl6 = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 2,
				start: "top 80%",
				end: "top 60%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		tl6.set(el, { transformOrigin: "center center" }).fromTo(
			el,
			{ clipPath: "polygon(30% 0, 70% 0, 70% 100%, 30% 100%)" },
			{
				clipPath: "polygon(0% 0, 100% 0, 100% 100%, 0% 100%)",
				duration: 1,
				immediateRender: false,
			}
		);
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray(".chyScl").forEach((el, index) => {
		let chyScl = gsap.timeline({
			scrollTrigger: {
				trigger: el,
				scrub: 1,
				start: "top 95%",
				end: "top 70%",
				toggleActions: "play none none reverse",
				markers: false,
			},
		});

		chyScl
			.set(el, { transformOrigin: "center center" })
			.fromTo(
				el,
				{ scale: 0.8 },
				{ scale: 1, duration: 0.5, immediateRender: false }
			);
	});
	gsap.utils.toArray('.chy-about-4-img .bg-color').forEach((el, index) => {
		let chyScl = gsap.timeline({
		  scrollTrigger: {
			trigger: el,
			scrub: 1,
			start: "top 95%",
			end: "top 70%",
			toggleActions: "play none none reverse",
			 markers: false
		  }
		})

		chyScl
		.set(el, {transformOrigin: 'center center'})
		.fromTo(el, { scale: 1.3 , backgroundColor: "#C8AEFF" }, { backgroundColor: "#F4EFFF", scale: 1, duration: .5, immediateRender: false})
	  })
	/*
	gsap-animation
	====end====
	*/


$('.js-marquee-wrapper').marquee({
	speed: 100,
	gap: 30,
	delayBeforeStart: 0,
	direction: 'left',
	duplicated: true,
	pauseOnHover: true,

  })

$('.js-marquee-wrapper2').marquee({
	speed: 100,
	gap: 30,
	delayBeforeStart: 0,
	direction: 'right',
	duplicated: true,
	pauseOnHover: true,

  })

  // For each images with class "animate-image" on page
gsap.utils.toArray('.chy-project-4-area .bg-img').forEach((el, index) => {
	let chyScl = gsap.timeline({
	  scrollTrigger: {
		trigger: el,
		scrub: 1,
		start: "top 90%",
		end: "top 50%",
		toggleActions: "play none none reverse",
		 markers: false
	  }
	})

	chyScl
	.set(el, {transformOrigin: 'center center'})
	.fromTo(el, { xPercent: -100  }, { xPercent: 0, duration: .5, immediateRender: false})
  })

// For each images with class "animate-image" on page
gsap.utils.toArray('.chy-project-4-area .bg-color').forEach((el, index) => {
	let chyScl = gsap.timeline({
	  scrollTrigger: {
		trigger: el,
		scrub: 1,
		start: "top 90%",
		end: "top 50%",
		toggleActions: "play none none reverse",
		 markers: false
	  }
	})

	chyScl
	.set(el, {transformOrigin: 'center center'})
	.fromTo(el, { xPercent: 100  }, { xPercent: 0, duration: .5, immediateRender: false})
  })

  gsap.utils.toArray('.chy-footer-4-il-img').forEach((el, index) => {
	let chyScl = gsap.timeline({
	  scrollTrigger: {
		trigger: el,
		scrub: 2,
		start: "top 80%",
		end: "top 70%",
		toggleActions: "play none none reverse",
		 markers: false
	  }
	})

	chyScl
	.set(el, {transformOrigin: 'center center'})
	.fromTo(el, { xPercent: -100  }, { xPercent:0 , duration: 1, immediateRender: false})
  })

	/*
	title-animation
	====start====
	*/

	$(window).on("load", function () {
		var st = $(".chy-split-textt");
		if (st.length == 0) return;
		gsap.registerPlugin(SplitText);
		st.each(function (index, el) {
			el.split = new SplitText(el, {
				type: "lines,words,chars",
				linesClass: "split-line",
			});
			gsap.set(el, { perspective: 400 });

			if ($(el).hasClass("chy-split-in-right")) {
				gsap.set(el.split.chars, {
					opacity: 1,
					color: "#A249ED",
					x: "50",
					ease: "Back.easeOut",
				});
			}
			if ($(el).hasClass("chy-split-in-right-2")) {
				gsap.set(el.split.chars, {
					opacity: 1,
					color: "#ee4619",
					x: "50",
					ease: "Back.easeOut",
				});
			}

			el.anim = gsap.to(el.split.chars, {
				scrollTrigger: {
					trigger: el,
					start: "top 90%",
				},
				x: "0",
				y: "0",
				rotateX: "0",
				color: "inherit",
				webkitTextStroke: "0px white",
				scale: 1,
				opacity: 1,
				duration: 1,
				stagger: 0.02,
			});
		});
	});

	/*
	title-animation
	====end====
	*/

	/*
		hero-2-shape-moveing-start
	*/
	gsap.set(".chy_price_1_next", { xPercent: -50, yPercent: -50 });

	let xSetter = gsap.quickSetter(".chy_price_1_next", "x", "px"); //apply it to the #id element's x property and append a "px" unit
	let ySetter = gsap.quickSetter(".chy_price_1_next", "y", "px"); //apply it to the #id element's x property and append a "px" unit

	window.addEventListener("mousemove", (e) => {
		xSetter(e.x);
		ySetter(e.y);
	});

	/*
		hero-2-shape-moveing-end
	*/

	/*
	nice-selector-activiton
	====start====
	*/

	/*
	nice-selector-activiton
	=====end====
	*/

	/*
	mouse-move-animation
	====start====
	*/

	document.addEventListener("mousemove", parallax);
	function parallax(e) {
		document.querySelectorAll(".object").forEach(function (move) {
			var moving_value = move.getAttribute("data-value");
			var x = (e.clientX * moving_value) / 250;
			var y = (e.clientY * moving_value) / 250;

			move.style.transform =
				"translateX(" + x + "px) translateY(" + y + "px)";
		});
	}

	/*
	mouse-move-animation
	====end====
	*/

	/*
	mouse-over-scale
	=====start=====
	*/

	$(".tilt_scale").tilt({
		glare: true,
		maxGlare: 0.5,
	});

	/*
	mouse-over-scale
	=====end=====
	*/

	/*
	back-to-top
	=====start==== */
	var backtotop = $(".scroll-top");

	$(window).scroll(function () {
		if ($(window).scrollTop() > 300) {
			backtotop.addClass("show");
		} else {
			backtotop.removeClass("show");
		}
	});

	backtotop.on("click", function (e) {
		e.preventDefault();
		$("html, body").animate({ scrollTop: 0 }, "700");
	});
	/*
	back-to-top
	=====end====
	*/

	/*
	wow-activition
	=====start====
	*/

	new WOW().init();
	/*
	wow-activition
	=====end====
	*/

	// nice select activation
	if($('select').length){
		$('select').niceSelect();
	}

	// qty activation
	if ($("input.product-count").length) {
		$("input.product-count").TouchSpin({
			min: 1,
			max: 1000,
			step: 1,
			buttondown_class: "btn btn-link",
			buttonup_class: "btn btn-link",
		});
	}

	// counter activation
	$('.txCounterActive').counterUp({
		delay: 10,
		time: 3000
	});

	// For each images with class "animate-image" on page
	gsap.utils.toArray('.chy-cta-5-area').forEach((el, index) => {
		let chyScl = gsap.timeline({
		scrollTrigger: {
			trigger: el,
			scrub: 1,
			start: "top 95%",
			end: "top 70%",
			toggleActions: "play none none reverse",
			markers: false
		}
		})

		chyScl
		.set(el, {transformOrigin: 'center center'})
		.fromTo(el, { scale:0  }, { scale:1 , duration: .5, immediateRender: false})
	})


	let menuToggle = document.getElementById("menuToggle")
		let menuToggle2 = document.getElementById("menuToggle2")

		let menuBar = gsap.timeline();

		menuBar.to('.chy-menu-btn-1 ' , .5, {
			background: "#6F9EDE"
		}, 'start')

		menuBar.reverse();

		let menubgline = gsap.timeline({ paused: true });

		menubgline.to('.fullpage-menu' , {
			duration: 0,
			display: "block",
			ease: 'Expo.easeInOut'
		});
		menubgline.to('.menu-bg span' , {
			duration: .5,
			width: "100%",
			stagger: 0.1,
			ease: 'Expo.easeInOut'
		});
		menubgline.to('.menu-logo' , {
			x: 0,
			opacity: 1,
			ease: 'Expo.easeInOut'
		});
		menubgline.to('.mobile-main-navigation , .mobile-search-bar' , {
			opacity: 1,
			y: 0,
			ease: 'Expo.easeInOut'
		});

		menubgline.to('.fullpage-menu-gellary .item' , {
			duration: 0,
			opacity: 1,
			stagger: 0.1,
			ease: 'Expo.easeInOut'
		});

		menubgline.to('.full-page-socail-link li' , {
			opacity: 1,
			y: 1,
			stagger: 0.1,
			ease: 'Expo.easeInOut'
		});
		menubgline.to('.fullpage-menu-close' , {
			duration: 0,
			x: 0,
			rotate: 0,
			opacity: 1,
			ease: 'Expo.easeInOut'
		});


		menubgline.reverse();

		menuToggle.addEventListener('click', function(){
			// menuBar.reversed(!menuBar.reversed());
			menubgline.reversed(!menubgline.reversed());
		});

		menuToggle2.addEventListener('click', function(){
			// menuBar.reversed(!menuBar.reversed());
			menubgline.reversed(!menubgline.reversed());
		});


	// BG IMAGE ACTIVE
	function bgImageActive($scope, $) {
		$("[data-background]").each(function () {
			$(this).css(
				"background-image",
				"url(" + $(this).attr("data-background") + ") "
			);
		});
	}

	// PARALLAX ACTIVE
	function parallaxActive($scope, $) {
		document.addEventListener("mousemove", parallax);
		function parallax(e) {
			document.querySelectorAll(".object").forEach(function (move) {
				var moving_value = move.getAttribute("data-value");
				var x = (e.clientX * moving_value) / 250;
				var y = (e.clientY * moving_value) / 250;

				move.style.transform =
					"translateX(" + x + "px) translateY(" + y + "px)";
			});
		}
	}

	// splitText2 active js
	function splitText2Active($scope, $) {
		$(window).on("load", function () {
			var st = $(".chy-split-text-2");
			if (st.length == 0) return;
			gsap.registerPlugin(SplitText);
			st.each(function (index, el) {
				el.split = new SplitText(el, {
					type: "lines,words,chars",
					linesClass: "split-line",
				});
				gsap.set(el, { perspective: 400 });

				if ($(el).hasClass("chy-split-in-hero-1")) {
					gsap.set(el.split.chars, {
						opacity: 1,
						color: "#a249ed",
						x: "100",
						ease: "Back.easeOut",
					});
				}

				el.anim = gsap.to(el.split.chars, {
					scrollTrigger: {
						trigger: el,
						start: "top 90%",
					},
					x: "0",
					y: "0",
					rotateX: "0",
					color: "inherit",
					webkitTextStroke: "0px white",
					scale: 1,
					opacity: 1,
					duration: 1,
					stagger: 0.02,
					delay: 1,
				});
			});
		});
	}

	function splitText4Active($scope, $) {
		$(window).on('load',function(){
			var st = $(".chy-split-text-4");
			if(st.length == 0) return;
			gsap.registerPlugin(SplitText);
			st.each(function(index, el) {
			  el.split = new SplitText(el, {
				type: "lines,words,chars",
				linesClass: "split-line"
			  });
			  gsap.set(el, { perspective: 400 });


			  if( $(el).hasClass('chy-split-in-hero-4') ){
				gsap.set(el.split.chars, {
				  opacity: 1,
				  color:'#a249ed',
				  x: "100",
				  ease: "Back.easeOut",
				});
			  }

			  el.anim = gsap.to(el.split.chars, {
				scrollTrigger: {
				  trigger: el,
				  start: "top 90%",
				},
				x: "0",
				y: "0",
				rotateX: "0",
				color: 'inherit',
				webkitTextStroke: "0px white",
				scale: 1,
				opacity: 1,
				duration: 1,
				stagger: 0.02,
				delay:1,
			  });
			});
		})
	}

	// Add Active class
	function addActiveClassOnLoad($scope, $) {
		const boxes = gsap.utils.toArray(".chy-class-add");
			boxes.forEach((img) => {
				gsap.to(img, {
					scrollTrigger: {
						trigger: img,
						scrub: 1,
						start: "top 80%",
						end: "bottom bottom",
						toggleClass: "active",
						toggleActions: "play none none reverse",
						once: true,
					},
				});
			});
	}

	// data-width
	function dataWidth($scope, $) {
		$("[data-width]").each(function () {
			$(this).css("width", $(this).attr("data-width"));
		});
	}

	function counterActive($scope, $) {
		if ($(".odometer").length) {
			jQuery(".odometer").appear(function (e) {
				var odo = jQuery(".odometer");
				odo.each(function () {
					var countNumber = jQuery(this).attr("data-count");
					jQuery(this).html(countNumber);
				});
			});
		}
	}

	function pricingSlideActive($scope, $) {
		let price1 = new Swiper(".chy_price_1_active", {
			loop: true,
			spaceBetween: 0,
			speed: 800,
			rtl: false,
			slidesPerView: 1,
			effect: "fade",
			autoplay: {
				delay: 5000,
			},
			fadeEffect: {
				crossFade: true,
			},
			pagination: {
				el: ".chy-price-1-pagination",
				clickable: true,
			},
			navigation: {
				nextEl: ".chy_price_1_next",
				prevEl: ".chy_price_1_prev",
			},
		});

		let chyprice2 = new Swiper(".chy_price_2_active", {
			loop: true,
			spaceBetween: 0,
			speed: 500,
			rtl: false,
			slidesPerView: 1,
			effect: "fade",
			autoplay: {
				delay: 5000,
			},
			fadeEffect: {
				crossFade: true,
			},
			navigation: {
				nextEl: ".chy_price_2_next",
				prevEl: ".chy_price_2_prev",
			},
		});
	}

	function serviceSlideActive($scope, $) {
		if (jQuery(".chy_project_1_active").length > 0) {
			let swiperrecent = new Swiper(".chy_project_1_active", {
				slidesPerView: 3,
				spaceBetween: 0,
				loop: true,
				centeredSlides: true,
				rtl: false,
				infinite: false,
				grabCursor: true,
				speed: 800,
				autoplay: {
					delay: 5000,
				},
				// If we need pagination
				navigation: {
					nextEl: ".chy_project_1_next",
					prevEl: ".chy_project_1_prev",
				},

				breakpoints: {
					0: {
						slidesPerView: 1,
					},
					576: {
						slidesPerView: 1,
					},
					768: {
						slidesPerView: 1,
					},
					992: {
						slidesPerView: 3,
					},
					1200: {
						slidesPerView: 3,
					},
					1400: {
						slidesPerView: 3,
					},
					1600: {
						slidesPerView: 4,
					},
				},
			});
		}

		var trusted2 = new Swiper(".chy_trusted_2_active", {
			loop: true,
			speed: 1000,
			spaceBetween: 15,
			autoplay: {
				delay: 5000,
			},
			pagination: {
				el: ".chy-trusted-2-pagination",
				clickable: true,
			},

			breakpoints: {
				0: {
					slidesPerView: 1,
				},
				480: {
					slidesPerView: 1,
				},
				576: {
					slidesPerView: 1,
				},
				768: {
					slidesPerView: 1,
				},
				992: {
					slidesPerView: 1,
				},
				1200: {
					slidesPerView: 2,
				},
			},
		});

		if (jQuery(".chy_portfolio_2_active").length > 0) {
			let swiperrecent = new Swiper(".chy_portfolio_2_active", {
				// slidesPerView: 3,
				spaceBetween: 0,
				loop: true,
				// centeredSlides: true,
				rtl: false,
				infinite: false,
				grabCursor: true,
				speed: 800,
				autoplay: {
					delay: 5000,
				},
				pagination: {
					el: ".chy-portfolio-2-pagination",
					clickable: true,
					renderBullet: function (index, className) {
						return (
							'<span class="' +
							className +
							'">' +
							(index + 1) +
							"</span>"
						);
					},
				},

				breakpoints: {
					0: {
						slidesPerView: 1,
					},
					576: {
						slidesPerView: 1,
					},
					768: {
						slidesPerView: 1,
					},
					992: {
						slidesPerView: 3,
					},
					1200: {
						slidesPerView: 3,
					},
					1400: {
						slidesPerView: 3,
					},
					1600: {
						slidesPerView: 4,
					},
				},
			});
		}

		var project3 = new Swiper(".chy_project_3_active", {
			loop: true,
			speed: 1000,
			autoplay: {
				delay: 5000,
			},
			navigation: {
				nextEl: ".chy_project_3_next",
				prevEl: ".chy_project_3_prev",
			},
			breakpoints: {
				0: {
					slidesPerView: 1,
				},
				480: {
					slidesPerView: 1,
				},
				576: {
					slidesPerView: 1,
				},
				768: {
					slidesPerView: 2,
				},
				992: {
					slidesPerView: 3,
				},
				1200: {
					slidesPerView: 3,
				},
				1400: {
					slidesPerView: 4,
				},
			},
		});
	}

	function testimonailActive($scope, $) {
		let teamslider1 = new Swiper(".chy_team_slider_1_active", {
			loop: true,
			spaceBetween: 0,
			speed: 500,
			rtl: false,
			slidesPerView: 1,
			effect: "fade",
			autoplay: {
				delay: 5000,
			},
			fadeEffect: {
				crossFade: true,
			},
			pagination: {
				el: ".chy-team-slider-1-pagination",
				clickable: true,
			},
		});

		let chytestimonial2 = new Swiper(".chy_testimonial_2_active", {
			loop: true,
			spaceBetween: 0,
			speed: 500,
			rtl: false,
			autoplay: {
				delay: 5000,
			},

			pagination: {
				el: ".chy-testimonial-2-pagination",
				clickable: true,
			},
		});
		let testimonial4 = new Swiper(".chy_testimonial_4_active", {
			loop: true,
			spaceBetween: 0,
			speed: 500,
			rtl: false,
			autoplay: {
				delay: 5000,
			},
			navigation: {
				nextEl: ".chy_testimonial_4_next",
				prevEl: ".chy_testimonial_4_prev",
			},
		});

		let chyt5_thumb = new Swiper('.chy_t5_preview_active', {
			spaceBetween: 30,
			loop: false,
			speed: 1000,
			slidesPerView: 3,
			direction: 'vertical',
			rtl: false,
			centeredSlides: false,
			watchSlidesProgress: false,

			breakpoints: {
				320: {
				slidesPerView: 2,
				direction: 'horizontal',
				},
				576: {
				slidesPerView: 3,
				direction: 'horizontal',
				},
				768: {
				slidesPerView: 3,
				direction: 'horizontal',

				},
				992: {
				slidesPerView: 3,
				direction: 'horizontal',
				},
				1200: {
				slidesPerView: 3,
				direction: 'horizontal',
				},
				1400: {
				slidesPerView: 3,
				direction: 'horizontal',
				},
				1600: {
				slidesPerView: 3,
				direction: 'vertical',
				},

			}
			});

			let chyt5 = new Swiper('.chy_testimonial_5_active', {
			loop: true,
			spaceBetween: 0,
			rtl: false,
			slidesPerView: 1,
			effect: 'fade',
			autoplay: {
				delay: 40000000,
				},
			fadeEffect: {
				crossFade: true
			},
			thumbs: {
				swiper: chyt5_thumb,
			},
			});
	}

	// heroSliderActive
	function heroSliderActive($scope, $) {
		let chyhero2 = new Swiper(".chy_hero_2_active", {
			loop: true,
			spaceBetween: 0,
			speed: 500,
			rtl: false,
			slidesPerView: 1,
			effect: "fade",
			autoplay: {
				delay: 5000,
			},
			fadeEffect: {
				crossFade: true,
			},
			navigation: {
				nextEl: ".chy_hero_2_next",
				prevEl: ".chy_hero_2_prev",
			},
		});
	}

	// progressActive
	function progressActive($scope, $) {
		if (typeof $.fn.knob != "undefined") {
			$(".knob").each(function () {
				var $this = $(this),
					knobVal = $this.attr("data-rel");

				$this.knob({
					draw: function () {
						$(this.i).val(this.cv + "%");
					},
				});

				$this.appear(
					function () {
						$({
							value: 0,
						}).animate(
							{
								value: knobVal,
							},
							{
								duration: 2000,
								easing: "swing",
								step: function () {
									$this
										.val(Math.ceil(this.value))
										.trigger("change");
								},
							}
						);
					},
					{
						accX: 0,
						accY: -150,
					}
				);
			});
		}
	}

	// infoBoxActiveClass
	function infoBoxActiveClass($scope, $) {
		$(".chy-services-4-item").on("mouseover", function () {
			var current_class = document.getElementsByClassName(
				"chy-services-4-item  active"
			);
			current_class[0].className = current_class[0].className.replace(
				" active",
				""
			);
			this.className += " active";
		});
	}

	// pricingActiveClass
	function pricingActiveClass($scope, $) {
		$(".chy-price-card-1-item").on("mouseover", function () {
			var current_class = document.getElementsByClassName(
				"chy-price-card-1-item active"
			);
			current_class[0].className = current_class[0].className.replace(
				" active",
				""
			);
			this.className += " active";
		});

		$(".chy-price-3-item").on("mouseover", function () {
			var current_class = document.getElementsByClassName(
				"chy-price-3-item active"
			);
			current_class[0].className = current_class[0].className.replace(
				" active",
				""
			);
			this.className += " active";
		});

		$(".chy-testimonial-3-item").on("mouseover", function () {
			var current_class = document.getElementsByClassName(
				"chy-testimonial-3-item active"
			);
			current_class[0].className = current_class[0].className.replace(
				" active",
				""
			);
			this.className += " active";
		});
	}

	$(window).on("elementor/frontend/init", function () {

		elementorFrontend.hooks.addAction('frontend/element_ready/tx_hero_section.default', function ($scope, $) {
			bgImageActive($scope, $);
			parallaxActive($scope, $);
			splitText2Active($scope, $);
			addActiveClassOnLoad($scope, $);
			splitText4Active($scope, $);
		} );
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_trusted.default",
			dataWidth
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_trusted.default",
			counterActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_count_box.default",
			counterActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_image_box.default",
			counterActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_pricing_slide.default",
			pricingSlideActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_service_slide.default",
			serviceSlideActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_testimonial.default",
			testimonailActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_hero_slider.default",
			bgImageActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_hero_slider.default",
			heroSliderActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_image_box.default",
			addActiveClassOnLoad
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_service_list.default",
			addActiveClassOnLoad
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_about.default",
			bgImageActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_about.default",
			counterActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_progress.default",
			progressActive
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_info_box.default",
			infoBoxActiveClass
		);
		elementorFrontend.hooks.addAction(
			"frontend/element_ready/tx_pricing_box.default",
			pricingActiveClass
		);
	});

})(jQuery);