jQuery(document).ready(function($){
	gsap.registerPlugin(ScrollTrigger);
	
	let pageAb =  document.querySelector(".page-id-867");
	let pageHome =  document.querySelector(".home");
	
	
	//About Growth
	const heightGrowth = gsap.getProperty(".section-about-growth", "height");
	
	if (pageAb !== null) {
			
			
			gsap.set(".growth-wrap .arrow-short g linearGradient:first-child stop:first-child", {duration: 1, ease: 'power2.out',});
			gsap.set(".growth-wrap .arrow-short g linearGradient:first-child stop:last-child", {duration: 1, ease: 'power2.out',});
			gsap.set(".growth-wrap .arrow-short g linearGradient:last-child stop:first-child", {duration: 1, ease: 'power2.out',});
			gsap.set(".growth-wrap .arrow-short g linearGradient:last-child stop:last-child", {duration: 1, ease: 'power2.out',});
			
			gsap.set(".growth-wrap .text-circle-center path", {duration: 5, ease: 'power2.out',});
			
			gsap.set(".growth-wrap .circle-bg stop:nth-child(1)", {duration: 1, transformOrigin:"50% 50%", ease: 'power2.out',});
			

			gsap.to(".growth-wrap .arrow-short g linearGradient:first-child stop:first-child", {
				stopColor: '#7E31E1',
				ease: "power2.out",
				scrub: true,
	
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "25%",
					end: '35%',
				}, 
			});
			gsap.to(".growth-wrap .arrow-short g linearGradient:first-child stop:last-child", {
				stopColor: '#7E31E1',
				stopOpacity: 1,
				ease: "power2.out",
				scrub: true,
	
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "25%",
					end: '35%',
				}, 
			});

			gsap.to(".growth-wrap .arrow-short g linearGradient:last-child stop:first-child", {
				stopColor: '#8835F4',
				ease: "power2.out",
				scrub: true,
			
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "25%",
					end: '35%',
				}, 
			});

			gsap.to(".growth-wrap .arrow-short g linearGradient:last-child stop:last-child", {
				stopColor: '#8835F4',
				stopOpacity: 1,
				ease: "power2.out",
				scrub: true,
				
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "25%",
					end: '35%',
				}, 
			});
			
			gsap.set(".growth-wrap .text-arrow-short", {opacity: 0, duration: 1, ease: 'none'});
			gsap.to(".growth-wrap .text-arrow-short", {
				opacity: 1,
				ease: "none",
				scrub: true,
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "15%",
					end: '20%',
				}, 
			});
			
			
			gsap.to(".growth-wrap .circle-bg stop:nth-child(1)", {
				ease: "power2.out",
				stopColor: '#000000',
				duration: 1,
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "51%",
					end: "52%",
					
				}, 
			});
			
			gsap.to(".growth-wrap .text-circle-center path", {
				fill: "#8835F4",
				ease: "power2.out",
				duration: 5,
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "52%",
					end: '55%',
					
				}, 
			});
		
		
		gsap.set(".growth-wrap .growth-light .circle-bg stop:nth-child(1)", {duration: 1, transformOrigin:"50% 50%", ease: 'power2.out',});
		gsap.to(".growth-wrap .growth-light .circle-bg stop:nth-child(1)", {
			ease: "power2.out",
			stopColor: '#ffffff',
			duration: 1,
			scrollTrigger: {
				trigger: ".section-about-growth",
				scrub: true,
				start: "51%",
				end: "52%",
				
			}, 
		});
		
		
		
		gsap.set(".growth-wrap .arrow-short", {opacity: 0, rotation: -50,  transformOrigin:"50% 50%", duration: 1, ease: 'none'});
		gsap.to(".growth-wrap .arrow-short", {
			opacity: 1,
			rotation: 0,
			ease: "none",
			scrollTrigger: {
				trigger: ".section-about-growth",
				scrub: true,
				start: "top top",
				end: '10%',
			}, 
		});
		
		gsap.set(".growth-wrap .arrow-long", {opacity: 0, rotation: -50,  transformOrigin:"50% 50%", duration: 1, ease: 'none'});
		gsap.to(".growth-wrap .arrow-long", {
			opacity: 1,
			rotation: 0,
			ease: "none",
			scrollTrigger: {
				trigger: ".section-about-growth",
				scrub: true,
				start: "25%",
				end: '35%',
			}, 
		});
		
		gsap.set(".growth-wrap .text-arrow-long", {opacity: 0, duration: 1, ease: 'none'});
		gsap.to(".growth-wrap .text-arrow-long", {
			opacity: 1,
			ease: "none",
			scrollTrigger: {
				trigger: ".section-about-growth",
				scrub: true,
				start: "40%",
				end: '45%',
			}, 
		});
		
		//Circle Center
		gsap.set(".growth-wrap .circle-center", {scale: 1, duration: 5, transformOrigin:"50% 50%", ease: 'power2.out'});
		gsap.to(".growth-wrap .circle-center", {
			scale: 10,
			ease: "power2.out",
			duration: 5,
			scrollTrigger: {
				trigger: ".section-about-growth",
				scrub: true,
				start: "50%",
				end: '80%',
				
			}, 
		});
		
	
		//Circle Center
		//About Growth
		
		
		
		
		//About Text Bg Animation
		scrollTween = ScrollTrigger.create({
			trigger: ".section-about-mission .row-pin",
			start: "top 30%", 
			pin: true, 
			pinSpacing: false,
			end: '7200',
		});
		
		
		
		
		//About Core Values
		var heightCard = gsap.utils.toArray('.core-values-content-item:not(:last-child)');
		
		gsap.to(".core-values-content-item:first-child", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "top top",
				end: '45%',
				// markers: true,
				// onEnter: () => gsap.to(".core-values-content-item:first-child", {opacity: 1,}), 
				onLeave: () => gsap.to(".core-values-content-item:first-child", {opacity: 0,}), 
				onEnterBack: () => gsap.to(".core-values-content-item:first-child", {opacity: 1}), 
			}, 
		});
		
		gsap.to(".core-values-content-item:nth-child(2)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "50%",
				end: '105%',
				// markers: true,
				onEnter: () => gsap.to(".core-values-content-item:nth-child(2)", {opacity: 1,}), 
				onLeave: () => gsap.to(".core-values-content-item:nth-child(2)", {opacity: 0,}), 
				onEnterBack: () => gsap.to(".core-values-content-item:nth-child(2)", {opacity: 1}),
				onLeaveBack: () => gsap.to(".core-values-content-item:nth-child(2)", {opacity: 0,}),
			}, 
		});
		
		gsap.to(".core-values-content-item:nth-child(3)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "110%",
				end: '165%',
				// markers: true,
				onEnter: () => gsap.to(".core-values-content-item:nth-child(3)", {opacity: 1,}), 
				onLeave: () => gsap.to(".core-values-content-item:nth-child(3)", {opacity: 0,}), 
				onEnterBack: () => gsap.to(".core-values-content-item:nth-child(3)", {opacity: 1}),
				onLeaveBack: () => gsap.to(".core-values-content-item:nth-child(3)", {opacity: 0,}),
			}, 
		});
		
		gsap.to(".core-values-content-item:nth-child(4)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "170%",
				end: '225%',
				// markers: true,
				onEnter: () => gsap.to(".core-values-content-item:nth-child(4)", {opacity: 1,}), 
				onLeave: () => gsap.to(".core-values-content-item:nth-child(4)", {opacity: 0,}), 
				onEnterBack: () => gsap.to(".core-values-content-item:nth-child(4)", {opacity: 1}),
				onLeaveBack: () => gsap.to(".core-values-content-item:nth-child(4)", {opacity: 0,}),
			}, 
		});
		
		gsap.to(".core-values-content-item:nth-child(5)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "230%",
				end: '305%',
				// markers: true,
				onEnter: () => gsap.to(".core-values-content-item:nth-child(5)", {opacity: 1,}), 
				// onLeave: () => gsap.to(".core-values-content-item:nth-child(5)", {opacity: 0,}), 
				onEnterBack: () => gsap.to(".core-values-content-item:nth-child(5)", {opacity: 1}),
				onLeaveBack: () => gsap.to(".core-values-content-item:nth-child(5)", {opacity: 0,}),
			}, 
		});
		
		
			//color text
		gsap.to(".section-core-values .column-text p:first-child", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "top top",
				end: '45%',
				onEnter: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(1)").classList.add("active");
				},
				onLeave: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(1)").classList.remove("active");
				},
				onEnterBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(1)").classList.add("active");
				},
			}, 
		});
		
		gsap.to(".section-core-values .column-text p:nth-child(2)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "50%",
				end: '105%',
				onEnter: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(2)").classList.add("active");
				},
				onLeave: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(2)").classList.remove("active");
				},
				onEnterBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(2)").classList.add("active");
				},
				onLeaveBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(2)").classList.remove("active");
				},
			}, 
		});
		
		gsap.to(".section-core-values .column-text p:nth-child(3)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "110%",
				end: '165%',
				onEnter: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(3)").classList.add("active");
				},
				onLeave: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(3)").classList.remove("active");
				},
				onEnterBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(3)").classList.add("active");
				},
				onLeaveBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(3)").classList.remove("active");
				},
			}, 
		});
		
		gsap.to(".section-core-values .column-text p:nth-child(4)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "170%",
				end: '225%',
				onEnter: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(4)").classList.add("active");
				},
				onLeave: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(4)").classList.remove("active");
				},
				onEnterBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(4)").classList.add("active");
				},
				onLeaveBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(4)").classList.remove("active");
				},
			}, 
		});
		
		gsap.to(".section-core-values .column-text p:nth-child(5)", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "230%",
				end: '305%',
				onEnter: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(5)").classList.add("active");
				},
				onEnterBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(5)").classList.add("active");
				},
				onLeaveBack: () => {
					document.querySelector(".section-core-values .column-text p:nth-child(5)").classList.remove("active");
				},
			}, 
		});
		
		//Be Transform
		// let heightText = gsap.utils.toArray('.section-core-values .column-text p');
		const heightText = gsap.getProperty(".section-core-values .text-mark", "height");
		
		// console.log(heightText);
		
		gsap.to(".section-core-values .text-mark", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "top top",
				end: '50%',
				onLeave: () => gsap.to(".section-core-values .text-mark", {y: (heightText + 10),}), 
				onEnterBack: () => gsap.to(".section-core-values .text-mark", {y: 0,}), 
			}, 
		});
		
		gsap.to(".section-core-values .text-mark", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "50",
				end: '110%',
				onLeave: () => gsap.to(".section-core-values .text-mark", {y: ((heightText * 2) + 20),}), 
				onEnterBack: () => gsap.to(".section-core-values .text-mark", {y: (heightText + 10),}), 
			}, 
		});
		
		gsap.to(".section-core-values .text-mark", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "110",
				end: '170%',
				onLeave: () => gsap.to(".section-core-values .text-mark", {y: ((heightText * 3) + 30),}), 
				onEnterBack: () => gsap.to(".section-core-values .text-mark", {y: ((heightText * 2) + 20),}), 
			}, 
		});
		
		gsap.to(".section-core-values .text-mark", {
			ease: "power1",
			duration: 2.5,
			scrollTrigger: {
				trigger: ".section-core-values",
				scrub: true,
				start: "170",
				end: '220%',
				onLeave: () => gsap.to(".section-core-values .text-mark", {y: ((heightText * 4) + 40),}), 
				onEnterBack: () => gsap.to(".section-core-values .text-mark", {y: ((heightText * 3) + 30),}), 
			}, 
		});
	}
	
	// 
	// let stiky = ScrollTrigger.create({
	// 
	// 	trigger: ".section-core-values",
	// 	scrub: true,
	// 	pin: true,
	// 	start: () => "top -10%",
	// 	end: () => "+=" + (((heightCard.length) * window.innerHeight)),
	// 	invalidateOnRefresh: true,
	// });
	
	//About Core Values
	
	
	
	
	//Responsive
	ScrollTrigger.matchMedia({
		"(min-width: 1441px)":function () {
			if (pageAb !== null) {
				let stiky = ScrollTrigger.create({
				
					trigger: ".section-core-values",
					scrub: true,
					pin: true,
					start: () => "top -10%",
					end: () => "+=" + (((heightCard.length) * window.innerHeight) - 1500),
					invalidateOnRefresh: true,
				});
			}
		},
		"(max-width: 1440px) and (min-width: 981px)":function () {
			if (pageAb !== null) {
				let stiky = ScrollTrigger.create({
				
					trigger: ".section-core-values",
					scrub: true,
					pin: true,
					start: () => "top -10%",
					end: () => "+=" + (((heightCard.length) * window.innerHeight)),
					invalidateOnRefresh: true,
				});
			}
		},
		"(min-width: 981px)": function () {
			//About Page
						
			//Header Black
			// let headerBlack = ScrollTrigger.create({
			// 			
			// 	trigger: ".section-team",
			// 	scrub: true,
			// 	start: "800 top",
			// 	onEnter: () => {
			// 		document.querySelector(".page-id-867").classList.add("header-black");
			// 	  },
			// 	  onLeaveBack: () => {
			// 		document.querySelector(".page-id-867").classList.remove("header-black");
			// 	  }
			// });
			//Header Black
			
			//About Page
		},
		"(min-width: 768px)": function () {
			if (pageAb !== null) {
			//About Page
			
			//About Growth	
			scrollTween = ScrollTrigger.create({
				trigger: ".section-about-growth .growth-wrap",
				start: "top 15%", 
				pin: true, 
				// pinSpacing: false,
				scrub: true,
				// invalidateOnRefresh: true,
				end: () => "+=" + ((heightGrowth) * 3),
			});
			
			gsap.set(".growth-wrap .text-circle-center", {scale: 1, duration: 5, transformOrigin:"50% 50%", ease: 'power2.out'});
			gsap.to(".growth-wrap .text-circle-center", {
				scale: 7,
				ease: "power2.out",
				duration: 5,
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "50%",
					end: '75%',
					
				}, 
			});
			//About Growth
			
			//About Text Bg Animation
			gsap.set(".section-about-mission .row-head", {backgroundPosition: `50% 250px`,});
			gsap.to(".section-about-mission .row-head", {
				backgroundPosition: `50% ${-innerHeight / 1.2}px`,
				ease: "none",
				scrollTrigger: {
					trigger: ".section-about-mission ",
					scrub: true,
					start: "top top",
					end: 'bottom',
				}, 
			});
			//About Text Bg Animation
			
			//About Card Stats
			gsap.set(".section-client-stats .row-stats:nth-child(2)", {opacity: 0, y: -50, duration: 2.5,});
			gsap.to(".section-client-stats .row-stats:nth-child(2)", {
				opacity: 1,
				ease: "power1",
				duration: 2.5,
				y: 0,
				scrollTrigger: {
					trigger: ".section-client-stats",
					scrub: true,
					start: "top 70%",
					end: 'bottom 80%',
				}, 
			});
			gsap.set(".section-client-stats .row-stats:nth-child(3)", {opacity: 0, y: -50});
			gsap.to(".section-client-stats .row-stats:nth-child(3)", {
				opacity: 1,
				y: 0,
				ease: "power1",
				duration: 2.5,
				scrollTrigger: {
					trigger: ".section-client-stats",
					scrub: true,
					start: "top 60%",
					end: 'bottom 70%',
				}, 
			});
			gsap.set(".section-client-stats .row-stats:nth-child(4)", {opacity: 0, y: -50});
			gsap.to(".section-client-stats .row-stats:nth-child(4)", {
				opacity: 1,
				ease: "power1",
				duration: 2.5,
				y: 0,
				scrollTrigger: {
					trigger: ".section-client-stats",
					scrub: true,
					start: "top 50%",
					end: 'bottom 60%',
				}, 
			});
			//About Card Stats
			
			
			
			//About Page
			}
			
		},
		"(max-width: 980px)":function () {
			if (pageAb !== null) {
				let stiky = ScrollTrigger.create({
				
					trigger: ".section-core-values",
					scrub: true,
					pin: true,
					start: () => "top -10%",
					end: () => "+=" + (((heightCard.length) * window.innerHeight) - 1500),
					invalidateOnRefresh: true,
				});
			}
			
			
			
			//About Page
		},
		"(max-width: 980px) and (min-width: 768px)": function() {
			//About Page
			//Header Black
			// let headerBlack = ScrollTrigger.create({
			// 			
			// 	trigger: ".section-team",
			// 	scrub: true,
			// 	start: "1200 top",
			// 	onEnter: () => {
			// 		document.querySelector(".page-id-867").classList.add("header-black");
			// 	  },
			// 	  onLeaveBack: () => {
			// 		document.querySelector(".page-id-867").classList.remove("header-black");
			// 	  }
			// });
			//Header Black
			//About Page
			
		},
		"(max-width: 767px)": function() {
			
			if (pageHome !== null) {
			//Home Mobile Cards
			gsap.set(".card-item:nth-child(1)", {scale: 0.7, y: -60});
			gsap.to(".card-item:nth-child(1)", {
				scale: 0.6,
				y: -80,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2800 top",
					end: "3200",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(1)", {scale: 0.8, y: -40});
			gsap.to(".card-item:nth-child(1)", {
				scale: 0.7,
				y: -60,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2000 top",
					end: "2400",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(1)", {scale: 0.9, y: -20});
			gsap.to(".card-item:nth-child(1)", {
				scale: 0.8,
				y: -40,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "1200 top",
					end: "1600",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(1)", {scale: 1, y: 0});
			gsap.to(".card-item:nth-child(1)", {
				scale: 0.9,
				y: -20,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "400 top",
					end: "800",
					scrub: true,
					duration: 0.1,
				}
			});
			
			
			
			
			gsap.set(".card-item:nth-child(2)", {scale: 0.8, y: -570});
			gsap.to(".card-item:nth-child(2)", {
				scale: 0.7,
				y: -590,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2800 top",
					end: "3200",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(2)", {scale: 0.9, y: -550});
			gsap.to(".card-item:nth-child(2)", {
				scale: 0.8,
				y: -570,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2000 top",
					end: "2400",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(2)", {scale: 1, y: -530});
			gsap.to(".card-item:nth-child(2)", {
				scale: 0.9,
				y: -550,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "1200 top",
					end: "1600",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(2)", {y: 0});
			gsap.to(".card-item:nth-child(2)", {
				y: -530,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "top top",
					end: "800",
					scrub: true,
					ease: "power1",
					duration: 0.1,
					// stagger: 0.8,
				}
			});
			
			
			
			
			gsap.set(".card-item:nth-child(3)", {scale: 0.9, y: -530});
			gsap.to(".card-item:nth-child(3)", {
				scale: 0.8,
				y: -550,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2800 top",
					end: "3200",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(3)", {scale: 1, y: -510});
			gsap.to(".card-item:nth-child(3)", {
				scale: 0.9,
				y: -530,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2000 top",
					end: "2400",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(3)", {y: 0});
			gsap.to(".card-item:nth-child(3)", {
				y: -510,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "800 top",
					end: "1600",
					scrub: true,
					ease: "power1",
					duration: 0.1,
					// stagger: 0.8,
				}
			});
			
			
			gsap.set(".card-item:nth-child(4)", {scale: 1, y: -485});
			gsap.to(".card-item:nth-child(4)", {
				scale: 0.9,
				y: -505,
				duration: 0.2,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2800 top",
					end: "3200",
					scrub: true,
					duration: 0.1,
				}
			});
			gsap.set(".card-item:nth-child(4)", {y: 0});
			gsap.to(".card-item:nth-child(4)", {
				y: -485,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "1600 top",
					end: "2400",
					scrub: true,
					ease: "power1",
					duration: 0.1,
					// stagger: 0.8,
				}
			});
		
			
			gsap.set(".card-item:nth-child(5)", {y: 0});
			gsap.to(".card-item:nth-child(5)", {
				y: -460,
				scrollTrigger: {
					trigger: ".service-capabilities",
					start: "2400 top",
					end: "3200",
					scrub: true,
					ease: "power1",
					duration: 0.1,
					// duration: 1,
					// stagger: 0.8,
				}
			});
			
			const cards = gsap.utils.toArray(".card-wrap .card-item");
			
			ScrollTrigger.create({
				trigger: ".service-capabilities",
				pin: true,
				start: "150 top",
				end: "3200",
				// markers: true,
				duration: 0.1,
				// stagger: 0.8,
				invalidateOnRefresh: true,
				// scrub: true,
				
			})
			//Home Mobile Cards
			}
			
			if (pageAb !== null) {
			//About Page
			//About Growth			
			scrollTween = ScrollTrigger.create({
				trigger: ".section-about-growth .growth-wrap",
				start: "top 25%", 
				pin: true, 
				scrub: true,
				end: () => "+=" + ((heightGrowth) * 3),
			});
			
			gsap.set(".growth-wrap .text-circle-center", {scale: 1, duration: 5, transformOrigin:"50% 50%", ease: 'power2.out'});
			gsap.to(".growth-wrap .text-circle-center", {
				scale: 5,
				ease: "power2.out",
				duration: 5,
				scrollTrigger: {
					trigger: ".section-about-growth",
					scrub: true,
					start: "50%",
					end: '75%',
					
				}, 
			});
			//About Growth	
			
			//About Text Bg Animation
			gsap.set(".section-about-mission .row-head", {backgroundPosition: `50% 130px`,});
			gsap.to(".section-about-mission .row-head", {
				backgroundPosition: `50% ${-innerHeight / 1.1}px`,
				ease: "none",
				scrollTrigger: {
					trigger: ".section-about-mission ",
					scrub: true,
					start: "top top",
					end: 'bottom',
				}, 
			});
			}
			//About Text Bg Animation
			
			//Header Black
			// let headerBlack = ScrollTrigger.create({
			// 			
			// 	trigger: ".section-team",
			// 	scrub: true,
			// 	start: "4% top",
			// 	onEnter: () => {
			// 		document.querySelector(".page-id-867").classList.add("header-black");
			// 	  },
			// 	  onLeaveBack: () => {
			// 		document.querySelector(".page-id-867").classList.remove("header-black");
			// 	  }
			// });
			//Header Black
			
			
			//About Page
		},
	});
});
// setTimeout(function() {
// jQuery(document).on('click', '.page-id-867 .toggle-theme .toggle-switch',  function() {
// 
//   ScrollTrigger.refresh(true);
//   console.log('refresh');
//   
// })
// }, 1000);