|
Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/celkcksm/demo.ncriptech.com/ncriptech-landing/frontend/assets/js/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
let setX, swiper__1h, swiper__1_MS, swiper__offset;
gsap.registerPlugin(MotionPathPlugin, DrawSVGPlugin);
const select = e => document.querySelector(e),
selectAll = e => document.querySelectorAll(e),
html = document.documentElement,
body = document.body;
function menuHvr() {
[...document.querySelectorAll(".submenu--practice > div")].forEach((e => {
e.addEventListener("mouseover", (() => {
document.querySelector(".nav-actv") && document.querySelector(".nav-actv").classList.remove("nav-actv"), e.classList.add("nav-actv")
}))
}))
}
function responsiveAccordion() {
window.matchMedia("(max-width: 999px)").matches && (document.querySelector(".tab-navs .actv") && document.querySelector(".tab-navs .actv").classList.remove("actv"), document.querySelector(".tab-contents .actv") && document.querySelector(".tab-contents .actv").classList.remove("actv"))
}
const handleSound = e => {
let t = e,
r = e.closest("section").querySelector("iframe");
if (r) {
let e = new Vimeo.Player(r);
e.getMuted().then((function(r) {
r ? (e.setMuted(0), e.setVolume(1), t.classList.remove("sound-off"), t.classList.add("sound-on")) : (e.setMuted(1), e.setVolume(0), t.classList.remove("sound-on"), t.classList.add("sound-off"))
}))
}
};
window.addEventListener("load", (function() {
document.querySelectorAll(".wrap").forEach((e => {
var t = new SplitText(e, {
type: "words"
});
ScrollTrigger.update(), e.anim = gsap.from(t.words, {
stagger: 0.5,
opacity: .2,
scrollTrigger: {
trigger: e,
start: "top 80%",
end: "bottom 60%",
toggleActions: "restart pause resume reverse",
scrub: 1
}
})
}))
}));
const hoverImage = () => {
const e = document.querySelector(".cursor"),
t = document.querySelectorAll(".cursor__media"),
r = document.querySelectorAll(".boxed--links ul li");
gsap.set(e, {
xPercent: -50,
yPercent: -50,
scale: 0
});
const a = gsap.quickTo(e, "x", {
duration: .6,
ease: "expo"
}),
o = gsap.quickTo(e, "y", {
duration: .6,
ease: "expo"
});
window.addEventListener("mousemove", (e => {
a(e.pageX), o(e.pageY)
}));
const i = gsap.timeline({
paused: !0
});
i.to(e, {
scale: 1,
opacity: 1,
duration: .5,
ease: "expo.inOut"
}), r.forEach(((e, r) => {
e.addEventListener("mouseover", (() => {
t[r].classList.add("active"), i.play()
}))
})), r.forEach(((e, r) => {
e.addEventListener("mouseout", (() => {
i.reverse(), t[r].classList.remove("active")
}))
}))
},
marqueeV2 = () => {
$("[data-marquee-target]").each((function() {
let e, t = $(this),
r = t.find(".marquee-content").width(),
a = t.attr("data-marquee-speed") * (r / $(window).width());
if (t.attr("data-marquee-duplicate"))
for (var o = t.attr("data-marquee-duplicate"), i = 0; i < o; i++) {
var s = t.find(".marquee-content").first().clone();
t.find(".marquee-scroll").append(s)
}
a *= 1.5, $(window).width() <= 540 ? a *= .5 : $(window).width() <= 1024 && (a *= .75), e = "right" == t.attr("data-marquee-direction") ? -1 : 1;
let n = gsap.to(t.find(".marquee-content"), {
xPercent: -100,
repeat: -1,
duration: a,
ease: "linear",
paused: !0
}).totalProgress(.5);
gsap.set(t.find(".marquee-content"), {
xPercent: 50
}), ScrollTrigger.create({
trigger: t,
start: "top bottom",
end: "bottom top",
onUpdate(r) {
r.direction !== e && (e *= -1, "right" == t.attr("data-marquee-direction") ? gsap.to([n], {
timeScale: -1 * e,
overwrite: !0
}) : gsap.to([n], {
timeScale: e,
overwrite: !0
})), -1 === r.direction ? t.attr("data-marquee-status", "normal") : t.attr("data-marquee-status", "inverted")
},
onEnter: () => n.play(),
onEnterBack: () => n.play(),
onLeave: () => n.pause(),
onLeaveBack: () => n.pause()
}), t.each((function() {
let e = $(this),
t = $(this).find(".marquee-scroll"),
r = $(this).attr("data-marquee-scroll-speed"),
a = gsap.timeline({
scrollTrigger: {
trigger: $(this),
start: "0% 100%",
end: "100% 0%",
scrub: 0
}
});
"left" == e.attr("data-marquee-direction") && a.fromTo(t, {
x: r + "vw"
}, {
x: -1 * r + "vw",
ease: "none"
}), "right" == e.attr("data-marquee-direction") && a.fromTo(t, {
x: -1 * r + "vw"
}, {
x: r + "vw",
ease: "none"
})
}))
}))
};
function initAcc(e, t) {
document.addEventListener("click", (function(r) {
if (r.target.matches(".accord-btn"))
if (r.target.parentElement.classList.contains("active")) r.target.parentElement.classList.remove("active");
else {
if (1 == t) {
var a = document.querySelectorAll(e + " .accordion-container");
Array.prototype.forEach.call(a, (function(e) {
e.classList.remove("active")
}))
}
r.target.parentElement.classList.add("active")
}
}))
}
wowAnimation = () => {
gsap.utils.toArray(".wedo--design article").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: -10
}, {
duration: .3,
delay: 1.5,
xPercent: 50
});
ScrollTrigger.create({
trigger: ".wedo--design",
animation: r,
start: "top 100%",
end: "bottom",
scrub: !0
})
})), gsap.utils.toArray(".wedo--design figure").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: -20,
autoAlpha: 0
}, {
duration: .3,
delay: 1.5,
yPercent: 5,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".wedo--design",
animation: r,
start: "top 60%",
end: "bottom 100%",
scrub: !0
})
})), gsap.utils.toArray(".wedo--design-2 article .h2:nth-child(2)").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: 0
}, {
duration: .3,
delay: 1.5,
xPercent: 15
});
ScrollTrigger.create({
trigger: ".wedo--design-2",
animation: r,
start: "top 60%",
end: "bottom",
scrub: !0
})
})), gsap.utils.toArray(".wedo--design-2 article .h2:nth-child(3)").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: 0
}, {
duration: .3,
delay: 1.5,
xPercent: 30
});
ScrollTrigger.create({
trigger: ".wedo--design-2",
animation: r,
start: "top 60%",
end: "bottom",
scrub: !0
})
})), gsap.utils.toArray(".partner--logos figure").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 80,
autoAlpha: 0
}, {
duration: .3,
delay: 1.5,
yPercent: 5,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".partner--logos",
animation: r,
start: "top 50%",
end: "bottom 100%",
scrub: !0
})
})), document.querySelectorAll(".revealY").forEach((e => {
let t = e.querySelector("img"),
r = gsap.timeline({
scrollTrigger: {
trigger: e,
start: "top 30%",
scrub: !0,
toggleActions: "restart none none reset"
}
});
r.set(e, {
autoAlpha: 1
}), r.from(e, 1.5, {
yPercent: -100,
ease: Power2.out
}), r.from(t, 1.5, {
yPercent: 100,
delay: -1.5,
ease: Power2.out
})
})), document.querySelectorAll(".reveal").forEach((e => {
let t = e.querySelector("img"),
r = gsap.timeline({
scrollTrigger: {
trigger: e,
toggleActions: "restart none none reset"
}
});
r.set(e, {
autoAlpha: 1
}), r.from(e, 1.5, {
xPercent: -100,
ease: Power2.out
}), r.from(t, 1.5, {
xPercent: 100,
scale: 1.3,
delay: -1.5,
ease: Power2.out
})
}));
let e = gsap.utils.toArray("[data-color]");
e.forEach(((t, r) => {
let [a, o] = t.getAttribute("data-color").split(" ");
ScrollTrigger.create({
trigger: t,
start: "top 40%",
end: "bottom 60%",
onToggle: t => {
t.isActive ? gsap.to("body", {
backgroundColor: a,
color: o,
overwrite: "auto"
}) : (0 === r && t.direction < 0 || r === e.length - 1 && t.direction > 0) && gsap.to("body", {
backgroundColor: "white",
color: "black",
overwrite: "auto"
})
}
})
})), gsap.utils.toArray(".parallax-slab-5 img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 23
}, {
duration: .3,
delay: 1.5,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".sundew__figure-article-content",
animation: r,
start: "top 100%",
end: "bottom",
scrub: !0
})
})), gsap.utils.toArray(".sundew--text .line").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: 100
}, {
duration: .3,
delay: 1.5,
xPercent: 10
});
ScrollTrigger.create({
trigger: ".sundew--text",
animation: r,
start: "top 70%",
end: "+=800",
scrub: 2
})
})), gsap.utils.toArray(".home--v2--industries .skew--container .text-anim--container").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: -80,
autoRotate: 0
}, {
duration: .3,
delay: 1.5,
autoAlpha: 1,
yPercent: -60
});
ScrollTrigger.create({
trigger: ".home--v2--industries",
animation: r,
start: "top 70%",
end: "+=500",
scrub: 1
})
})), gsap.utils.toArray(".home--v2--industries .img-container").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 30
}, {
duration: .3,
delay: 1.5,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".home--v2--industries",
animation: r,
start: "top 70%",
end: "+=800",
scrub: 1
})
})), gsap.utils.toArray(".sundew__success-stories-hero-2 figure > img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 10
}, {
duration: .3,
delay: 1.5,
yPercent: -10
});
ScrollTrigger.create({
trigger: ".sundew__success-stories-hero-2",
animation: r,
start: "top 70%",
end: "+=1400",
scrub: 2
})
})), gsap.utils.toArray(".sundew__lead-industry--parallax .txt-1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
translateY: "60%"
}, {
translateY: "-60%"
});
ScrollTrigger.create({
trigger: ".sundew__lead-industry--parallax",
animation: r,
start: "top 80%",
scrub: 1
})
})), gsap.utils.toArray(".sundew__lead-industry--parallax .txt-2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
translateX: "0%"
}, {
translateX: "-20%"
});
ScrollTrigger.create({
trigger: ".sundew__lead-industry--parallax",
animation: r,
start: "top 60%",
scrub: 1
})
})), gsap.utils.toArray(".sundew__lead-industry--parallax .fig-2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: "-10"
}, {
xPercent: "0"
});
ScrollTrigger.create({
trigger: ".sundew__lead-industry--parallax",
animation: r,
start: "top 60%",
scrub: 1
})
})), gsap.utils.toArray(".sundew-cup-hand").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 20
}, {
yPercent: -80
});
ScrollTrigger.create({
trigger: ".sundew__start--career",
animation: r,
end: "center 35%",
scrub: !0
})
})), gsap.utils.toArray(".sundew-cup-dots").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 0
}, {
yPercent: 60
});
ScrollTrigger.create({
trigger: ".sundew__start--career",
animation: r,
start: "top 50%",
scrub: !0
})
})), gsap.utils.toArray(".sundew-cup-circle").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 60
}, {
yPercent: -20
});
ScrollTrigger.create({
trigger: ".sundew__start--career",
animation: r,
start: "top 50%",
scrub: !0
})
})), gsap.utils.toArray(".static--article .static--element").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 0
}, {
yPercent: 85
});
ScrollTrigger.create({
trigger: ".static--article",
animation: r,
start: "top",
end: "bottom",
scrub: 1,
pin: !0
})
})), gsap.set(".static--article .static--element-2 .care--list li", {
opacity: 0,
y: 100,
duration: 1,
ease: "power3.out"
}), ScrollTrigger.batch(".static--article .static--element-2 .care--list li", {
trigger: "static--article",
start: "top 90%",
onEnter: e => gsap.to(e, {
opacity: 1,
y: 0,
delay: .2,
repeatDelay: .2,
backgroundSize: "100%",
stagger: .8
}),
onLeaveBack: e => gsap.to(e, {
opacity: 0,
y: 100,
delay: .2,
repeatDelay: .2,
backgroundSize: "0%",
stagger: .8
})
}), ScrollTrigger.addEventListener("refreshInit", (() => gsap.set(".static--article .static--element-2 .care--list li", {
y: 0,
backgroundSize: "0%",
delay: .5,
repeatDelay: .5
})));
let t = gsap.utils.toArray(".digi-laptopwrapper .main-laptop");
gsap.fromTo(t, {
yPercent: 0
}, {
yPercent: 4,
scrollTrigger: {
trigger: ".sundew__digital__laptop",
scrub: 1,
start: "top 20%"
}
}), gsap.set(".ico-anim", {
yPercent: 150,
scale: .2,
autoAlpha: 0
}), gsap.to(".ico-anim", {
scale: 1,
yPercent: 0,
autoAlpha: 1,
scrollTrigger: {
trigger: ".sundew__tall-cards-carousel",
start: "top 60%",
end: "bottom 75%",
scrub: !0
}
}), gsap.timeline({
duration: 2,
delay: 0,
scrollTrigger: {
trigger: ".sundew--insight-next",
start: "top 80%"
}
}).to(".sundew--insight-next .figcaption", {
scale: 1,
delay: 0
}).to(".sundew--insight-next .figcaption p", {
autoAlpha: 1,
y: 0,
delay: 0
});
for (var r = document.getElementsByClassName("section"), a = document.getElementsByClassName("nav-head"), o = 0; o < a.length; o++) TweenMax.set(a[o], {
autoAlpha: 0
});
for (o = 0; o < r.length; o++) r[o].onmouseout = function() {
tooltip = this.querySelector(".nav-head"), TweenMax.to(tooltip, .75, {
autoAlpha: 0
})
}, r[o].onmouseover = function(e) {
tooltip = this.querySelector(".nav-head"), TweenMax.to(tooltip, .75, {
autoAlpha: 1
})
}
}, pathAnimation = () => {
gsap.timeline({
defaults: {
duration: 2.5,
ease: "linear"
},
scrollTrigger: {
trigger: ".sundew__overlapped-split-content",
start: "top 30%",
end: "bottom 70%",
scrub: 2
}
}).from("#arrow", {
scale: 1
}).to("#arrow", {
motionPath: {
path: "#arrowPath",
align: "#arrowPath",
autoRotate: !0,
alignOrigin: [0, .5]
}
}, "<").from("#motionPath", {
drawSVG: 0
}, "<").from("image", {
scale: 1,
duration: 2,
ease: "back"
}, "-=0.2"), gsap.timeline({
defaults: {
duration: 2.5,
ease: "linear"
},
scrollTrigger: {
trigger: ".collaborate--new",
start: "top 50%",
end: "bottom 100%",
scrub: 1
}
}).from("#motionPath2", {
drawSVG: 0
}, "<")
}, pathAnimation2 = () => {
gsap.timeline({
defaults: {
duration: 2.5,
ease: "linear"
},
scrollTrigger: {
trigger: ".animated-icon",
start: "center bottom"
}
}).from("#arrow2", {
scale: 1
}).to("#arrow2", {
motionPath: {
path: "#arrowPath2",
align: "#arrowPath2",
autoRotate: !0,
alignOrigin: [0, .5]
}
}, "<").from("#motionPath2", {
drawSVG: 0
}, "<").from("image", {
scale: 1,
duration: 2,
ease: "back"
}, "-=0.2")
}, getVh = () => {
let e = .01 * window.innerHeight;
document.documentElement.style.setProperty("--vh", `${e}px`)
}, forms = () => {
let e = document.querySelectorAll(".form-field");
setTimeout((function() {
for (let t = 0; t < e.length; t++) e[t].value && (e[t].parentNode.classList.add("has-value"), "TEXTAREA" == e[t].tagName && (e[t].style.cssText = "height: var(--initHeight);", e[t].style.cssText = `height: ${this.scrollHeight}px`))
}), 100);
for (let t = 0; t < e.length; t++) "TEXTAREA" == e[t].tagName && e[t].addEventListener("input", (function() {
this.style.cssText = "height: var(--initHeight);", this.style.cssText = `height: ${this.scrollHeight}px`
})), e[t].addEventListener("focus", (function() {
this.parentNode.classList.add("has-value")
})), e[t].addEventListener("blur", (function() {
this.value || this.parentNode.classList.remove("has-value")
}));
! function(e) {
var t = e.querySelectorAll(".inputfile");
Array.prototype.forEach.call(t, (function(e) {
var t = e.nextElementSibling,
r = t.innerHTML;
e.addEventListener("change", (function(e) {
var a;
(a = this.files && this.files.length > 1 ? (this.getAttribute("data-multiple-caption") || "").replace("{count}", this.files.length) : e.target.value.split("\\").pop()) ? t.querySelector("span").innerHTML = a: t.innerHTML = r
})), e.addEventListener("focus", (function() {
e.classList.add("has-focus")
})), e.addEventListener("blur", (function() {
e.classList.remove("has-focus")
}))
}))
}(document, window)
}, headerScroll = () => {
let e = window.innerHeight,
t = window.scrollY,
r = document.querySelector(".sundew__home--hero"),
a = document.querySelector("header");
t >= (r ? e - 100 : a.offsetHeight) ? a.classList.add("header-on-scroll") : a.classList.remove("header-on-scroll")
}, initAcc(".accordion", !0);
const initScrollLetters = () => {
function e(e, t, r) {
const a = gsap.timeline({
repeat: -1,
onReverseComplete() {
this.totalTime(this.rawTime() + 10 * this.duration())
}
});
return (t = t || {}).ease || (t.ease = "none"), gsap.utils.toArray(e).forEach((e => {
let o = e.cloneNode(!0);
e.parentNode.appendChild(o), gsap.set(o, {
position: "absolute",
top: e.offsetTop,
left: e.offsetLeft + (r ? -e.offsetWidth : e.offsetWidth)
}), a.to([e, o], {
xPercent: r ? 100 : -100,
...t
}, 0)
})), a
}
e(".big-name .name-wrap", {
duration: 30
}), e(".rollingText", {
duration: 18
}), e(".rollingImage", {
duration: 38
}),
function(e, t) {
const r = gsap.timeline({
repeat: -1,
onReverseComplete() {
this.totalTime(this.rawTime() + 10 * this.duration())
}
});
(t = t || {}).ease || (t.ease = "none"), gsap.utils.toArray(".rollingImage2").forEach((e => {
let a = e.cloneNode(!0);
e.parentNode.appendChild(a), gsap.set(a, {
position: "absolute",
top: e.offsetTop,
left: e.offsetLeft + -e.offsetWidth
}), r.to([e, a], {
xPercent: 100,
...t
}, 0)
}))
}(0, {
duration: 38
})
},
textChanger = () => {
var e = {
slides: document.querySelectorAll(".v-slide"),
list: document.querySelector(".v-slides"),
duration: .3,
lineHeight: 1.4
},
t = gsap.timeline({
paused: !0,
repeat: -1
});
e.slides.forEach((function(r, a) {
let o = new SplitText(r, {
type: "chars"
}).chars,
i = gsap.from(o, {
duration: e.duration,
yPercent: 100,
repeat: 1,
yoyo: !0,
repeatDelay: 1
});
t.add(i)
})), t.play()
};
window.addEventListener("resize", (() => {
getVh()
}));
const readMore = () => {
let e = !1;
jQuery(".moreless-button").click((function() {
return e = !e, gsap.to(".more-members", {
height: e ? "100%" : "0",
opacity: e ? "1" : "0",
duration: .01,
onComplete: () => ScrollTrigger.refresh()
}), jQuery(this).parent().toggleClass("no-gradient"), "Show Less" == jQuery(".moreless-button").text() ? (jQuery(this).text("Show More"), setTimeout((() => {
jQuery("html, body").animate({
scrollTop: jQuery(".sundew--meet-team").offset().top - 90
}, 100)
}), 0)) : jQuery(this).text("Show Less"), !1
}))
},
menuTab = () => {
$((function() {
$(".menu .menu__item-link").click((function() {
$(".menu .menu__item").removeClass("active"), $(this).parent().addClass("active"), $(this).parents().find(".menu").toggleClass("navactive");
let e = $(this).attr("data-href");
return $(".nav--content div").removeClass("active"), $(e).addClass("active"), !1
}))
})), $((function() {
$(".close--content").click((function() {
$(this).parents().find(".menu").removeClass("navactive")
}))
}))
},
menu = () => {
var e = new TimelineMax({
paused: !0
});
e.to(".nav-container", .98, {
y: 0,
zIndex: 111111,
ease: "Expo.easeOut",
boxShadow: "0 0 0 100vw #000000d6"
}), e.staggerFrom(".menu > *", .4, {
y: 50,
opacity: 0,
ease: "Expo.easeOut"
}, "0.06", "-=0.1"), e.reverse(), $(document).on("click", ".menu-icon", (function() {
e.reversed(!e.reversed()), $("html").addClass("boundFix")
})), $(document).on("click", ".menu-close", (function() {
e.reversed(!e.reversed()), $("html").removeClass("boundFix"), $("html").find(".nav-container nav.menu").removeClass("navactive")
})), $(document).keydown((function(t) {
27 == t.keyCode && $("html").hasClass("boundFix") && (e.reversed(!e.reversed()), $("html").removeClass("boundFix"))
}))
},
scrollAccordion = () => {
if (gsap.timeline({
scrollTrigger: {
invalidateOnResize: !1,
toggleActions: "restart none none reverse",
trigger: $(".evaluation-accordion"),
pin: !0,
start: "top 30%",
end: "+=14000",
scrub: !0
}
}).from($(".accordion-copy"), {
stagger: {
each: 2,
yoyo: !0,
repeat: 1
},
height: 0,
paddingBottom: 0,
paddingTop: 0,
opacity: 1,
duration: 1,
marginBottom: 10,
ease: "power3.inOut"
}).from($(".accordion-title"), {
stagger: {
each: 2,
yoyo: !0,
repeat: 1
},
paddingBottom: 0,
paddingTop: 0,
opacity: 1,
duration: 1,
marginBottom: 0,
ease: "power3.inOut"
}), document.getElementById("values")) {
gsap.set(".p-wrap .core-image", {
zIndex: (e, t, r) => r.length - e
});
var e = gsap.utils.toArray(".p-wrap .core-image:not(:last-child)");
e.forEach(((e, t) => {
gsap.timeline({
scrollTrigger: {
trigger: "#values",
start: () => "top -" + window.innerHeight * t,
end: () => "+=" + window.innerHeight,
scrub: !0,
toggleActions: "play none reverse none",
invalidateOnRefresh: !0
}
}).fromTo(e, {
height: () => "100%"
}, {
height: () => "0%",
ease: "power3.inOut"
})
})), ScrollTrigger.create({
trigger: "#values",
start: () => "top top",
end: () => "+=" + e.length * window.innerHeight,
invalidateOnRefresh: !0
})
}
},
dragCursor = () => {
gsap.set(".drag-cursor", {
xPercent: -50,
yPercent: -50
});
var e = document.querySelector(".drag-cursor"),
t = {
x: window.innerWidth / 2,
y: window.innerHeight / 2
},
r = {
x: t.x,
y: t.y
},
a = gsap.quickSetter(e, "x", "px"),
o = gsap.quickSetter(e, "y", "px");
function i(e) {
r.x = e.x, r.y = e.y
}
function s() {
var e = 1 - Math.pow(.9, gsap.ticker.deltaRatio());
t.x += (r.x - t.x) * e, t.y += (r.y - t.y) * e, a(t.x), o(t.y)
}
gsap.set(e, {
scale: 0
}), window.matchMedia("(min-width: 1201px)").matches && document.querySelectorAll(".drg--cursor").forEach((function(t) {
t.onmouseenter = function() {
e.classList.contains("cursor-dark") && e.classList.remove("cursor-dark"), t.classList.contains("drg--cursor-drk") && e.classList.add("cursor-dark"), t.addEventListener("mousemove", i), gsap.ticker.add(s), gsap.to(e, {
scale: 1
})
}, t.onmouseleave = function() {
e.classList.contains("cursor-dark") && e.classList.remove("cursor-dark"), t.removeEventListener("mousemove", i), gsap.ticker.remove(s), gsap.to(e, {
scale: 0
})
}
}))
};
window.addEventListener("DOMContentLoaded", (() => {
const saptl = gsap.timeline({
scrollTrigger: {
trigger: ".sap-banner",
start: "top 90%",
scrub: true
}
});
saptl.from(".sap-circle", {
scale: 0,
opacity: 0,
duration: 1,
ease: "back.out(1.7)"
}), saptl.to(".ring-connector", {
opacity: 1,
scale: 1,
duration: .6,
ease: "power2.out"
}, "-=0.5"), gsap.utils.toArray(".lines").forEach(((r, t) => {
gsap.from(r, {
width: 0,
opacity: 0,
duration: .8,
delay: .2 * t,
ease: "power2.out",
scrollTrigger: {
trigger: r,
start: "top bottom",
toggleActions: "restart none none none",
}
})
}));
const bannerSap = gsap.timeline({
scrollTrigger: {
trigger: ".sap-banner",
start: "top 50%",
scrub: true
}
});
bannerSap.from(".banner-sap img", {
x: "-150",
opacity: 0,
ease: "power2.out"
}), bannerSap.to(".banner-sap img", {
opacity: 1,
ease: "power2.out",
x: 0,
duration: .1
}), gsap.utils.toArray(".logo-box").forEach(((r, t) => {
gsap.from(r, {
x: 100,
opacity: 0,
duration: 1,
delay: .1 * t,
ease: "power2.out",
scrollTrigger: {
trigger: r,
start: "top 95%",
toggleActions: "restart none none none"
}
})
})), gsap.to(".sundew__inner--paragraphs-2025 .arrow-2025 svg", {
rotation: 0,
scrollTrigger: {
trigger: ".sundew__inner--paragraphs-2025",
start: "top 60%",
end: "bottom 60%",
scrub: !0
}
});
gsap.to(".cls-2-dot", {
scrollTrigger: {
trigger: ".chart-cls-1",
start: "top 100%",
end: "+=2500",
scrub: 1
},
motionPath: {
path: "#path",
align: "#path",
alignOrigin: [.5, .5],
autoRotate: !1
},
ease: "none"
});
let e = gsap.utils.toArray("iframe[data-src]");
e && e.forEach(((e, t) => {
let r = null != e.getAttribute("data-position") ? e.getAttribute("data-position") : "top 80%";
ScrollTrigger.create({
trigger: e,
start: `${r}`,
onEnter: () => e.setAttribute("src", `https://player.vimeo.com/video/${e.getAttribute("data-src")}&autoplay=1&muted=1&autopause=0&loop=1&title=0&byline=0&portrait=0&background=1&transparent=0`)
})
})), initScrollLetters(), textChanger(), menuTab(), menu(), scrollAccordion(), dragCursor(), document.querySelector(".caseStudyBanner ") && (swiper__1_MS = new Swiper(".swiper__1_MS", {
mousewheel: {
enabled: !1,
releaseOnEdges: !0
},
navigation: {
nextEl: ".swiper__1_MS--next",
prevEl: ".swiper__1_MS--prev"
}
})), document.querySelector(".swiper--testimonials") && (swiper__testimonials = new Swiper(".swiper--testimonials", {
slidesPerView: 1,
autoplay: {
delay: 3e3
}
})), document.querySelector(".swiper__industies ") && (swiper__industies = new Swiper(".swiper__industies", {
spaceBetween: 0,
slidesPerView: 1.5,
autoplay: {
delay: 3e3
},
breakpoints: {
560: {
slidesPerView: 2.5
},
760: {
slidesPerView: 3.5
},
960: {
slidesPerView: 3
},
1300: {
slidesPerView: 4.5
}
},
navigation: {
nextEl: ".swiper__industies--next",
prevEl: ".swiper__industies--prev"
}
})), ScrollTrigger.matchMedia({
"(max-width: 1201px)": function() {
new Swiper(".sundew__company--recognized-slides .swiper", {
slidesPerView: 2.5,
spaceBetween: 15,
breakpoints: {
999: {
slidesPerView: 3.5
}
},
navigation: {
nextEl: ".sundew__company--recognized-slides--next",
prevEl: ".sundew__company--recognized-slides--prev"
}
})
},
"(min-width: 1200px)": function() {
gsap.utils.toArray(".mobiledevice-scroller figure img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: 0
}, {
xPercent: -35
});
ScrollTrigger.create({
trigger: ".mobiledevice-scroller",
animation: r,
start: "top",
end: "+=150%",
scrub: 1,
pin: !0
})
})), document.querySelector(".sundew__home--offerings") && (ScrollTrigger.create({
trigger: ".sundew__home--offerings",
start: "center center",
pin: !0,
onToggle: ({
progress: e,
direction: t,
isActive: r
}) => {
r ? swiper__1h.mousewheel.enable() : swiper__1h.mousewheel.disable()
}
}), gsap.set(".sundew__home--offerings .h2", {
autoAlpha: 0,
y: 100
}), gsap.to(".sundew__home--offerings .h2", {
y: 0,
autoAlpha: 1,
duration: .5,
scrollTrigger: {
trigger: ".sundew__home--offerings",
start: "top 60%"
}
})), document.querySelector(".panel-svg") && (gsap.timeline({
scrollTrigger: {
trigger: ".panel-svg",
pin: !0,
scrub: 1
}
}).to("header", {
autoAlpha: 0
}).to(".panel-svg svg", 5, {
width: "6000%",
ease: Linear.easeIn
}), ScrollTrigger.create({
trigger: ".sundew__home--hero-slider",
start: "top",
onStart: ({
progress: e,
direction: t,
isActive: r
}) => {
gsap.to("header", {
y: "-100%",
autoAlpha: 0,
ease: "none",
delay: 0,
duration: .2
})
}
})), hoverImage();
let e = gsap.utils.toArray(".sundew__company--recognized-slides .swiper-wrapper");
gsap.to(e, {
xPercent: -60,
scrollTrigger: {
trigger: ".sundew__company--recognized-slides",
scrub: 1,
start: "top 70%",
end: "bottom top"
}
}), gsap.utils.toArray(".sundew--industries-mid-content article .h5 .line").forEach(((e, t) => {
const r = gsap.fromTo(e, {
width: "0em",
autoAlpha: 0
}, {
width: "5em",
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".sundew--industries-mid-content",
animation: r,
start: "top 50%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".sundew--industries-mid-content article").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: -30
}, {
xPercent: 0
});
ScrollTrigger.create({
trigger: ".sundew--industries-mid-content",
animation: r,
start: "top 100%",
scrub: !0
})
})), gsap.utils.toArray(".brand-middle .colored").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: -30
}, {
xPercent: 0
});
ScrollTrigger.create({
trigger: ".brand-middle",
animation: r,
start: "top 100%",
scrub: !0
})
})), gsap.utils.toArray(".sundew--industries-mid-content figure").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 40
}, {
yPercent: -20
});
ScrollTrigger.create({
trigger: ".sundew--industries-mid-content",
animation: r,
start: "top 100%",
scrub: !0
})
})), gsap.utils.toArray(".full-scroll video").forEach(((e, t) => {
const r = gsap.fromTo(e, {
scale: 1.2,
yPercent: -20
}, {
scale: .8,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".full-scroll",
animation: r,
start: "top 100%",
scrub: !0
})
})), gsap.utils.toArray(".full-scroll figure img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
scale: 1.4,
translateX: -150
}, {
duration: .2,
delay: 2.5,
scale: .9,
translateX: 0
});
ScrollTrigger.create({
trigger: ".full-scroll",
animation: r,
start: "top",
scrub: !0,
pin: !0
})
})), gsap.utils.toArray(".half-scroll figure").forEach(((e, t) => {
const r = gsap.fromTo(e, {
scale: .8
}, {
scale: 1.1
});
ScrollTrigger.create({
trigger: ".half-scroll",
animation: r,
start: "top 60%",
end: "bottom 50%",
scrub: 1
})
})), gsap.utils.toArray(".parallax-slab-3 img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 23
}, {
duration: .3,
delay: 1.5,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".sundew__figure-article-content",
animation: r,
start: "top 100%",
end: "bottom",
scrub: !0
})
})), gsap.utils.toArray(".parallax-slab-7").forEach(((e, t) => {
const r = gsap.fromTo(e, {
scale: .8,
yPercent: 6
}, {
duration: .3,
delay: 1.5,
scale: 1,
yPercent: 2
});
ScrollTrigger.create({
trigger: ".sundew--cricket-award",
animation: r,
start: "top 100%",
end: "bottom 100%",
scrub: !0
})
})), gsap.set(".vertical--gs figure", {
yPercent: 10,
xPercent: 40,
scale: 1.3
}), gsap.to(".vertical--gs figure", {
yPercent: 0,
xPercent: 0,
scale: 1.1,
scrollTrigger: {
trigger: ".vertical--gs",
start: "top 5%",
scrub: !0,
pin: !0
}
}), gsap.utils.toArray(".parallax-slab").forEach(((e, t) => {
const r = gsap.fromTo(e, {
scale: 1.2,
translateX: -120
}, {
duration: .3,
delay: 1.5,
scale: 1,
translateX: 0
});
ScrollTrigger.create({
trigger: ".sundew__figure-article-content",
animation: r,
start: "top 60%",
end: "center center",
scrub: !0
})
}));
var t = document.getElementsByClassName("culture--ms-grid1");
Array.from(t).forEach((function(e) {
gsap.fromTo(".culture--ms-grid1 .ms__block > *", {
y: 150
}, {
y: 0,
stagger: .05,
scrollTrigger: {
trigger: e,
scrub: 1,
start: "top 70%",
end: "bottom",
immediateRender: !1
}
})
}));
var r = document.getElementsByClassName("culture--ms-grid2");
Array.from(r).forEach((function(e) {
gsap.fromTo(".culture--ms-grid2 .ms__block > *", {
y: 0
}, {
y: -100,
stagger: .05,
scrollTrigger: {
trigger: e,
scrub: 1,
start: "top 60%",
end: "bottom",
immediateRender: !1
}
})
}));
var a = document.getElementsByClassName("sundew--meet-team");
Array.from(a).forEach((function(e) {
gsap.fromTo(".team-gallery__grid > figure", {
y: 0,
autoAlpha: 0
}, {
y: -40,
autoAlpha: 1,
stagger: .05,
scrollTrigger: {
trigger: e,
scrub: 1,
start: "top 100%",
end: "bottom 100%",
immediateRender: !1
}
})
}));
let o = gsap.utils.toArray(".digi-laptopwrapper .screen");
gsap.fromTo(o, {
xPercent: -1,
yPercent: -4,
scale: .8
}, {
xPercent: -5,
yPercent: 0,
scale: 1.1,
scrollTrigger: {
trigger: ".digi-laptopwrapper",
pin: !0,
scrub: 1,
start: "top 10%"
}
}), gsap.utils.toArray(".culture--ms-grid1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
translateX: "-25vw"
}, {
translateX: "0vw"
});
ScrollTrigger.create({
trigger: ".culture--ms-grid1",
animation: r,
start: "10% bottom",
end: "150% bottom",
scrub: 1
})
})), gsap.utils.toArray(".culture--ms-grid2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
translateX: "0%"
}, {
translateX: "-60%"
});
ScrollTrigger.create({
trigger: ".sundew--insight-culture-2",
animation: r,
start: "top 100%",
end: "+=8200",
scrub: 1
})
}))
},
"(max-width: 1367px)": function() {
gsap.utils.toArray(".culture--ms-grid1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
translateX: "-25vw"
}, {
translateX: "0vw"
});
ScrollTrigger.create({
trigger: ".culture--ms-grid1",
animation: r,
start: "10% bottom",
end: "150% bottom",
scrub: 1
})
})), gsap.utils.toArray(".culture--ms-grid2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
translateX: "0%"
}, {
translateX: "-60%"
});
ScrollTrigger.create({
trigger: ".sundew--insight-culture-2",
animation: r,
start: "top 100%",
end: "+=8200",
scrub: 1
})
}))
},
"(min-width: 1001px)": function() {
pathAnimation(), gsap.utils.toArray(".text__1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .5,
delay: .2,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.utils.toArray(".text__2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .5,
delay: 1,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.utils.toArray(".text__3").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .5,
delay: 1.8,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.utils.toArray(".text__4").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .5,
delay: 2.5,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.utils.toArray(".icon__1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .2,
delay: .2,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.utils.toArray(".icon__2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .2,
delay: 1,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.utils.toArray(".icon__3").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .2,
delay: 1.8,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.utils.toArray(".sundew__company--hero-v2 figcaption").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 0
}, {
duration: .5,
delay: 1,
yPercent: 350
});
ScrollTrigger.create({
trigger: ".sundew__company--hero-v2",
animation: r,
start: "top",
end: "bottom 60%",
scrub: 1
})
})), gsap.utils.toArray(".sundew__leadership--intro article h2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
backgroundPosition: "0%"
}, {
duration: .5,
delay: 1,
backgroundPosition: "160%"
});
ScrollTrigger.create({
trigger: ".sundew__leadership--intro",
animation: r,
start: "top 100%",
end: "+=1000",
scrub: !0
})
})), gsap.utils.toArray(".sundew__leader--grid .shape-1 > svg").forEach(((e, t) => {
const r = gsap.fromTo(e, {
rotate: 0,
scale: 1,
yPercent: 0
}, {
duration: .5,
delay: 1,
rotate: 0,
scale: 1,
yPercent: 500,
autoAlpha: 0
});
ScrollTrigger.create({
trigger: ".sundew__leaders",
animation: r,
start: "top 20%",
end: "+=1000",
scrub: 1
})
})), gsap.utils.toArray(".icon__4").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
duration: .2,
delay: 2.5,
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".animated-icon",
animation: r,
start: "center bottom",
toggleActions: "play none none none",
once: !0
})
})), gsap.set(".sundew__offerings-margin .figcaption", {
yPercent: 70,
backgroundColor: "#000000"
}), gsap.to(".sundew__offerings-margin .figcaption", {
yPercent: 0,
backgroundColor: "#ffffff",
scrollTrigger: {
trigger: ".sundew__offerings-margin",
start: "top 80%",
end: "bottom 100%",
scrub: !0
}
})
},
"(max-width: 1000px)": function() {
gsap.utils.toArray(".text__1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: 20
}, {
duration: .5,
delay: .2,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .text__1",
animation: r,
start: "top 100%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".text__2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: 20
}, {
duration: .5,
delay: 1,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .text__2",
animation: r,
start: "top 100%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".text__3").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: 20
}, {
duration: .5,
delay: 1.8,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .text__3",
animation: r,
start: "top 100%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".text__4").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: 20
}, {
duration: .5,
delay: 2.5,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .text__4",
animation: r,
start: "top 100%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".icon__1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: -20
}, {
duration: .5,
delay: .2,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .icon__1",
animation: r,
start: "top 80%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".icon__2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: -20
}, {
duration: .5,
delay: 1,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .icon__2",
animation: r,
start: "top 80%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".icon__3").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: -20
}, {
duration: .5,
delay: 1.8,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .icon__3",
animation: r,
start: "top 80%",
end: "bottom 100%",
scrub: 2
})
})), gsap.utils.toArray(".icon__4").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0,
yPercent: -20
}, {
duration: .5,
delay: 2.5,
autoAlpha: 1,
yPercent: 0
});
ScrollTrigger.create({
trigger: ".animated-icon .icon__4",
animation: r,
start: "top 80%",
end: "bottom 100%",
scrub: 2
})
}))
},
"(min-width: 676px)": function() {
gsap.utils.toArray(".sundew__offerings-margin.for--app .card-style--6 figure img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 40
}, {
duration: .3,
delay: 1.5,
yPercent: -10
});
ScrollTrigger.create({
trigger: ".sundew__offerings-margin",
animation: r,
start: "top 80%",
end: "bottom 80%",
scrub: 1
})
}))
},
"(max-width: 768px)": function() {
gsap.utils.toArray(".culture--ms-grid1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: -180
}, {
xPercent: 0
});
ScrollTrigger.create({
trigger: ".sundew--insight-culture",
animation: r,
start: "top 80%",
end: "+=4000",
scrub: 2
})
})), gsap.utils.toArray(".culture--ms-grid2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: -20
}, {
xPercent: -180
});
ScrollTrigger.create({
trigger: ".sundew--insight-culture-2",
animation: r,
start: "top 80%",
end: "+=4000",
scrub: 2
})
}))
},
"(max-width: 575px)": function() {
gsap.utils.toArray(".culture--ms-grid1").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: -150
}, {
xPercent: 0
});
ScrollTrigger.create({
trigger: ".sundew--insight-culture",
animation: r,
start: "top 80%",
end: "+=4000",
scrub: 2
})
})), gsap.utils.toArray(".culture--ms-grid2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
xPercent: -80
}, {
xPercent: -240
});
ScrollTrigger.create({
trigger: ".sundew--insight-culture-2",
animation: r,
start: "top 80%",
end: "+=4000",
scrub: 2
})
}));
let e = gsap.utils.toArray(".stick--block .digi-grid .digi-block");
gsap.to(e, {
xPercent: -100 * (e.length - 1),
ease: "none",
scrollTrigger: {
trigger: ".stick--block",
pin: !0,
scrub: 2,
start: "top 10%"
}
});
let t = gsap.utils.toArray(".stick--block-2 .digi-grid .digi-block");
gsap.to(t, {
xPercent: -100 * (t.length - 1),
ease: "none",
scrollTrigger: {
trigger: ".stick--block-2 .digi-grid",
pin: !0,
scrub: 2,
start: "top 20%"
}
})
}
}), getVh(), forms(), readMore(), responsiveAccordion("DOMContentLoaded"), headerScroll(), menuHvr(), wowAnimation(), marqueeV2(), jQuery("body").on("click", ".c2a--readmore", (function() {
jQuery(this).toggleClass("new"), jQuery(".more-content").toggleClass("hide-on-mobL")
})), jQuery("body").on("click", ".c2a--reveal", (function() {
jQuery(this).toggleClass("open")
})), jQuery(".c2a--video-popup").click((function(e) {
return jQuery(".company__video").trigger("pause"), jQuery(".amitVideo").trigger("pause"), jQuery(".dimitriVideo").trigger("pause"), jQuery(".ankitVideo").trigger("pause"), jQuery(".sumanVideo").trigger("pause"), jQuery(".debmalyaVideo").trigger("pause"), jQuery("body").find(".playBut").removeClass("playIndex"), jQuery("body").find(".playBut").removeClass("playIndex2"), jQuery("body").find(".playBut").removeClass("playIndex3"), jQuery("body").find(".playBut").removeClass("playIndex4"), jQuery("body").find(".playBut").removeClass("playIndex5"), jQuery("body").find(".p__video").removeClass("videoPlay"), jQuery("body").find(".p__video").removeClass("videoPlay2"), jQuery("body").find(".p__video").removeClass("videoPlay3"), jQuery("body").find(".p__video").removeClass("videoPlay4"), jQuery("body").find(".p__video").removeClass("videoPlay5"), jQuery("body").find(".company__video").removeClass("videoPlay"), jQuery("body").find(".debmalyaButton").removeClass("pauseMain"), jQuery("body").find(".amitButton").removeClass("pauseMain"), jQuery("body").find(".dimitriButton").removeClass("pauseMain"), jQuery("body").find(".ankitButton").removeClass("pauseMain"), jQuery("body").find(".sumanButton").removeClass("pauseMain"), video.paused ? video.play() : video.pause(), !1
})), jQuery(".c2a--company-button").click((function(e) {
var t = jQuery(".company__video")[0];
return jQuery(".company__video").on("ended", (function() {
jQuery(this).removeClass("videoPlay"), jQuery("body").find(".c2a--company-button").removeClass("pauseMain"), jQuery("body").find(".c2a--company-button").removeClass("playIndex")
})), jQuery(this).toggleClass("pauseMain"), jQuery(".amitVideo").trigger("pause"), jQuery(".dimitriVideo").trigger("pause"), jQuery(".ankitVideo").trigger("pause"), jQuery(".sumanVideo").trigger("pause"), jQuery(".debmalyaVideo").trigger("pause"), jQuery(this).next(".company__video").toggleClass("videoPlay"), jQuery(this).addClass("playIndex"), jQuery("body").find(".playBut").removeClass("playIndex"), jQuery("body").find(".playBut").removeClass("playIndex2"), jQuery("body").find(".playBut").removeClass("playIndex3"), jQuery("body").find(".playBut").removeClass("playIndex4"), jQuery("body").find(".playBut").removeClass("playIndex5"), jQuery("body").find(".p__video").removeClass("videoPlay"), jQuery("body").find(".p__video").removeClass("videoPlay2"), jQuery("body").find(".p__video").removeClass("videoPlay3"), jQuery("body").find(".p__video").removeClass("videoPlay4"), jQuery("body").find(".p__video").removeClass("videoPlay5"), jQuery("body").find(".debmalyaButton").removeClass("pauseMain"), jQuery("body").find(".amitButton").removeClass("pauseMain"), jQuery("body").find(".dimitriButton").removeClass("pauseMain"), jQuery("body").find(".ankitButton").removeClass("pauseMain"), jQuery("body").find(".sumanButton").removeClass("pauseMain"), t.paused ? t.play() : t.pause(), !1
})), jQuery(".debmalyaButton").click((function(e) {
var t = jQuery(".debmalyaVideo")[0];
return jQuery(".debmalyaVideo").on("ended", (function() {
jQuery(this).removeClass("videoPlay"), jQuery("body").find(".debmalyaButton").removeClass("pauseMain"), jQuery("body").find(".debmalyaButton").removeClass("playIndex")
})), jQuery(this).toggleClass("pauseMain"), jQuery(".amitVideo").trigger("pause"), jQuery(".dimitriVideo").trigger("pause"), jQuery(".ankitVideo").trigger("pause"), jQuery(".sumanVideo").trigger("pause"), jQuery(this).next(".debmalyaVideo").toggleClass("videoPlay"), jQuery(this).addClass("playIndex"), jQuery("body").find(".company__video").trigger("pause").removeClass("videoPlay"), jQuery("body").find(".playBut").removeClass("playIndex2"), jQuery("body").find(".playBut").removeClass("playIndex3"), jQuery("body").find(".playBut").removeClass("playIndex4"), jQuery("body").find(".playBut").removeClass("playIndex5"), jQuery("body").find(".p__video").removeClass("videoPlay2"), jQuery("body").find(".p__video").removeClass("videoPlay3"), jQuery("body").find(".p__video").removeClass("videoPlay4"), jQuery("body").find(".p__video").removeClass("videoPlay5"), jQuery("body").find(".amitButton").removeClass("pauseMain"), jQuery("body").find(".dimitriButton").removeClass("pauseMain"), jQuery("body").find(".ankitButton").removeClass("pauseMain"), jQuery("body").find(".sumanButton").removeClass("pauseMain"), t.paused ? t.play() : t.pause(), !1
})), jQuery(".amitButton").click((function(e) {
var t = jQuery(".amitVideo")[0];
return jQuery(".amitVideo").on("ended", (function() {
jQuery(this).removeClass("videoPlay2"), jQuery("body").find(".amitButton").removeClass("pauseMain"), jQuery("body").find(".amitButton").removeClass("playIndex2")
})), jQuery(this).toggleClass("pauseMain"), jQuery(".debmalyaVideo").trigger("pause"), jQuery(".dimitriVideo").trigger("pause"), jQuery(".ankitnVideo").trigger("pause"), jQuery(".sumanVideo").trigger("pause"), jQuery(this).next(".amitVideo").toggleClass("videoPlay2"), jQuery(this).addClass("playIndex2"), jQuery("body").find(".company__video").trigger("pause").removeClass("videoPlay"), jQuery("body").find(".playBut").removeClass("playIndex"), jQuery("body").find(".playBut").removeClass("playIndex3"), jQuery("body").find(".playBut").removeClass("playIndex4"), jQuery("body").find(".playBut").removeClass("playIndex5"), jQuery("body").find(".p__video").removeClass("videoPlay"), jQuery("body").find(".p__video").removeClass("videoPlay3"), jQuery("body").find(".p__video").removeClass("videoPlay4"), jQuery("body").find(".p__video").removeClass("videoPlay5"), jQuery("body").find(".debmalyaButton").removeClass("pauseMain"), jQuery("body").find(".dimitriButton").removeClass("pauseMain"), jQuery("body").find(".ankitButton").removeClass("pauseMain"), jQuery("body").find(".sumanButton").removeClass("pauseMain"), t.paused ? t.play() : t.pause(), !1
})), jQuery(".dimitriButton").click((function(e) {
var t = jQuery(".dimitriVideo")[0];
return jQuery(".dimitriVideo").on("ended", (function() {
jQuery(this).removeClass("videoPlay3"), jQuery("body").find(".dimitriButton").removeClass("pauseMain"), jQuery("body").find(".dimitriButton").removeClass("playIndex3")
})), jQuery(this).toggleClass("pauseMain"), jQuery(".debmalyaVideo").trigger("pause"), jQuery(".amitVideo").trigger("pause"), jQuery(".ankitVideo").trigger("pause"), jQuery(".sumanVideo").trigger("pause"), jQuery(this).next(".dimitriVideo").toggleClass("videoPlay3"), jQuery(this).addClass("playIndex3"), jQuery("body").find(".company__video").trigger("pause").removeClass("videoPlay"), jQuery("body").find(".playBut").removeClass("playIndex"), jQuery("body").find(".playBut").removeClass("playIndex2"), jQuery("body").find(".playBut").removeClass("playIndex4"), jQuery("body").find(".playBut").removeClass("playIndex5"), jQuery("body").find(".p__video").removeClass("videoPlay"), jQuery("body").find(".p__video").removeClass("videoPlay2"), jQuery("body").find(".p__video").removeClass("videoPlay4"), jQuery("body").find(".p__video").removeClass("videoPlay5"), jQuery("body").find(".debmalyaButton").removeClass("pauseMain"), jQuery("body").find(".amitButton").removeClass("pauseMain"), jQuery("body").find(".ankitaButton").removeClass("pauseMain"), jQuery("body").find(".sumanButton").removeClass("pauseMain"), t.paused ? t.play() : t.pause(), !1
})), jQuery(".ankitButton").click((function(e) {
var t = jQuery(".ankitVideo")[0];
return jQuery(".ankitVideo").on("ended", (function() {
jQuery(this).removeClass("videoPlay4"), jQuery("body").find(".ankitButton").removeClass("pauseMain"), jQuery("body").find(".ankitButton").removeClass("playIndex4")
})), jQuery(this).toggleClass("pauseMain"), jQuery(".debmalyaVideo").trigger("pause"), jQuery(".amitVideo").trigger("pause"), jQuery(".dimitriVideo").trigger("pause"), jQuery(".sumanVideo").trigger("pause"), jQuery(this).next(".ankitVideo").toggleClass("videoPlay4"), jQuery(this).addClass("playIndex4"), jQuery("body").find(".company__video").trigger("pause").removeClass("videoPlay"), jQuery("body").find(".playBut").removeClass("playIndex"), jQuery("body").find(".playBut").removeClass("playIndex2"), jQuery("body").find(".playBut").removeClass("playIndex3"), jQuery("body").find(".playBut").removeClass("playIndex5"), jQuery("body").find(".p__video").removeClass("videoPlay"), jQuery("body").find(".p__video").removeClass("videoPlay2"), jQuery("body").find(".p__video").removeClass("videoPlay3"), jQuery("body").find(".p__video").removeClass("videoPlay5"), jQuery("body").find(".debmalyaButton").removeClass("pauseMain"), jQuery("body").find(".amitButton").removeClass("pauseMain"), jQuery("body").find(".dimitriButton").removeClass("pauseMain"), jQuery("body").find(".sumanButton").removeClass("pauseMain"), t.paused ? t.play() : t.pause(), !1
})), jQuery(".sumanButton").click((function(e) {
var t = jQuery(".sumanVideo")[0];
return jQuery(".sumanVideo").on("ended", (function() {
jQuery(this).removeClass("videoPlay5"), jQuery("body").find(".sumanButton").removeClass("pauseMain"), jQuery("body").find(".sumanButton").removeClass("playIndex5")
})), jQuery(this).toggleClass("pauseMain"), jQuery(".debmalyaVideo").trigger("pause"), jQuery(".amitVideo").trigger("pause"), jQuery(".dimitriVideo").trigger("pause"), jQuery(".ankitVideo").trigger("pause"), jQuery(this).next(".sumanVideo").toggleClass("videoPlay5"), jQuery(this).addClass("playIndex5"), jQuery("body").find(".company__video").trigger("pause").removeClass("videoPlay"), jQuery("body").find(".playBut").removeClass("playIndex"), jQuery("body").find(".playBut").removeClass("playIndex2"), jQuery("body").find(".playBut").removeClass("playIndex3"), jQuery("body").find(".playBut").removeClass("playIndex4"), jQuery("body").find(".p__video").removeClass("videoPlay"), jQuery("body").find(".p__video").removeClass("videoPlay2"), jQuery("body").find(".p__video").removeClass("videoPlay3"), jQuery("body").find(".p__video").removeClass("videoPlay4"), jQuery("body").find(".debmalyaButton").removeClass("pauseMain"), jQuery("body").find(".amitButton").removeClass("pauseMain"), jQuery("body").find(".dimitriButton").removeClass("pauseMain"), jQuery("body").find(".ankitButton").removeClass("pauseMain"), t.paused ? t.play() : t.pause(), !1
})), document.querySelectorAll(".footerlinkbox").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), document.querySelectorAll(".nav__list-item").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), gsap.utils.toArray(".sundew--industries-quotes-2").forEach((e => {
gsap.from(e, {
scrollTrigger: {
start: "top bottom",
end: "bottom top",
trigger: e,
onEnter() {
e.classList.add("scroll")
},
onLeave() {
e.classList.remove("scroll")
},
onEnterBack() {
e.classList.add("scroll")
},
onLeaveBack() {
e.classList.remove("scroll")
}
}
})
})), window.matchMedia("(max-width: 675px)").matches && (document.querySelectorAll(".menu-inner-grid .menu-item-accord").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), document.querySelectorAll(".industries-full-menu .menu-item").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})));
const t = document.querySelectorAll(".blog__block .blog");
var r = document.querySelector(".blog__block .blog");
function a() {
this.el.querySelector(".swiper-counter").innerHTML = '<span class="count">' + (this.realIndex + 1) + '</span>/<span class="total">' + this.el.slidesQuantity + "</span>"
}
r && r.classList.add("open"), t.forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), $(".acc-heading").on("click", (function() {
$(".acc-heading").not(this).removeClass("acc-show").next().slideUp(), $(".acc-heading").not(this).parent().removeClass("acc-active"), $(this).parent().toggleClass("acc-active"), $(this).toggleClass("acc-show"), $(this).next().slideToggle();
$(this).parent()
})), document.querySelectorAll(".sundew--industries-accordion .accordion").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), document.querySelectorAll(".nav--list-container .nav__list-item").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), document.querySelectorAll(".menu__industries > div").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), document.querySelectorAll(".nav--list-container .nav__list-item").forEach((e => {
e.addEventListener("click", (() => {
e.classList.contains("open") ? e.classList.remove("open") : (document.querySelectorAll(".open").forEach((e => {
e.classList.remove("open")
})), e.classList.add("open")), setTimeout((() => {
ScrollTrigger.refresh()
}), 1e3)
}))
})), new Swiper(".swiper__fade", {
effect: "fade"
}), new Swiper(".swiper__1", {
navigation: {
nextEl: ".swiper__1--next",
prevEl: ".swiper__1--prev"
}
}), swiper__1h = new Swiper(".swiper__1h", {
spaceBetween: 30,
speed: 400,
mousewheel: {
enabled: !1,
releaseOnEdges: !0
},
navigation: {
nextEl: ".swiper__1h--next",
prevEl: ".swiper__1h--prev"
}
}), swiper__offset = new Swiper(".swiper__offset", {
slidesPerView: "auto",
draggable: !0,
breakpoints: {
1100: {
spaceBetween: 0,
mousewheel: {
enabled: !0,
releaseOnEdges: !0
},
speed: 800
}
},
navigation: {
nextEl: ".swiper__offset--next",
prevEl: ".swiper__offset--prev"
}
}), swiper_schedule = new Swiper(".swiper_schedule", {
slidesPerView: "2",
draggable: !0,
breakpoints: {
320: {
slidesPerView: 1.1
},
475: {
slidesPerView: 1.5
},
675: {
slidesPerView: 2.5
},
1e3: {
slidesPerView: 1.5
},
1199: {
slidesPerView: 2
}
},
navigation: {
nextEl: ".swiper__offset--next",
prevEl: ".swiper__offset--prev"
},
scrollbar: {
el: ".swiper-scrollbar",
hide: !1,
draggable: !0
}
}), hero__swipper = new Swiper(".home--hero-swipper", {
slidesPerView: 1,
speed: 1e3,
loop: !0,
spaceBetween: 20,
slideToClickedSlide: !0,
autoplay: {
delay: 5e3,
disableOnInteraction: !1
},
navigation: {
nextEl: ".swiper__homehero--next",
prevEl: ".swiper__homehero--prev"
},
breakpoints: {
1100: {
spaceBetween: 40
}
},
on: {
init: function() {
$(".swiper-progress-bar").removeClass("animate"), $(".swiper-progress-bar").removeClass("active"), $(".swiper-progress-bar").eq(0).addClass("animate"), $(".swiper-progress-bar").eq(0).addClass("active")
},
slideChangeTransitionStart: function() {
$(".swiper-progress-bar").removeClass("animate"), $(".swiper-progress-bar").removeClass("active"), $(".swiper-progress-bar").eq(0).addClass("active")
},
slideChangeTransitionEnd: function() {
$(".swiper-progress-bar").eq(0).addClass("animate")
}
}
}), award__swipper = new Swiper(".home--award-swipper", {
direction: "vertical",
effect: "slide",
slidesPerView: 3,
spaceBetween: 20,
speed: 1e3,
loop: !0,
allowTouchMove: !1,
breakpoints: {
1100: {
spaceBetween: 50
},
1300: {
spaceBetween: 100
}
},
autoplay: {
delay: 3e3,
stopOnLastSlide: !1
},
navigation: {
nextEl: ".swiper__award--next",
prevEl: ".swiper__award--prev"
}
}), success__swipper = new Swiper(".swiper__success-stories", {
slidesPerView: 3.4,
grabCursor: !0,
spaceBetween: 30,
speed: 1e3,
breakpoints: {
320: {
spaceBetween: 20,
slidesPerView: 1.2
},
675: {
spaceBetween: 20,
slidesPerView: 1.6
},
1099: {
slidesPerView: 3.4
},
1200: {
slidesOffsetBefore: 110
}
},
navigation: {
nextEl: ".swiper__success--next",
prevEl: ".swiper__success--prev"
}
}), $(".swiper__advisory").each((function() {
this.slidesQuantity = this.querySelectorAll(".swiper-slide").length, advisory__swipper = new Swiper(this, {
slidesPerView: 2.2,
spaceBetween: 80,
speed: 1e3,
grabCursor: !0,
loop: !0,
slideToClickedSlide: !0,
autoplay: {
delay: 6e3,
disableOnInteraction: !1
},
on: {
init: a,
slideChange: a,
init: function() {
$(".swiper-progress-bar").removeClass("animate"), $(".swiper-progress-bar").removeClass("active"), $(".swiper-progress-bar").eq(0).addClass("animate"), $(".swiper-progress-bar").eq(0).addClass("active")
},
slideChangeTransitionStart: function() {
$(".swiper-progress-bar").removeClass("animate"), $(".swiper-progress-bar").removeClass("active"), $(".swiper-progress-bar").eq(0).addClass("active")
},
slideChangeTransitionEnd: function() {
$(".swiper-progress-bar").eq(0).addClass("animate")
}
},
navigation: {
nextEl: ".swiper__advisory--next",
prevEl: ".swiper__advisory--prev"
}
})
})), $(".swiper__advisory-2").each((function() {})), ideate__swipper = new Swiper(".swiper__ideate", {
slidesPerView: 3,
spaceBetween: 20,
speed: 1e3,
breakpoints: {
320: {
slidesPerView: 1
},
475: {
slidesPerView: 1.6
},
768: {
slidesPerView: 2.3
},
999: {
slidesPerView: 3
}
},
scrollbar: {
el: ".swiper-scrollbar",
hide: !1,
draggable: !0
},
navigation: {
nextEl: ".swiper__ideate--next",
prevEl: ".swiper__ideate--prev"
}
}), new Swiper(".swiper__2", {
breakpoints: {
1024: {
slidesPerView: 2,
slidesPerGroup: 3,
spaceBetween: 30
}
},
navigation: {
nextEl: ".swiper__2--next",
prevEl: ".swiper__2--prev"
},
pagination: {
el: ".swiper__2--pagination",
clickable: !0
}
}), new Swiper(".swiper___3", {
spaceBetween: 20,
breakpoints: {
576: {
slidesPerView: 2,
slidesPerGroup: 2
},
1024: {
slidesPerView: 4.5,
slidesPerGroup: 4.5
}
},
navigation: {
nextEl: ".swiper___3--next",
prevEl: ".swiper___3--prev"
}
}), new Swiper(".swiper__3", {
breakpoints: {
640: {
slidesPerView: 2,
slidesPerGroup: 2,
spaceBetween: 15
},
1024: {
slidesPerView: 4,
slidesPerGroup: 4,
spaceBetween: 15
}
},
pagination: {
el: ".swiper__3--pagination",
clickable: !0
},
navigation: {
nextEl: ".swiper__3--next",
prevEl: ".swiper__3--prev"
}
}), new Swiper(".swiper__4-gradient", {
slidesPerView: 2,
spaceBetween: 15,
breakpoints: {
100: {
slidesPerView: 1.4,
slidesPerGroup: 1
},
640: {
slidesPerView: 2,
slidesPerGroup: 2
},
1024: {
slidesPerView: 3,
slidesPerGroup: 3
}
},
navigation: {
nextEl: ".swiper__4-gradient--next",
prevEl: ".swiper__4-gradient--prev"
},
scrollbar: {
el: ".swiper__4-gradient__scrollbar",
draggable: !0
}
}), new Swiper(".swiper__4New", {
slidesPerView: "auto",
spaceBetween: 15,
breakpoints: {
640: {
slidesPerView: 2,
slidesPerGroup: 2
},
1024: {
slidesPerView: 3,
slidesPerGroup: 3
},
1300: {
slidesPerView: 4,
slidesPerGroup: 4
}
},
navigation: {
nextEl: ".swiper__4New--next",
prevEl: ".swiper__4New--prev"
},
scrollbar: {
el: ".swiper__4New__scrollbar",
draggable: !0
}
}), new Swiper(".swiper__4ANew", {
speed: 400,
slidesPerView: "auto",
spaceBetween: 5,
navigation: {
nextEl: ".swiper__4ANew--next",
prevEl: ".swiper__4ANew--prev"
},
scrollbar: {
el: ".swiper__4ANew__scrollbar",
draggable: !0
}
}), new Swiper(".swiper__5New", {
breakpoints: {
320: {
slidesPerView: 2,
slidesPerGroup: 1
}
},
navigation: {
nextEl: ".swiper__5New--next",
prevEl: ".swiper__5New--prev"
},
scrollbar: {
el: ".swiper__5New__scrollbar",
draggable: !0
}
}), new Swiper(".swiper__fewsun", {
breakpoints: {
1024: {
slidesPerView: 2,
slidesPerGroup: 3,
spaceBetween: 130
}
},
navigation: {
nextEl: ".swiper__fewsun--next",
prevEl: ".swiper__fewsun--prev"
}
}), new Swiper(".swiper__offset_content", {
slidesPerView: 1.1,
spaceBetween: 20,
breakpoints: {
400: {
slidesPerView: 1.2,
spaceBetween: 20
},
575: {
slidesPerView: 1.5,
spaceBetween: 20
},
640: {
slidesPerView: 2.1,
spaceBetween: 20
},
900: {
slidesPerView: 2.6,
spaceBetween: 20
},
992: {
slidesPerView: 3.1,
spaceBetween: 20
},
1200: {
slidesPerView: 3.1,
spaceBetween: 20
}
},
navigation: {
nextEl: ".swiper__offset_content--next",
prevEl: ".swiper__offset_content--prev"
}
}), new Swiper(".swiper__offset_content.swiper__offset_content_ver2", {
slidesPerView: 1.1,
spaceBetween: 20,
breakpoints: {
400: {
slidesPerView: 1.2,
spaceBetween: 20
},
575: {
slidesPerView: 1.5,
spaceBetween: 20
},
640: {
slidesPerView: 2.1,
spaceBetween: 20
},
900: {
slidesPerView: 2.6,
spaceBetween: 20
},
992: {
slidesPerView: 2.6,
spaceBetween: 20
},
1200: {
slidesPerView: 3.1,
spaceBetween: 20
}
},
navigation: {
nextEl: ".swiper__offset_content--next",
prevEl: ".swiper__offset_content--prev"
}
}), new Swiper(".swiper__successStories", {
loopedSlides: 2,
breakpoints: {
1024: {
slidesPerView: "auto",
spaceBetween: 60
}
},
navigation: {
nextEl: ".swiper__successStories--next",
prevEl: ".swiper__successStories--prev"
}
}), new Swiper(".swiper__successMedia", {
loopedSlides: 2,
autoplay: {
delay: 3e3,
stopOnLastSlide: !1
},
breakpoints: {
1200: {
slidesPerView: 8,
spaceBetween: 30
},
799: {
slidesPerView: 5,
spaceBetween: 15
},
320: {
slidesPerView: 2,
spaceBetween: 15
}
},
navigation: {
nextEl: ".swiper__successMedia--next",
prevEl: ".swiper__successMedia--prev"
}
}), new Swiper(".swiper__industriesServe", {
autoplay: {
delay: 3e3,
stopOnLastSlide: !1
},
breakpoints: {
320: {
slidesPerView: 2,
spaceBetween: 0
}
},
navigation: {
nextEl: ".swiper__industriesServe--next",
prevEl: ".swiper__industriesServe--prev"
}
}), new Swiper(".swiper__grid", {
slidesPerView: 5,
slidesPerGroup: 5,
grid: {
rows: 2
},
spaceBetween: 25,
navigation: {
nextEl: ".swiper__grid--next",
prevEl: ".swiper__grid--prev"
}
}), new Swiper(".swiper__vertical", {
autoplay: {
delay: 3e3,
stopOnLastSlide: !0
},
effect: "flip",
speed: 1e3,
direction: "vertical",
pagination: {
el: ".swiper-pagination",
clickable: !0
}
});
let o = document.querySelector("#nav-line");
document.querySelectorAll(".boxed--links ul li").forEach((e => {
e.addEventListener("mouseover", (() => {
o.style.width = `${e.offsetWidth}px`, o.style.top = `${e.offsetTop}px`, o.style.left = `${e.offsetLeft}px`, o.style.opacity = 1
})), e.addEventListener("mouseout", (() => {
o.style.opacity = 0
}))
}))
})), window.addEventListener("scroll", (() => {
headerScroll()
}));
let swipers1 = new Swiper(".swipers1", {
breakpoints: {
576: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 15
}
},
navigation: {
nextEl: ".swipers--next",
prevEl: ".swipers--prev"
}
}),
swipers2 = new Swiper(".swipers2", {
breakpoints: {
576: {
slidesPerView: 2,
slidesPerGroup: 1,
spaceBetween: 15
}
},
navigation: {
nextEl: ".swipers--next2",
prevEl: ".swipers--prev2"
}
});
function showDiv(e, t) {
document.getElementById(e).style.display = "2" == t.value ? "grid" : "none"
}
document.addEventListener("click", (e => {
let t;
if (t = e.target.matches(".tab-navs > *") ? e.target : e.target.closest(".tab-navs > *"), null != t) {
let e = t.closest(".tab-navs");
e.querySelector(".actv") && e.querySelector(".actv").classList.remove("actv"), t && t.classList.add("actv"), window.matchMedia("(max-width: 999px)").matches && t && setTimeout((() => {
let e = document.querySelector(".tab-grid .actv").offsetTop - 100;
scroll({
top: e,
behavior: "smooth"
})
}), 300);
let r = t.closest(".tab-grid").querySelector(".tab-contents"),
a = [...t.parentNode.children].indexOf(t);
r.querySelector(".actv") && r.querySelector(".actv").classList.remove("actv"), r.children[a] && r.children[a].classList.add("actv")
}
})), document.querySelector(".sundew__3i") && document.querySelector(".sundew__3i").addEventListener("mouseover", (e => {
let t;
if (t = e.target.matches(".tab-navs > *") ? e.target : e.target.closest(".tab-navs > *"), null != t) {
let e = t.closest(".tab-navs");
e.querySelector(".actv") && e.querySelector(".actv").classList.remove("actv"), t && t.classList.add("actv"), window.matchMedia("(max-width: 999px)").matches && t && setTimeout((() => {
let e = document.querySelector(".tab-grid .actv").offsetTop - 100;
scroll({
top: e,
behavior: "smooth"
})
}), 300);
let r = t.closest(".tab-grid").querySelector(".tab-contents"),
a = [...t.parentNode.children].indexOf(t);
r.querySelector(".actv") && r.querySelector(".actv").classList.remove("actv"), r.children[a] && r.children[a].classList.add("actv")
}
})), document.addEventListener("click", (e => {
let t;
if (t = e.target.matches(".tab-navs > *") ? e.target : e.target.closest(".tab-navs > *"), null != t) {
let e = t.closest(".tab-navs");
e.querySelector(".actv") && e.querySelector(".actv").classList.remove("actv"), t && t.classList.add("actv"), window.matchMedia("(max-width: 999px)").matches && t && setTimeout((() => {
let e = document.querySelector(".tab-grid .actv").offsetTop - 100;
scroll({
top: e,
behavior: "smooth"
})
}), 300);
let r = t.closest(".tab-grid").querySelector(".tab-contents"),
a = [...t.parentNode.children].indexOf(t);
r.querySelector(".actv") && r.querySelector(".actv").classList.remove("actv"), r.children[a] && r.children[a].classList.add("actv")
}
})), document.addEventListener("click", (function(e) {
e.target.matches('main a[href*="contact"] span') && localStorage.setItem("isContactBtnClicked", 1)
})), window.addEventListener("DOMContentLoaded", (() => {
localStorage.getItem("isContactBtnClicked") && (scroll({
top: document.querySelector(".sundew__contact--form").offsetTop - 150,
behavior: "smooth"
}), localStorage.removeItem("isContactBtnClicked"))
}));
let contactTl2 = gsap.timeline({
paused: !0
}),
f = document.querySelector(".projects--done .sundew__webdesign--work-2");
f && (gsap.set(".c-1, .c-3", {
y: "-400px",
ease: "none"
}), gsap.set(".c-2, .c-4, .c-6", {
y: "-200px",
ease: "none"
}), gsap.timeline({
scrollTrigger: {
start: "top bottom",
end: "bottom top",
trigger: f,
scrub: .5
}
}).to(".c-1, .c-3", {
y: "0",
ease: "none"
}).to(".c-2, .c-4, .c-6", {
y: "-400px",
ease: "none"
}, 0));
const touchViewport = window.matchMedia("(min-width: 760px)"),
scrollViewport = window.matchMedia("(max-width: 759px)");
function closeContactModal() {
contactTl2.reverse(), contactTl2.reversed() && setTimeout((() => {
$("#sundew-common-contact")[0].reset(), $("#sundew-common-contact").find("#offer_cat").hide()
}), 1e3)
}
function showMore() {
var e = document.getElementById("content");
e.style.height = e.scrollHeight + "px", document.getElementById("toggleButton").style.display = "none", e.removeAttribute("id"), document.getElementById("toggleButton").style.display = "none"
}
window.addEventListener("DOMContentLoaded", (() => {
function e() {
return ("ontouchstart" in window || navigator.maxTouchPoints > 0) && /Mobi|Android|iP(hone|od|ad)/.test(navigator.userAgent)
}
e() ? ($("main").addClass("touch"), $("main").removeClass("no-touch")) : ($("main").removeClass("touch"), $("main").addClass("no-touch")), $(window).resize((function() {
e() ? ($("main").addClass("touch"), $("main").removeClass("no-touch")) : ($("main").removeClass("touch"), $("main").addClass("no-touch"))
}));
let t = gsap.timeline({
scrollTrigger: {
trigger: ".no-touch .videos-section",
start: "top top",
end: "+=600%",
scrub: 2,
pin: ".no-touch .sundew-video-scroll",
pinType: "transform",
pinSpacing: !0
}
});
document.querySelectorAll(".no-touch .sundew-video-scroll .section").forEach(((e, r) => {
let a = e.querySelector(".no-touch .sundew-video-scroll .video"),
o = e.querySelector(".no-touch .sundew-video-scroll article");
t.to(a, {
opacity: 1,
duration: 1
}).to(o, {
opacity: 1,
y: 0,
duration: 1
}, "-=0.5").to(a, {
opacity: 1,
duration: 1
}, "+=1").to(o, {
opacity: 0,
y: -250,
duration: 1
}, "-=0.5")
})), window.matchMedia("(min-width: 1100px)").matches, setTimeout((() => {
if (document.querySelector(".anim--b2t") && (gsap.set(".anim--b2t > *", {
autoAlpha: 0,
y: 35
}), ScrollTrigger.batch(".anim--b2t > *", {
onEnter: e => gsap.to(e, {
autoAlpha: 1,
y: 0,
stagger: .3,
duration: .5
})
})), document.querySelector(".sundew__fixed-and-scroll-content .grid") && (gsap.set(".sundew__fixed-and-scroll-content .grid > *", {
autoAlpha: 0,
y: 20
}), ScrollTrigger.batch(".sundew__fixed-and-scroll-content .grid > *", {
onEnter: e => gsap.to(e, {
autoAlpha: 1,
y: 0,
stagger: .5,
duration: .5
}),
start: "center 80%"
})), document.querySelector(".sundew__company-approaches .grid--2") && (gsap.set(".sundew__company-approaches .grid--2 > *", {
autoAlpha: 0,
y: 20
}), ScrollTrigger.batch(".sundew__company-approaches .grid--2 > *", {
onEnter: e => gsap.to(e, {
autoAlpha: 1,
y: 0,
stagger: .5,
duration: .5
}),
start: "center 80%"
})), document.querySelector(".zeroeight-one-column") && (gsap.set(".zeroeight-one-column .inner-container", {
autoAlpha: 0,
translateY: "20%"
}), ScrollTrigger.batch(".zeroeight-one-column .inner-container", {
onEnter: e => gsap.to(e, {
autoAlpha: 1,
translateY: "0"
}),
start: "top 80%"
})), document.querySelector(".items-container")) {
let e = gsap.utils.toArray(".items-container"),
t = document.querySelector(".items-container").querySelectorAll(".item");
e.forEach((e => {
let r = e.parentElement;
gsap.timeline({
scrollTrigger: {
pin: !0,
scrub: 2,
trigger: r,
end: "+=" + window.innerHeight * (t.length / 2)
},
invalidateOnRefresh: !0,
ease: Circ.easeOut
}).to(e, {
x: -(e.scrollWidth - r.offsetWidth)
})
}))
}
if (touchViewport.matches) {
let e = document.querySelector(".sundew__webdesign--work--parallax");
e && (gsap.set(".c-1, .c-3", {
x: "800px",
ease: "none"
}), gsap.set(".c-2, .c-4, .c-6", {
x: "-800px",
ease: "none"
}), gsap.timeline({
scrollTrigger: {
start: "top bottom",
end: "bottom top",
trigger: e,
scrub: .5
}
}).to(".c-1, .c-3", {
x: 0,
ease: "none"
}).to(".c-2, .c-4", {
x: 0,
ease: "none"
}, 0))
}
scrollViewport.matches && $(".sundew__webdesign--work").addClass("mobile__skew__scroll"), document.querySelector(".sundew__fixed-and-scroll-content") && ScrollTrigger.batch(".sundew__fixed-and-scroll-content.dark--theme", {
start: "top top"
}), gsap.fromTo(".box", {
autoAlpha: 0
}, {
autoAlpha: .5,
duration: 1
}), gsap.fromTo(".sundew__digital-goal--grid > figure img", {
y: (e, t) => -ScrollTrigger.maxScroll(window) * t.dataset.startSpeed
}, {
y: (e, t) => -ScrollTrigger.maxScroll(window) * t.dataset.endSpeed,
scrollTrigger: {
trigger: ".sundew__digital-goal--grid",
start: "top 80%",
scrub: !0
}
})
}), 300), gsap.set(".sundew--contact-modal", {
yPercent: 90
}), gsap.set(".sundew--contact-modal h5", {
opacity: 0,
yPercent: 100,
skewY: 5
}), gsap.set(".sundew--contact-modal .sundew--rotate", {
opacity: 0
}), gsap.set(".close-contact-modal", {
scale: 0
}), gsap.to(".sundew--contact-modal .sundew--rotate svg:nth-of-type(2)", {
rotate: 360,
ease: "linear",
repeat: -1
}), contactTl2.to(".sundew--contact-modal", {
display: "grid",
delay: 0,
duration: 0
}), contactTl2.to(".sundew--contact-modal", {
yPercent: 0,
duration: .5,
ease: "power1.inOut"
}), contactTl2.to(".sundew--contact-modal h5", {
opacity: 1,
yPercent: 0,
skewY: 0,
duration: .25
}), $(".sundew--contact-modal-form > *").each((function(e, t) {
contactTl2.fromTo($(t), {
y: "15px",
opacity: 0,
ease: "power1.inOut"
}, {
y: "0",
opacity: 1,
ease: "power1.inOut"
}, .1 * e + .25)
})), contactTl2.to(".close-contact-modal", {
scale: 1,
ease: "linear",
duration: .25
});
const r = document.querySelector(".cursor2"),
a = document.querySelectorAll(".cursor__media2"),
o = document.querySelectorAll(".sundew__industries-grid .figs--section figure");
gsap.set(r, {
xPercent: -50,
yPercent: -50,
scale: 0
});
const i = gsap.quickTo(r, "x", {
duration: .6,
ease: "expo"
}),
s = gsap.quickTo(r, "y", {
duration: .6,
ease: "expo"
});
window.addEventListener("mousemove", (e => {
i(e.pageX), s(e.pageY)
}));
const n = gsap.timeline({
paused: !0
});
n.to(r, {
scale: 1,
opacity: 1,
duration: .5,
ease: "expo.inOut"
}), o.forEach(((e, t) => {
e.addEventListener("mouseover", (e => {
a[t].classList.add("active"), n.play()
})), e.addEventListener("mouseout", (() => {
n.reverse(), a[t].classList.remove("active")
}))
}))
}));
var isLaptop = function() {
return $(window).width() > 1199.98
},
isPhone = function() {
return $(window).width() < 575
};
let webModernSTl, appsSTl, dataAnaSTl, dataSeSTl, vmodalTarget, startCount;
function closeModal() {
smoother && smoother.paused(!1), jQuery(".sundew-ui--modal").removeClass("showing-modal"), jQuery("body").removeClass("bound"), vmodalTarget && jQuery(vmodalTarget).find("iframe").attr("src", "")
}
window.addEventListener("DOMContentLoaded", (() => {
gsap.to("#agileTransformGrad > g, .appsEngGradCog", {
ease: "linear",
rotation: 360,
duration: 15,
repeat: -1,
transformOrigin: "50% 50%"
}), gsap.fromTo(".applicationModernGradPathLine", {
scaleX: 0,
scaleY: 1
}, {
ease: "linear",
scaleX: 1,
scaleY: 1,
stagger: .2,
duration: .5,
repeat: -1
}), gsap.to("#applicationManaGradWrench", {
ease: "linear",
rotation: 5,
yoyo: !0,
repeat: -1,
duration: .5,
transformOrigin: "95% left"
}), gsap.to("#automationGradEye > path", {
autoAlpha: .8,
scale: .7,
yoyo: !0,
repeat: -1,
duration: .8,
ease: "bounce.out",
transformOrigin: "50% 50%"
}), gsap.to("#automationGradAntenna > path", {
delay: .5,
scale: 0,
yoyo: !0,
repeat: -1,
duration: 1,
stagger: .25,
transformOrigin: "center bottom"
}), gsap.timeline({
duration: 1.5,
repeat: -1,
repeatDelay: 1.5,
ease: "linear"
}).to(".softwareEngGradLine1", {
drawSVG: "100% 100%"
}, "0").fromTo(".softwareEngGradCircle1", {
scale: 0,
transformOrigin: "50% 50%"
}, {
scale: 1,
transformOrigin: "50% 50%"
}, "0.5").to(".softwareEngGradLine2", {
drawSVG: "100% 100%"
}, "0").fromTo(".softwareEngGradCircle2", {
scale: 0,
transformOrigin: "50% 50%"
}, {
scale: 1,
transformOrigin: "50% 50%"
}, "0.5").to(".softwareEngGradLine3", {
drawSVG: "100% 100%"
}, "0").fromTo(".softwareEngGradCircle3", {
scale: 0,
transformOrigin: "50% 50%"
}, {
scale: 1,
transformOrigin: "50% 50%"
}, "0.5"), gsap.timeline({
duration: .5,
repeat: -1,
repeatDelay: 1,
ease: "linear"
}).to(".qualityGradCircle1", {
scale: 0,
transformOrigin: "50% 50%"
}).to(".qualityGradPath1", {
drawSVG: "100% 100%"
}).to(".qualityGradCircle2", {
scale: 0,
transformOrigin: "50% 50%"
}).to(".qualityGradPath2", {
drawSVG: "100% 100%"
}).to(".qualityGradCircle3", {
scale: 0,
transformOrigin: "50% 50%"
}).to(".qualityGradPath3", {
drawSVG: "100% 100%"
}).to(".qualityGradPath4", {
drawSVG: "100% 100%"
}), gsap.fromTo(".dataSecurityGrad", {
height: "0%",
duration: 2,
repeat: -1,
repeatDelay: 2,
ease: "linear"
}, {
height: "100%",
duration: 2,
repeat: -1,
repeatDelay: 2,
ease: "linear"
}), gsap.fromTo(".digitalstrategyGradEar", {
y: 3,
rotation: 3,
duration: .5,
yoyo: !0,
repeat: -1,
repeatDelay: .2,
ease: "linear",
transformOrigin: "center center"
}, {
y: -3,
rotation: -3,
duration: .5,
yoyo: !0,
repeat: -1,
repeatDelay: .2,
ease: "linear",
transformOrigin: "center center"
});
let e = gsap.timeline({
duration: .8,
repeat: -1,
repeatDelay: .3,
ease: "linear"
});
gsap.set("#managedServiceGrad circle:nth-of-type(1)", {
x: "-10%"
}), gsap.set("#managedServiceGrad circle:nth-of-type(3)", {
x: "10%"
}), e.to("#managedServiceGrad circle:nth-of-type(2)", {
x: "-10%"
}).to("#managedServiceGrad circle:nth-of-type(1)", {
x: "10%"
}).to("#managedServiceGrad circle:nth-of-type(2)", {
x: "0%"
}).to("#managedServiceGrad circle:nth-of-type(1)", {
x: "-10%"
}).to("#managedServiceGrad circle:nth-of-type(2)", {
x: "10%"
}).to("#managedServiceGrad circle:nth-of-type(3)", {
x: "-10%"
});
let t = gsap.timeline({
duration: .6,
repeat: -1,
repeatDelay: .8,
yoyo: !0,
ease: "linear"
});
t.set(".marketingGradSpeaker", {
y: -2
}), t.from(".marketingGradSpeaker", {
rotation: 6,
x: -2,
y: 0,
transformOrigin: "bottom left"
}).from(".marketingGradSoundWave", {
drawSVG: "0%"
}), gsap.timeline({
duration: .5,
repeat: -1,
repeatDelay: .3,
ease: "linear",
yoyo: !0
}).to("#brandGrad", {
y: -6
}).from(".brandGradGlow > *", {
drawSVG: "100% 100%"
}, "0.8"), gsap.timeline({
duration: .5,
repeat: -1,
repeatDelay: .3,
ease: "linear",
yoyo: !0
}).to(".webModernGradLeftTag", {
x: 18,
y: -11
}, "0").to(".webModernGradLightTag", {
x: -18,
y: 11
}, "0"), gsap.timeline({
duration: .01,
repeat: -1,
ease: "linear",
yoyo: !0
}).to(".dataAnalyticsGradSearch", {
x: 0,
y: -12
}).to(".dataAnalyticsGradSearch", {
x: 12,
y: 12
}).to(".dataAnalyticsGradSearch", {
x: 0,
y: 12
}).to(".dataAnalyticsGradSearch", {
x: -12,
y: 0
}), setTimeout((() => {
gsap.set(".webModernS-lamp", {
y: 30
}), gsap.set(".webModernS-filament > *", {
autoAlpha: 0
}), gsap.set(".webModernS-rays > *", {
drawSVG: "0%"
}), webModernSTl = gsap.timeline({
duration: .35,
ease: "linear",
paused: !0
}), webModernSTl.to(".webModernS-lamp", {
y: 0
}).to(".webModernS-filament > *", {
autoAlpha: 1
}).to(".webModernS-rays > *", {
drawSVG: "100%"
}), gsap.set(".appsS-graph > *", {
drawSVG: "0%"
}), appsSTl = gsap.timeline({
duration: .15,
ease: "linear",
paused: !0
}), appsSTl.to(".appsS-graph > *", {
drawSVG: "100%",
stagger: .15
}), gsap.set(".dataAnaS-bars > *", {
drawSVG: "0%"
}), dataAnaSTl = gsap.timeline({
duration: .15,
ease: "linear",
paused: !0
}), dataAnaSTl.to(".dataAnaS-bars > *", {
drawSVG: "100%",
stagger: .15
}), gsap.set(".dataSeS-lock", {
scaleX: "-1",
scaleY: "1",
x: "-10",
transformOrigin: "center"
}), gsap.set(".dataSeS-tick", {
drawSVG: "0%"
}), dataSeSTl = gsap.timeline({
duration: .15,
ease: "linear",
paused: !0
}), dataSeSTl.to(".dataSeS-lock", {
scaleX: "1",
scaleY: "1",
x: "0",
transformOrigin: "center"
}).to(".dataSeS-lock", {
y: "2"
}).to(".dataSeS-tick", {
drawSVG: "100%"
})
}), 300)
})), $(document).ready((function() {
$(window).width() <= 1199 && $(".toTop").click((function(e) {
e.preventDefault(), $("html, body").animate({
scrollTop: 0
}, 800)
}));
let e = {
set1: [{
img: "./frontend/assets/img/project-logos/arcitile.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/arcitile.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/arcitile.webp?v=1.1"
}],
set2: [{
img: "./frontend/assets/img/project-logos/grid.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/grid.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/grid.webp?v=1.1"
}],
set3: [{
img: "./frontend/assets/img/project-logos/docplexus.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/docplexus.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/docplexus.webp?v=1.1"
}],
set4: [{
img: "./frontend/assets/img/project-logos/lelay.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/lelay.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/lelay.webp?v=1.1"
}],
set5: [{
img: "./frontend/assets/img/project-logos/LHG.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/lhg.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/lhg.webp?v=1.1"
}],
set6: [{
img: "./frontend/assets/img/project-logos/gruff.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/gruff.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/gruff.webp?v=1.1"
}],
set7: [{
img: "./frontend/assets/img/project-logos/gdf.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/goduty.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/goduty.webp?v=1.1"
}],
set8: [{
img: "./frontend/assets/img/project-logos/MB.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/mb.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/mb.webp?v=1.1"
}],
set9: [{
img: "./frontend/assets/img/project-logos/sadekya.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/sadekya.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/sadekya.webp?v=1.1"
}],
set10: [{
img: "./frontend/assets/img/project-logos/TMV.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/tmv.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/tmv.webp?v=1.1"
}],
set11: [{
img: "./frontend/assets/img/project-logos/MDF.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/mdf.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/mdf.webp?v=1.1"
}],
set12: [{
img: "./frontend/assets/img/project-logos/verve.png?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/mobile/verve.webp?v=1.1"
}, {
img: "./frontend/assets/img/2025_v1/home/projects/desktop/verve.webp?v=1.1"
}]
},
t = e.set1;
t && ($(".logo").attr("src", t[0] ? .img), $(".mobile-view").attr("src", t[1] ? .img), $(".desktop-view").attr("src", t[2] ? .img), $(".hidden-images").addClass("showing")), $(".image-container").hover((function() {
let t = $(this).data("set"),
r = e[t];
$(".logo").attr("src", r[0].img), $(".mobile-view").attr("src", r[1].img), $(".desktop-view").attr("src", r[2].img), $(".hidden-images").addClass("showing")
})), jQuery("body").on("click", (e => {
vmodalTarget = jQuery(e.target).attr("data-video-modal") ? jQuery(e.target).attr("data-video-modal") : jQuery(e.target).closest("[data-video-modal]").attr("data-video-modal");
let t = jQuery(e.target).attr("data-vimeo-video-id") ? jQuery(e.target).attr("data-vimeo-video-id") : jQuery(e.target).closest("[data-vimeo-video-id]").attr("data-vimeo-video-id"),
r = jQuery(e.target).attr("data-yt-id") ? jQuery(e.target).attr("data-yt-id") : jQuery(e.target).closest("[data-yt-id]").attr("data-yt-id");
if (vmodalTarget && t) {
jQuery("body").addClass("bound"), jQuery(vmodalTarget).addClass("showing-modal");
let e = "https://player.vimeo.com/video/" + t + "?loop=1&title=0&byline=0&portrait=0";
jQuery(vmodalTarget).find("iframe").attr("src", e)
} else if (vmodalTarget && r) {
jQuery("body").addClass("bound"), jQuery(vmodalTarget).addClass("showing-modal");
let e = "https://www.youtube.com/embed/" + r;
jQuery(vmodalTarget).find("iframe").attr("src", e)
}
})), jQuery("body").on("click", ".sundew-ui--modal-bg", (function() {
closeModal()
})), jQuery("body").keyup((function(e) {
27 == e.keyCode && closeModal()
})), jQuery("body").on("click", (e => {
let t = jQuery(e.target).attr("data-modal") ? jQuery(e.target).attr("data-modal") : jQuery(e.target).closest("[data-modal]").attr("data-modal");
t && (jQuery("body").find(".sds-ui--modal.showing-modal").removeClass("showing-modal"), jQuery("body").find(t).addClass("showing-modal"), jQuery("body").addClass("bound"), smoother && smoother.paused(!0))
})), jQuery("body").on("click", (e => {
jQuery(e.target).is(".sds-ui--modal-bg") ? jQuery(e.target).closest(".sds-ui--modal").removeClass("showing-modal") : jQuery(e.target).is(".sds-ui--modal") && jQuery(e.target).removeClass("showing-modal")
}))
})), document.addEventListener("DOMContentLoaded", (() => {
document.querySelector(".grid-view") && document.querySelector(".grid-view").addEventListener("click", (() => {
gsap.to(".grid-view", {
autoAlpha: 1
}), gsap.to(".single-grid-view", {
autoAlpha: .4
}), gsap.to(".sundew--job-card-grid", {
autoAlpha: 0,
duration: .3,
onComplete: () => {
document.querySelector(".sundew--job-card-grid").classList.remove("single-view"), gsap.to(".sundew--job-card-grid", {
autoAlpha: 1,
duration: .3
})
}
})
})), document.querySelector(".single-grid-view") && document.querySelector(".single-grid-view").addEventListener("click", (() => {
gsap.to(".single-grid-view", {
autoAlpha: 1
}), gsap.to(".grid-view", {
autoAlpha: .4
}), gsap.to(".sundew--job-card-grid", {
autoAlpha: 0,
duration: .3,
onComplete: () => {
document.querySelector(".sundew--job-card-grid").classList.add("single-view"), gsap.to(".sundew--job-card-grid", {
autoAlpha: 1,
duration: .3
})
}
})
})), new Swiper(".swiper__single", {
navigation: {
nextEl: ".swiper__single--next",
prevEl: ".swiper__single--prev"
}
});
let e = gsap.timeline({
scrollTrigger: {
trigger: ".p1-svg-content--grid",
start: "top 40%"
}
});
gsap.set("#p1--candidates > *", {
autoAlpha: 0
}), gsap.set("#p1--shining-star", {
scale: 0,
transformOrigin: "center"
}), gsap.set("#p1--hand", {
transformOrigin: "10% 41%",
rotation: 15
}), e.to("#p1--01 path", {
fill: "rgba(7, 52, 245, 1)",
duration: "0.5",
ease: "power1.inOut"
}), e.to("#p1--candidates > *", {
autoAlpha: 1,
stagger: .2
}, "0"), e.set("#p1--magnifyglass", {
css: {
"-webkit-animation": "transformR 1s forwards",
animation: "transformR 1s forwards"
}
}), e.to("#p1--hand", {
rotation: 0,
duration: 1
}), e.to("#p1--shining-star", {
scale: 6.5
}), e.fromTo("#p1--shining-star", {
rotation: 0
}, {
rotation: 60,
duration: 1,
delay: .2
}), e.to("#p1--shining-star", {
autoAlpha: 0,
scale: 0
}), e.to("#p1--selected-candidate", {
scale: 1.5,
transformOrigin: "center"
}, "-=0.45"), e.to("#p1--candidates > *:not(#p1--selected-candidate)", {
autoAlpha: 0,
stagger: -.1
}, "-=0.01"), e.to("#p1--selected-candidate", {
transformOrigin: "32% 32%",
scale: 4
}), e.to("#p1--plaine", {
duration: 5,
ease: "power1.inOut",
motionPath: {
path: "#p1--dotted-svg",
align: "#p1--dotted-svg",
alignOrigin: [.5, .25],
autoRotate: -90
}
});
let t = gsap.timeline({
scrollTrigger: {
trigger: ".p2-svg-content--grid",
start: "top 50%"
}
}),
r = gsap.timeline({
paused: !0
});
r.to("#p2--02 path", {
fill: "rgba(7, 52, 245, 1)",
duration: "0.5",
ease: "power1.inOut"
}), r.to("#p2--recruiter-talk3, #p2--recruiter-talk2, #p2--recruiter-talk1", {
autoAlpha: 1,
stagger: .1
}, "0"), r.fromTo("#p2--recruiter-talk3, #p2--recruiter-talk2, #p2--recruiter-talk1", {
autoAlpha: 1
}, {
autoAlpha: .4,
stagger: .1,
duration: .1,
repeat: -1,
yoyo: !0
}), r.to("#p2--candidate-conversation", {
scale: 1,
rotation: "0"
}), r.to("#p2--candidate-talk3, #p2--candidate-talk2, #p2--candidate-talk1", {
autoAlpha: 1,
stagger: .1
}), r.fromTo("#p2--candidate-talk3, #p2--candidate-talk2, #p2--candidate-talk1", {
autoAlpha: 1
}, {
autoAlpha: .4,
stagger: .1,
duration: .1,
repeat: -1,
yoyo: !0
}), gsap.set("#p2--candidate-hand", {
transformOrigin: "top right"
}), gsap.set("#p2--recruiter-talk3, #p2--recruiter-talk2, #p2--recruiter-talk1", {
autoAlpha: 0
}), gsap.set("#p2--candidate-talk3, #p2--candidate-talk2, #p2--candidate-talk1", {
autoAlpha: 0
}), gsap.set("#p2--recruiter-conversation", {
transformOrigin: "bottom left",
scale: 0,
rotation: "-10"
}), gsap.set("#p2--candidate-conversation", {
transformOrigin: "bottom left",
scale: 0,
rotation: "-10"
}), gsap.set("#p2--recruiter-hand", {
transformOrigin: "10% 41%"
}), gsap.fromTo("#p2--recruiter-hand", {
rotation: "-1"
}, {
rotation: "1",
repeat: -1,
yoyo: !0
}), gsap.fromTo("#p2--candidate-hand", {
rotation: "-1"
}, {
rotation: "1",
repeat: -1,
yoyo: !0
}), t.to("#p2--recruiter-conversation", {
scale: 1,
rotation: "0"
}), t.add(r.play());
let a = gsap.timeline({
scrollTrigger: {
trigger: ".p3-svg-content--grid",
start: "top 50%"
}
});
if (gsap.set(" #p3--recruiter-speech > *, #p3--candidate-speech > *", {
autoAlpha: 0
}), gsap.set("#p3--candidate-right-hand", {
transformOrigin: "top right"
}), gsap.set("#p3--candidate-left-hand", {
transformOrigin: "top right"
}), gsap.set("#p3--recruiter-left-hand", {
transformOrigin: "10% 41%",
rotation: "1"
}), gsap.fromTo("#p3--recruiter-left-hand", {
rotation: "1"
}, {
rotation: "-1",
repeat: -1,
yoyo: !0
}), gsap.fromTo("#p3--candidate-left-hand", {
rotation: "-1"
}, {
rotation: "1",
repeat: -1,
yoyo: !0
}), gsap.set("#p3--candidate-conversation", {
transformOrigin: "bottom left",
scale: 0,
rotation: "-10"
}), gsap.set("#p3--recruiter-conversation", {
transformOrigin: "bottom right",
scale: 0,
rotation: "-10"
}), gsap.fromTo("#p3--recruiter-right-hand", {
rotation: "-1"
}, {
rotation: "1",
repeat: -1,
yoyo: !0
}), gsap.fromTo("#p3--candidate-right-hand", {
rotation: "1"
}, {
rotation: "-1",
repeat: -1,
yoyo: !0
}, "0"), a.to("#p3--03 path", {
fill: "rgba(7, 52, 245, 1)",
duration: "0.5",
ease: "power1.inOut"
}), a.to("#p3--recruiter-conversation", {
scale: 1.2,
rotation: "0"
}), a.to("#p3--recruiter-speech > *", {
autoAlpha: 1,
duration: .05,
stagger: -.05
}), a.to("#p3--candidate-conversation", {
scale: 1.2,
rotation: "0"
}), a.to("#p3--candidate-speech > *", {
autoAlpha: 1,
duration: .05,
stagger: -.05
}), null !== document.querySelector(".sundew__trust-block")) {
startCount = {
var: 0
};
let g = gsap.timeline({
scrollTrigger: {
trigger: ".sundew__trust-block",
start: "top 80%",
end: "bottom 80%",
scrub: 1
}
});
gsap.set("#svg-btmpathpoints", {
transformOrigin: "99.9% 99%"
}), g.to("#svg-curve", {
attr: {
d: "M7 7C7 157 183 333 333 333"
}
}, "0"), g.to(".sundew__success-stories-hero-2--content", {
motionPath: {
path: "#svg-curveClone",
align: "#svg-curveClone",
start: 1,
end: .13,
alignOrigin: [1, 0]
},
ease: "linear"
}, "0"), g.to("#svg-curvestartpoint, #svg-curvestartpoint_2", {
attr: {
d: "M13 1V13H1V1H13Z"
}
}, "0"), g.to("#svg-btmpathpoints", {
rotation: "-90"
}, "0"), g.to(startCount, {
var: 300,
ease: "none",
onUpdate: changeNumber
}, "0")
}
const o = document.querySelector(".sundew__for-everyone");
if (null !== o) {
startCount = {
var: 2e3
};
let m = gsap.timeline({
scrollTrigger: {
trigger: o,
start: "top 42%",
duration: 1
}
});
m.from(countElem, {
xPercent: "-154"
}), m.to(startCount, {
var: 2025,
onUpdate: changeNumber
}, ">-=0.2")
}
if (window.matchMedia("(min-width: 1201px)").matches) {
let y = document.querySelector(".sundew__horizontal-gallery--parent");
null !== y && (horizontalGalleryElmWidth = y.offsetWidth, horizontalGalleryElmWrapper = y.querySelector(".sundew__horizontal-gallery--child"), horizontalGalleryElmWrapperWidth = horizontalGalleryElmWrapper.scrollWidth, horizontalGalleryElmWrapperChild = horizontalGalleryElmWrapper.querySelectorAll("img").length, gsap.timeline({
scrollTrigger: {
trigger: ".sundew__horizontal-gallery",
start: "center 55%",
end: () => `+=${horizontalGalleryElmWrapperWidth-horizontalGalleryElmWidth} 55%`,
pin: !0,
scrub: !0,
invalidateOnRefresh: !0
}
}).to(horizontalGalleryElmWrapper, {
x: horizontalGalleryElmWidth - horizontalGalleryElmWrapperWidth + "px",
ease: "power1.out"
}))
}
if (window.matchMedia("(max-width: 1200px)").matches && new Swiper(".sundew__horizontal-gallery_swiper", {
slidesPerView: 1.2,
spaceBetween: 10,
autoplay: {
delay: 1500,
disableOnInteraction: !1
},
breakpoints: {
575: {
spaceBetween: 15,
slidesPerView: 2.1
},
768: {
spaceBetween: 15,
slidesPerView: 2.2
},
875: {
spaceBetween: 15,
slidesPerView: 2.2
},
992: {
spaceBetween: 15,
slidesPerView: 3
},
1024: {
spaceBetween: 15,
slidesPerView: 3.2
}
}
}), null !== document.querySelector(".sundew__facility-grid")) {
let w = gsap.timeline({
scrollTrigger: {
trigger: ".sundew__facility-grid",
start: "top center"
}
});
const h = document.getElementById("drawPath1"),
f = document.getElementById("drawPath2"),
v = document.getElementById("drawPath3"),
_ = h.getTotalLength(),
b = f.getTotalLength(),
S = v.getTotalLength();
h.style.strokeDasharray = _, h.style.strokeDashoffset = 0, f.style.strokeDasharray = b, f.style.strokeDashoffset = 0, v.style.strokeDasharray = S, v.style.strokeDashoffset = 0, w.to(h, {
strokeDashoffset: _,
duration: 1,
ease: "power1.inOut"
}), w.to(f, {
strokeDashoffset: b,
duration: 1,
ease: "power1.inOut"
}, "0"), w.to(v, {
strokeDashoffset: S,
duration: 1,
ease: "power1.inOut"
}, "0"), w.from(".sundew__facility-grid .svg-container span", {
x: "-10%",
y: "-10%",
opacity: "0",
stagger: "0.1",
ease: "power1.inOut"
}, "0")
}
null !== document.querySelector(".sundew__rpa-grid-content") && (ScrollTrigger.refresh(!0), horizonSVGSlider());
const i = document.querySelector(".sundew__rpa-grid-content");
if (null !== i && (gsap.set(".grad-ver", {
scaleY: 0,
transformOrigin: "top top"
}), gsap.set(".grad-hr", {
scaleX: 0,
transformOrigin: "left center"
}), gsap.to(".grad-ver", {
scaleY: 1,
scrollTrigger: {
trigger: i,
start: "top 70%",
duration: 3,
ease: "power4.out"
}
}), gsap.to(".grad-hr", {
scaleX: 1,
scrollTrigger: {
trigger: i,
start: "bottom bottom",
duration: 3,
ease: "power4.out"
}
})), window.matchMedia("(max-width: 768px)").matches, window.matchMedia("(min-width: 1200px)").matches) {
const x = document.querySelector(".sundew__rpa-possiblities");
null !== x && (gsap.set(".sundew__rpa-possiblities--sec-heading h3:nth-of-type(1)", {
x: "-120"
}), gsap.set(".sundew__rpa-possiblities--sec-heading h3:nth-of-type(2)", {
x: "120"
}), gsap.timeline({
scrollTrigger: {
trigger: x,
start: "top center"
}
}).to(".sundew__rpa-possiblities--sec-heading h3", {
x: "0",
duration: 10
}));
const T = document.querySelector(".sundew__rpa-implementation"),
P = document.querySelector(".sundew__rpa-implementation--content-features");
if (null !== T) {
gsap.set(".sundew__rpa-implementation--content", {
y: gsap.getProperty(P, "height"),
autoAlpha: .85
}), gsap.set(".sundew__rpa-implementation--content-features li", {
autoAlpha: 0,
y: 100
});
let E = gsap.timeline({
scrollTrigger: {
trigger: T,
pin: !0,
start: "top top",
end: "+=2000",
scrub: 1
}
});
E.to(".sundew__rpa-implementation--content", {
y: 0,
autoAlpha: 1,
ease: "power4.out"
}), E.to(".sundew__rpa-implementation--content-features li", {
autoAlpha: 1,
y: 0,
stagger: .1,
ease: "power2.inOut"
}, "0"), E.to(".sundew__rpa-implementation--content-features--timeline", {
height: "78%",
duration: .3,
ease: "power2.inOut"
}, "0")
}
}
null !== document.querySelector(".sundew__rpa") && (gsap.set(".sundew__rpa svg path", {
strokeDasharray: "530.79345703125",
strokeDashoffset: "530.79345703125"
}), gsap.to(".sundew__rpa svg path", {
duration: 2,
strokeDasharray: "530.79345703125",
strokeDashoffset: "0"
}));
const s = document.querySelector(".sundew__hero-texts-animation");
if (null !== s) {
let A = gsap.timeline({
repeat: -1,
ease: "power4.inOut"
}),
j = s.querySelectorAll(".words span"),
C = s.querySelectorAll(".words"),
Q = .4,
k = 1,
V = Q + k,
q = V * (j.length - 1) + k;
gsap.set(C, {
autoAlpha: 1
}), A.from(j, {
yPercent: "100",
duration: Q,
opacity: 0,
stagger: {
each: V,
repeat: -1,
repeatDelay: q
}
}).to(j, {
yPercent: "-100",
duration: Q,
opacity: 0,
stagger: {
each: V,
repeat: -1,
repeatDelay: q
}
}, V)
}
if (window.matchMedia("(min-width: 1368px)").matches && (document.querySelectorAll(".swiper__horizental").forEach((e => {
swipeHorizontalElmWidth = e.offsetWidth, swipeHorizontalElmWrapper = e.querySelector(".swiper-wrapper"), swipeHorizontalElmWrapperWidth = swipeHorizontalElmWrapper.scrollWidth, swipeHorizontalElmWrapperChild = swipeHorizontalElmWrapper.querySelectorAll(".swiper-slide").length, gsap.to(swipeHorizontalElmWrapper, {
x: swipeHorizontalElmWidth - swipeHorizontalElmWrapperWidth + "px",
scrollTrigger: {
trigger: e,
start: "center center",
end: `+=${300*swipeHorizontalElmWrapperChild}px`,
pin: e,
scrub: !0,
invalidateOnRefresh: !0
}
})
})), document.querySelectorAll(".swiper__horizental2").forEach((e => {
swipeHorizontalElmWidth2 = e.offsetWidth, swipeHorizontalElmWrapper2 = e.querySelector(".swiper-wrapper"), swipeHorizontalElmWrapperWidth2 = swipeHorizontalElmWrapper2.scrollWidth, swipeHorizontalElmWrapperChild2 = swipeHorizontalElmWrapper2.querySelectorAll(".swiper-slide").length, gsap.to(swipeHorizontalElmWrapper2, {
x: swipeHorizontalElmWidth2 - swipeHorizontalElmWrapperWidth2 + "px",
scrollTrigger: {
trigger: e,
start: "center center",
end: `+=${300*swipeHorizontalElmWrapperChild2}px`,
pin: e,
scrub: !0,
invalidateOnRefresh: !0
}
})
})), document.querySelectorAll(".swiper__4-trigger").forEach((e => {
swipeHorizontalElmWidth2 = e.offsetWidth, swipeHorizontalElmWrapper2 = e.querySelector(".swiper-wrapper"), swipeHorizontalElmWrapperWidth2 = swipeHorizontalElmWrapper2.scrollWidth, swipeHorizontalElmWrapperChild2 = swipeHorizontalElmWrapper2.querySelectorAll(".swiper-slide").length, gsap.to(swipeHorizontalElmWrapper2, {
x: swipeHorizontalElmWidth2 - swipeHorizontalElmWrapperWidth2 + "px",
scrollTrigger: {
trigger: e,
start: "top 12%",
end: `+=${300*swipeHorizontalElmWrapperChild2}px`,
pin: e,
scrub: 1,
invalidateOnRefresh: !0
}
})
}))), window.matchMedia("(max-width: 1367px)").matches && (document.querySelector(".swiper__horizental ") && (swiper__horiZ = new Swiper(".swiper__horizental", {
slidesPerView: 1.5,
breakpoints: {
320: {
slidesPerView: 1.1
},
475: {
slidesPerView: 1.5
},
600: {
slidesPerView: 2
},
768: {
slidesPerView: 2.1
},
960: {
slidesPerView: 2.5
},
1300: {
slidesPerView: 3.2
}
},
navigation: {
nextEl: ".swiper__horizental--next",
prevEl: ".swiper__horizental--prev"
}
})), document.querySelector(".swiper__horizental2 ") && (swiper__horiZ2 = new Swiper(".swiper__horizental2", {
slidesPerView: 1.5,
breakpoints: {
320: {
slidesPerView: 1.1
},
475: {
slidesPerView: 1.5
},
960: {
slidesPerView: 2.5
},
1300: {
slidesPerView: 3.8
}
},
navigation: {
nextEl: ".swiper__horizental2--next",
prevEl: ".swiper__horizental2--prev"
}
})), document.querySelector(".swiper__advisory-2 ") && (swiper__horiAdv = new Swiper(".swiper__advisory-2", {
slidesPerView: 1.5,
breakpoints: {
320: {
slidesPerView: 1.1
},
475: {
slidesPerView: 1.5
},
960: {
slidesPerView: 2.5
},
1300: {
slidesPerView: 3.2
}
},
navigation: {
nextEl: ".swiper__advisory-2--next",
prevEl: ".swiper__advisory-2--prev"
}
}))), document.querySelectorAll(".slider__animation").forEach((e => {
swipeHorizontalElmWidth3 = e.offsetWidth, swipeHorizontalElmWrapper3 = e.querySelector(".swiper-wrapper"), swipeHorizontalElmWrapperWidth3 = swipeHorizontalElmWrapper3.scrollWidth, swipeHorizontalElmWrapperChild3 = swipeHorizontalElmWrapper3.querySelectorAll(".swiper-slide").length, gsap.to(swipeHorizontalElmWrapper3, {
x: swipeHorizontalElmWidth3 - swipeHorizontalElmWrapperWidth3 + "px",
scrollTrigger: {
trigger: e,
start: "center center",
end: `+=${300*swipeHorizontalElmWrapperChild3}px`,
pin: e,
scrub: !0,
invalidateOnRefresh: !0
}
})
})), null !== document.querySelector(".blurAnim")) {
const B = c(-40, 40),
L = c(-20, 20),
M = c(1, 1.5),
O = c(1, 1.25),
$ = c(-150, 150);
function n(e, t) {
gsap.to(e, O(), {
rotation: $(t),
ease: Sine.easeInOut,
onComplete: n,
onCompleteParams: [e, -1 * t]
})
}
function l(e, t) {
gsap.to(e, M(), {
x: B(t),
ease: Sine.easeInOut,
onComplete: l,
onCompleteParams: [e, -1 * t]
})
}
function d(e, t) {
gsap.to(e, M(), {
y: L(t),
ease: Sine.easeInOut,
onComplete: d,
onCompleteParams: [e, -1 * t]
})
}
function c(e, t) {
const r = t - e;
return (t = 1) => (e + r * Math.random()) * t
}
gsap.utils.toArray(".blurAnim").forEach((e => {
gsap.set(e, {
x: B(-1),
y: B(1),
rotation: $(-1)
}), l(e, 1), d(e, -1), n(e, 1)
}))
}
let p = document.getElementsByClassName("life-content-path");
null !== p && (gsap.set(".inner-event-box", {
x: 10,
y: -10,
autoAlpha: 0
}), gsap.timeline({
scrollTrigger: {
trigger: p,
start: "top 60%"
}
}).to(".inner-event-box", {
x: 0,
y: 0,
autoAlpha: 1,
stagger: .1,
ease: "power1.out"
}));
let u = document.getElementsByClassName("life-grid");
null !== u && Array.from(u).forEach((function(e) {
gsap.set(".life-grid > figure", {
y: 25,
autoAlpha: .2
}), ScrollTrigger.batch(".life-grid > figure", {
onEnter: e => {
gsap.to(e, {
y: 0,
autoAlpha: 1,
stagger: .1,
ease: "power1.inOut"
})
}
})
}))
}));
let countElem = document.querySelector("[data-counter]");
function changeNumber() {
countElem.innerHTML = startCount.var.toFixed()
}
function format_number(e) {
return e.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")
}
function horizonSVGSlider() {
let e, t, r, a;
e = document.querySelector(".horizon-slider-wrap--desktop"), t = e.querySelector(".svg-panel");
const o = e.querySelector(".theCircle"),
i = e.querySelector(".theCircleShadow"),
s = e.querySelector(".theLine"),
n = [o, i],
l = e.querySelectorAll(".sundew__rpa-benefit-card");
let d, c;
d = document.querySelector(".horizon-slider-wrap--mobile"), c = d.querySelector(".svg-panel");
const p = d.querySelector(".theCircle"),
u = d.querySelector(".theCircleShadow"),
g = d.querySelector(".theLine"),
m = [p, u],
y = c.querySelectorAll(".sundew__rpa-benefit-card");
function w() {
gsap.set(".theLineFill", {
drawSVG: "0% 0%"
}), gsap.to(n, {
motionPath: {
path: s,
align: s,
alignOrigin: [.5, .5],
start: 0,
end: 1
},
ease: "none",
scrollTrigger: {
trigger: ".horizon-slider-wrap--desktop",
start: "top 20%",
end: () => .7 * r + " 70vw",
scrub: 1.2,
onUpdate: e => {
let t = o.getBoundingClientRect().left + o.getBoundingClientRect().width / 2;
l.forEach((e => {
let r = e.getBoundingClientRect().left + e.getBoundingClientRect().width / 2,
a = Math.abs(t - r),
o = Math.max(.2, 1 - a / (window.innerWidth / 2.2)),
i = e.querySelector("h5");
gsap.to(i, {
opacity: o,
immediateRender: !1
})
}));
let r = e.progress;
gsap.to(".theLineFill", {
drawSVG: `0% ${100*r}%`,
immediateRender: !1
})
}
}
}), r = t.offsetWidth, a = {
trigger: e,
start: "top 10%",
end: () => .45 * r + " 70vw",
pin: !0,
scrub: !0
}, gsap.to(e, {
scrollTrigger: a,
x: () => -1 * (r - document.documentElement.clientWidth),
ease: "none"
}), totalHeight = c.offsetHeight, gsap.to(m, {
motionPath: {
path: g,
align: g,
alignOrigin: [.5, .5],
start: 0,
end: 1
},
ease: "none",
scrollTrigger: {
trigger: d,
start: "top 20%",
end: () => .7 * totalHeight + " 70vw",
scrub: 1.2,
onUpdate: e => {
let t = p.getBoundingClientRect().top + p.getBoundingClientRect().height / 2;
y.forEach((e => {
let r = e.getBoundingClientRect().top + e.getBoundingClientRect().height / 2,
a = Math.abs(t - r),
o = Math.max(.2, 1 - a / (window.innerHeight / 2.2));
gsap.to(e, {
opacity: o,
immediateRender: !1
})
}))
},
markers: !1
}
})
}
gsap.set(y, {
opacity: .2
}), gsap.set(y[0], {
opacity: 1
});
const h = function(e) {
let t;
return function(...r) {
clearTimeout(t), t = setTimeout((() => e.apply(this, r)), 300)
}
}((function() {
gsap.set([e, t, d, c], {
clearProps: "all"
}), r = t.offsetWidth, totalHeight = c.offsetHeight, w(), ScrollTrigger.refresh(!0)
}));
document.querySelector(".horizon-slider-wrap") && (w(), window.matchMedia("(min-width: 80em)").matches && window.addEventListener("resize", h))
}
if (jQuery("body").on("click", ".ui--tab-menu > li", (function(e) {
let t = jQuery(this).closest(".ui--tab").find(".ui--tab-contents"),
r = jQuery(this).index();
jQuery(this).hasClass("tab-menu-active") || (jQuery(this).siblings(".tab-menu-active").removeClass("tab-menu-active"), jQuery(this).addClass("tab-menu-active"), [...t].forEach((e => {
jQuery(e).children(".tab-active").hide(), jQuery(e).children(".tab-active").removeClass("tab-active"), jQuery(e).children().eq(r).fadeIn("slow"), jQuery(e).children().eq(r).addClass("tab-active")
})))
})), jQuery("body").on("click", ".ui--accordian .accordian-btn", (function(e) {
let t = jQuery(this).closest(".ui--accordian");
t.find(".accordian-content").not(jQuery(this).siblings(".accordian-content")).slideUp(), t.find(".ui--accordian-item").not(jQuery(this).closest(".ui--accordian-item")).removeClass("accordian-active"), jQuery(this).siblings(".accordian-content").slideToggle(), jQuery(this).closest(".ui--accordian-item").toggleClass("accordian-active")
})), window.matchMedia("(max-width: 1367px)").matches && new Swiper(".swiper__4", {
slidesPerView: "auto",
spaceBetween: 15,
breakpoints: {
320: {
slidesPerView: 1.2
},
676: {
slidesPerView: 2.2
},
1024: {
slidesPerView: 3.2
},
1300: {
slidesPerView: 4.2
}
},
navigation: {
nextEl: ".swiper__4--next",
prevEl: ".swiper__4--prev"
},
scrollbar: {
el: ".swiper__4__scrollbar",
draggable: !0
}
}), window.matchMedia("(min-width: 1200px)").matches) {
const e = gsap.timeline({
scrollTrigger: {
pin: ".our--features-left",
pinType: "transform",
pinSpacing: !0,
top: "top",
end: "+=1100s",
ease: "power2.inOut",
scrub: !0
}
});
e.to(".ani_1", {
rotation: 360,
transformOrigin: "center center",
duration: 4
}, "<"), e.to(".ani_2", {
rotation: -360,
transformOrigin: "center center",
duration: 4
}, "<"), gsap.timeline({
scrollTrigger: {
pin: ".sundew__rpa-possiblities--headings",
pinType: "transform",
pinSpacing: !0,
top: "top",
end: "+=1000s",
ease: "power2.inOut",
scrub: !0
}
}), gsap.timeline({
scrollTrigger: {
pin: ".card-4-sticky .left",
pinType: "transform",
pinSpacing: !0,
top: "top",
end: "+=850",
ease: "power2.inOut",
scrub: !0
}
}), gsap.timeline({
scrollTrigger: {
pin: ".card-5-sticky .left",
pinType: "transform",
pinSpacing: !0,
top: "top",
end: "+=1150",
ease: "power2.inOut",
scrub: !0
}
}), gsap.timeline({
scrollTrigger: {
pin: ".card-6-sticky .left",
pinType: "transform",
pinSpacing: !0,
top: "top",
end: "+=1400",
ease: "power2.inOut",
scrub: !0
}
}), gsap.timeline({
scrollTrigger: {
pin: ".agile-card-6-sticky .left",
pinType: "transform",
pinSpacing: !0,
top: "top",
end: "+=1850",
ease: "power2.inOut",
scrub: !0
}
})
}
if (window.matchMedia("(min-width:1200px)").matches && (gsap.utils.toArray(".sundew--studio .scroll_img_anim").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 80,
opacity: 0
}, {
duration: .3,
delay: 1.5,
yPercent: 0,
opacity: 1
});
ScrollTrigger.create({
trigger: ".sundew--studio",
animation: r,
start: "top 90%",
end: "+=800",
scrub: 1
})
})), gsap.utils.toArray(".sundew_about_brand h2").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 150,
opacity: .7
}, {
duration: .3,
delay: 1,
yPercent: 20,
opacity: 1
});
ScrollTrigger.create({
trigger: ".sundew_about_brand",
animation: r,
start: "top 70%",
end: "+=900",
scrub: 1
})
})), gsap.utils.toArray(".sundew_about_brand .brand-img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 200,
opacity: .7
}, {
duration: .3,
delay: 1,
yPercent: 0,
opacity: 1
});
ScrollTrigger.create({
trigger: ".sundew_about_brand",
animation: r,
start: "top 80%",
end: "+=900",
scrub: 1
})
})), gsap.utils.toArray(".sundew_top_content_bottom_banner-with-scroll-2025 .bt-scrol-img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 200,
opacity: .7
}, {
duration: .3,
delay: 1,
yPercent: 1,
opacity: 1
});
ScrollTrigger.create({
trigger: ".sundew_top_content_bottom_banner-with-scroll-2025",
animation: r,
start: "top 80%",
end: "+=600",
scrub: 1
})
})), gsap.utils.toArray(".sundew_right_img_ani-2025 figure img").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 20,
opacity: 1
}, {
duration: .3,
yPercent: -10,
opacity: 1
});
ScrollTrigger.create({
trigger: ".sundew_right_img_ani-2025",
animation: r,
start: "top 100%",
end: "+=1000",
scrub: !0
})
})), gsap.utils.toArray(".sundew--studio.sundew--studio--new .scroll_img_anim").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 80,
opacity: 0
}, {
duration: .3,
delay: 1.5,
yPercent: 0,
opacity: 1
});
ScrollTrigger.create({
trigger: ".sundew--studio",
animation: r,
start: "top 80%",
end: "+=800",
scrub: 1
})
})), gsap.utils.toArray(".sundew--studio .logo_float").forEach(((e, t) => {
const r = gsap.fromTo(e, {
yPercent: 60,
opacity: .7
}, {
duration: .3,
delay: 1.5,
yPercent: -10,
opacity: 1
});
ScrollTrigger.create({
trigger: ".sundew--studio",
animation: r,
start: "top 30%",
end: "+=900",
scrub: 1
})
}))), window.matchMedia("(max-width: 991px)").matches) {
var swiper = new Swiper(".upsSwiper", {
slidesPerView: 1,
spaceBetween: 0,
pagination: {
el: ".swiper-pagination",
clickable: !0
},
breakpoints: {
0: {
slidesPerView: 1,
spaceBetween: 0
},
768: {
slidesPerView: 1.2,
spaceBetween: 0
}
}
});
swiper__solution = new Swiper(".swiper-solution", {
effect: "slide",
slidesPerView: 1.1,
spaceBetween: 15,
breakpoints: {
640: {
spaceBetween: 15,
slidesPerView: 1.3
},
768: {
spaceBetween: 15,
slidesPerView: 2.1
},
875: {
spaceBetween: 15,
slidesPerView: 2.2
}
}
}), swiper__facility = new Swiper(".sundew__facility_slider", {
effect: "slide",
slidesPerView: 1.1,
spaceBetween: 0,
breakpoints: {
375: {
slidesPerView: 1.1
},
600: {
slidesPerView: 2.1
},
768: {
slidesPerView: 2.1
},
875: {
slidesPerView: 2.2
}
}
})
}
window.matchMedia("(max-width: 768px)").matches && (swiper = new Swiper(".sundewTool_slider", {
slidesPerView: 3,
spaceBetween: 20,
loop: !0,
pagination: {
el: ".swiper-pagination",
clickable: !0
},
autoplay: {
delay: 2500,
disableOnInteraction: !1
},
breakpoints: {
575: {
spaceBetween: 50
},
640: {
slidesPerView: 4,
spaceBetween: 60
},
768: {
slidesPerView: 3.2,
spaceBetween: 50
},
992: {
spaceBetween: 0
}
}
}));
let allVideoDivs = gsap.utils.toArray(".playpauze"),
muteButton = $(".toggle-sound");
allVideoDivs.forEach(((e, t) => {
let r = e.querySelector("video");
ScrollTrigger.create({
trigger: r,
start: "0% 120%",
end: "100% -20%",
onEnter: () => r.play(),
onEnterBack: () => r.play(),
onLeave: () => r.pause(),
onLeaveBack: () => r.pause()
}), muteButton.click((function() {
video.muted ? (video.muted = !1, muteButton.removeClass("mute").addClass("unmute")) : (video.muted = !0, muteButton.removeClass("unmute").addClass("mute"))
}))
}));
var gallerySwiper = new Swiper(".sundew_gallery_slider", {
slidesPerView: 1.2,
spaceBetween: 5,
loop: !0,
autoplay: {
disableOnInteraction: !1
},
breakpoints: {
600: {
slidesPerView: 2.2,
spaceBetween: 20
},
768: {
slidesPerView: 2.5,
spaceBetween: 20
},
875: {
slidesPerView: 3,
spaceBetween: 20
}
}
});
gsap.utils.toArray(".brand-middle .colored_new").forEach(((e, t) => {
const r = gsap.fromTo(e, {
autoAlpha: 0
}, {
autoAlpha: 1
});
ScrollTrigger.create({
trigger: ".brand-middle",
animation: r,
start: "top 40%",
scrub: !0,
end: "bottom 60%"
})
})), window.matchMedia("(max-width: 767px)").matches && (jQuery(".accordion-main > .acc-content > .contentAcc").hide(), jQuery(".accordion-main > .acc-content:first-child").addClass("active").find(".contentAcc").slideDown(), jQuery(".accordion-main > .acc-content").click((function() {
return jQuery(this).hasClass("active") ? jQuery(this).removeClass("active").find(".contentAcc").slideUp() : (jQuery(".accordion-main > .acc-content.active .contentAcc").slideUp(), jQuery(".accordion-main > .acc-content.active").removeClass("active"), jQuery(this).addClass("active").find(".contentAcc").slideDown()), !1
})), jQuery(".accordion-main > .acc-content > .contentAcc").click((function(e) {
e.stopPropagation()
}))), jQuery(".caseStudyBtn").click((function() {
jQuery(".sundew-case-study-new .case-study-content .inner-container#content").addClass("case-study-show-more")
}));
let sm = gsap.matchMedia();
sm.add("(min-width: 1200px)", (() => {
document.querySelectorAll(".full-card-items").forEach(((e, t) => {
gsap.to(e, {
scale: .9,
scrollTrigger: {
trigger: e,
start: "top 5%",
end: "+=3000",
pin: !0,
pinSpacing: !1,
scrub: !0,
onEnter: () => {
e.classList.add("active")
},
onLeaveBack: () => {
e.classList.remove("active")
},
onLeave: () => {
e.classList.remove("active")
}
}
})
}))
}));
document.addEventListener('DOMContentLoaded', function() {
function handleModal(modalSelector, triggerSelector, closeSelector) {
const modal = document.querySelector(modalSelector);
const videos = modal ? .querySelectorAll('video');
function openModal(e) {
if (e.target.closest(triggerSelector)) {
modal ? .classList.add('showing-modal');
}
}
function closeModal(e) {
if (e.type === 'keydown' && e.key !== 'Escape') return;
if (e.type === 'click' && !e.target.closest(closeSelector)) return;
modal ? .classList.remove('showing-modal');
videos ? .forEach(video => video.pause());
}
document.addEventListener('click', openModal);
document.addEventListener('click', closeModal);
document.addEventListener('keydown', closeModal);
}
// Initialize for both modals
handleModal('.sundew-new-life', '.c2a--video-new-life', '.sundew-ui--modal-close');
handleModal('.sundew-new-life-company', '.c2a--video-new-company', '.sundew-ui--modal-close');
const plusIcon = document.querySelector(".plus-icon");
let currentRotation = 0;
window.addEventListener("wheel", function(event) {
const delta = event.deltaY;
// Rotate depending on scroll direction
if (delta > 0) {
currentRotation += 30; // scroll down → rotate clockwise
} else {
currentRotation -= 30; // scroll up → rotate counter-clockwise
}
gsap.to(plusIcon, {
rotation: currentRotation,
duration: 0.5,
ease: "power2.out"
});
});
const tabs = document.querySelectorAll('.sap-tab');
const tabContents = document.querySelectorAll('.tab-content');
let currentContent = document.querySelector('.tab-content:not([style*="display: none"])');
tabs.forEach(tab => {
tab.addEventListener('click', function(e) {
e.preventDefault();
const targetId = this.getAttribute('data-tab');
const targetContent = document.getElementById(targetId);
if (!targetContent || targetContent === currentContent) return;
// Deactivate tabs
tabs.forEach(t => t.classList.remove('active'));
this.classList.add('active');
// Animate out current content
gsap.to(currentContent, {
opacity: 0,
y: 20,
duration: 0.4,
onComplete: () => {
currentContent.style.display = 'none';
// Animate in new content
targetContent.style.display = 'block';
gsap.fromTo(targetContent, {
opacity: 0,
y: 20
}, {
opacity: 1,
y: 0,
duration: 0.5,
ease: 'power2.out'
});
currentContent = targetContent;
}
});
});
});
const tooltipSpan = document.querySelector(".saptooltip span");
if (!tooltipSpan) return; // Exit gracefully if not found
const finalValue = parseFloat(tooltipSpan.textContent.replace(/[^\d.-]/g, ""));
// Counter animation with scrub
ScrollTrigger.create({
trigger: ".chart-wrapper",
start: "top bottom",
end: "bottom top",
scrub: 2,
onUpdate: t => {
const progress = t.progress,
value = finalValue * progress;
tooltipSpan.textContent = `+${value.toFixed(1)}`;
}
});
// Floating tooltip animation
gsap.to(".saptooltip", {
y: -200,
ease: "none",
scrollTrigger: {
trigger: ".chart-wrapper",
start: "top 100%",
end: "bottom top",
scrub: true
}
});
document.querySelectorAll('.expert-button').forEach(tab => {
tab.addEventListener('click', function(e) {
e.preventDefault(); // stops the default anchor jump
const targetId = this.getAttribute('href').replace('#', '');
const targetEl = document.getElementById(targetId);
if (targetEl) {
smoother.scrollTo(targetEl, true, "top top");
}
});
});
});
document.addEventListener('DOMContentLoaded', function() {
document.querySelector(".life-event") && (swiper__event = new Swiper(".life-event", {
spaceBetween: 20,
slidesPerView: 1.5,
speed: 1000,
autoplay: {
delay: 3000,
},
breakpoints: {
320: {
slidesPerView: 1.4,
spaceBetween: 10,
},
560: {
slidesPerView: 2.5,
spaceBetween: 10,
},
760: {
slidesPerView: 3,
spaceBetween: 10,
},
960: {
slidesPerView: 3,
spaceBetween: 10,
},
1300: {
slidesPerView: 4,
},
},
navigation: {
nextEl: ".life-event--next",
prevEl: ".life-event--prev",
},
}))
document.querySelector(".life-event-2") && (swiper__event = new Swiper(".life-event-2", {
spaceBetween: 20,
slidesPerView: 1.5,
speed: 1000,
autoplay: {
delay: 2000,
},
breakpoints: {
320: {
slidesPerView: 1.4,
spaceBetween: 10,
},
560: {
slidesPerView: 2.5,
spaceBetween: 10,
},
760: {
slidesPerView: 3,
spaceBetween: 10,
},
960: {
slidesPerView: 3,
spaceBetween: 10,
},
1300: {
slidesPerView: 4,
},
},
navigation: {
nextEl: ".life-event--next-2",
prevEl: ".life-event--prev-2",
},
}))
});
function setActiveTab(e, tabId) {
e.preventDefault();
document.querySelectorAll('.menu a').forEach(a => a.classList.remove('active'));
e.currentTarget.classList.add('active');
document.querySelectorAll('.menu-tab-content').forEach(tab => tab.classList.remove('active'));
document.getElementById(tabId).classList.add('active');
}