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/ncriptech/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.querySelector("body").classList.add("loaded"), $(".c-preloader").fadeOut(20, (function() { $(".c-preloader").remove().delay(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") })) })) }, 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: ".ncriptech__figure-article-content", animation: r, start: "top 100%", end: "bottom", scrub: !0 }) })), gsap.utils.toArray(".ncriptech--text .line").forEach(((e, t) => { const r = gsap.fromTo(e, { xPercent: 100 }, { duration: .3, delay: 1.5, xPercent: 10 }); ScrollTrigger.create({ trigger: ".ncriptech--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(".ncriptech__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: ".ncriptech__success-stories-hero-2", animation: r, start: "top 70%", end: "+=1400", scrub: 2 }) })), gsap.utils.toArray(".ncriptech__lead-industry--parallax .txt-1").forEach(((e, t) => { const r = gsap.fromTo(e, { translateY: "60%" }, { translateY: "-60%" }); ScrollTrigger.create({ trigger: ".ncriptech__lead-industry--parallax", animation: r, start: "top 80%", scrub: 1 }) })), gsap.utils.toArray(".ncriptech__lead-industry--parallax .txt-2").forEach(((e, t) => { const r = gsap.fromTo(e, { translateX: "0%" }, { translateX: "-20%" }); ScrollTrigger.create({ trigger: ".ncriptech__lead-industry--parallax", animation: r, start: "top 60%", scrub: 1 }) })), gsap.utils.toArray(".ncriptech__lead-industry--parallax .fig-2").forEach(((e, t) => { const r = gsap.fromTo(e, { xPercent: "-10" }, { xPercent: "0" }); ScrollTrigger.create({ trigger: ".ncriptech__lead-industry--parallax", animation: r, start: "top 60%", scrub: 1 }) })), gsap.utils.toArray(".ncriptech-cup-hand").forEach(((e, t) => { const r = gsap.fromTo(e, { yPercent: 20 }, { yPercent: -80 }); ScrollTrigger.create({ trigger: ".ncriptech__start--career", animation: r, end: "center 35%", scrub: !0 }) })), gsap.utils.toArray(".ncriptech-cup-dots").forEach(((e, t) => { const r = gsap.fromTo(e, { yPercent: 0 }, { yPercent: 60 }); ScrollTrigger.create({ trigger: ".ncriptech__start--career", animation: r, start: "top 50%", scrub: !0 }) })), gsap.utils.toArray(".ncriptech-cup-circle").forEach(((e, t) => { const r = gsap.fromTo(e, { yPercent: 60 }, { yPercent: -20 }); ScrollTrigger.create({ trigger: ".ncriptech__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: ".ncriptech__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: ".ncriptech__tall-cards-carousel", start: "top 60%", end: "bottom 75%", scrub: !0 } }), gsap.timeline({ duration: 2, delay: 0, scrollTrigger: { trigger: ".ncriptech--insight-next", start: "top 80%" } }).to(".ncriptech--insight-next .figcaption", { scale: 1, delay: 0 }).to(".ncriptech--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: ".ncriptech__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, t, r) { var a = e.querySelectorAll(".inputfile"); Array.prototype.forEach.call(a, (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(".ncriptech__home--hero"), a = document.querySelector("header"); t >= (r ? e - 100 : a.offsetHeight) ? a.classList.add("header-on-scroll") : a.classList.remove("header-on-scroll") }; 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") } })) } 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, r) { const a = 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 r = e.cloneNode(!0); e.parentNode.appendChild(r), gsap.set(r, { position: "absolute", top: e.offsetTop, left: e.offsetLeft + -e.offsetWidth }), a.to([e, r], { 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(".ncriptech--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 > *", 1, { y: 50, opacity: 0, ease: "Expo.easeOut" }, "0.2", "-=0.4"), 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", (() => { 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: 20, slidesPerView: 1.5, breakpoints: { 560: { slidesPerView: 2.5 }, 760: { slidesPerView: 3.5 }, 960: { slidesPerView: 3, grid: { rows: 3 } }, 1300: { slidesPerView: 4, grid: { rows: 2 } } }, navigation: { nextEl: ".swiper__industies--next", prevEl: ".swiper__industies--prev" } })), ScrollTrigger.matchMedia({ "(max-width: 1201px)": function() { new Swiper(".ncriptech__company--recognized-slides .swiper", { slidesPerView: 2.5, spaceBetween: 15, breakpoints: { 999: { slidesPerView: 3.5 } }, navigation: { nextEl: ".ncriptech__company--recognized-slides--next", prevEl: ".ncriptech__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(".ncriptech__home--offerings") && (ScrollTrigger.create({ trigger: ".ncriptech__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(".ncriptech__home--offerings .h2", { autoAlpha: 0, y: 100 }), gsap.to(".ncriptech__home--offerings .h2", { y: 0, autoAlpha: 1, duration: .5, scrollTrigger: { trigger: ".ncriptech__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: ".ncriptech__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(".ncriptech__company--recognized-slides .swiper-wrapper"); gsap.to(e, { xPercent: -60, scrollTrigger: { trigger: ".ncriptech__company--recognized-slides", scrub: 1, start: "top 70%", end: "bottom top" } }), gsap.utils.toArray(".ncriptech--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: ".ncriptech--industries-mid-content", animation: r, start: "top 50%", end: "bottom 100%", scrub: 2 }) })), gsap.utils.toArray(".ncriptech--industries-mid-content article").forEach(((e, t) => { const r = gsap.fromTo(e, { xPercent: -30 }, { xPercent: 0 }); ScrollTrigger.create({ trigger: ".ncriptech--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(".ncriptech--industries-mid-content figure").forEach(((e, t) => { const r = gsap.fromTo(e, { yPercent: 40 }, { yPercent: -20 }); ScrollTrigger.create({ trigger: ".ncriptech--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: ".ncriptech__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: ".ncriptech--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: ".ncriptech__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("ncriptech--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: ".ncriptech--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: ".ncriptech--insight-culture-2", animation: r, start: "top 100%", end: "+=8200", scrub: 1 }) })) }, "(min-width: 1001px)": function() { pathAnimation(), gsap.timeline({ scrollTrigger: { trigger: document.body, start: 0, end: "bottom", scrub: 1 } }).fromTo(".ncriptech__profile--hero figure", { top: "0", yPercent: 0 }, { top: "100%", yPercent: 0, duration: .8 }), 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(".ncriptech__company--hero-v2 figcaption").forEach(((e, t) => { const r = gsap.fromTo(e, { yPercent: 0 }, { duration: .5, delay: 1, yPercent: 350 }); ScrollTrigger.create({ trigger: ".ncriptech__company--hero-v2", animation: r, start: "top", end: "bottom 60%", scrub: 1 }) })), gsap.utils.toArray(".ncriptech__leadership--intro article h2").forEach(((e, t) => { const r = gsap.fromTo(e, { backgroundPosition: "0%" }, { duration: .5, delay: 1, backgroundPosition: "160%" }); ScrollTrigger.create({ trigger: ".ncriptech__leadership--intro", animation: r, start: "top 100%", end: "+=1000", scrub: !0 }) })), gsap.utils.toArray(".ncriptech__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: ".ncriptech__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(".ncriptech__offerings-margin .figcaption", { yPercent: 70, backgroundColor: "#000000" }), gsap.to(".ncriptech__offerings-margin .figcaption", { yPercent: 0, backgroundColor: "#ffffff", scrollTrigger: { trigger: ".ncriptech__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(".ncriptech__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: ".ncriptech__offerings-margin", animation: r, start: "top 80%", end: "bottom 80%", scrub: 1 }) })), document.querySelectorAll(".wrap").forEach((e => { var t = new SplitText(e, { type: "words" }); ScrollTrigger.update(), e.anim = gsap.from(t.words, { stagger: 1, opacity: .2, scrollTrigger: { trigger: e, start: "top 80%", end: "bottom 60%", toggleActions: "restart pause resume reverse", 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: ".ncriptech--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: ".ncriptech--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: ".ncriptech--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: ".ncriptech--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(), 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(".ncriptech--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) })) })), document.querySelectorAll(".ncriptech--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" } }), 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: 3, slidesPerGroup: 3 } }, 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", (() => { if (headerScroll(), null !== document.querySelector(".ncriptech__trust-block")) { startCount = { var: 0 }; let e = gsap.timeline({ scrollTrigger: { trigger: ".ncriptech__trust-block", start: "top 80%", end: "bottom 80%", scrub: 1 } }); gsap.set("#svg-btmpathpoints", { transformOrigin: "99.9% 99%" }), e.to("#svg-curve", { attr: { d: "M7 7C7 157 183 333 333 333" } }, "0"), e.to(".ncriptech__success-stories-hero-2--content", { motionPath: { path: "#svg-curveClone", align: "#svg-curveClone", start: 1, end: .13, alignOrigin: [1, 0] }, ease: "linear" }, "0"), e.to("#svg-curvestartpoint, #svg-curvestartpoint_2", { attr: { d: "M13 1V13H1V1H13Z" } }, "0"), e.to("#svg-btmpathpoints", { rotation: "-90" }, "0"), e.to(startCount, { var: 300, ease: "none", onUpdate: changeNumber }, "0") } const e = document.querySelector(".ncriptech__for-everyone"); if (null !== e) { startCount = { var: 2e3 }; let t = gsap.timeline({ scrollTrigger: { trigger: e, start: "top 42%", duration: 1 } }); t.from(countElem, { xPercent: "-154" }), t.to(startCount, { var: 2024, onUpdate: changeNumber }, ">-=0.2") } })); 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(".ncriptech__3i") && document.querySelector(".ncriptech__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", (() => { console.clear(); localStorage.getItem("isContactBtnClicked") && (scroll({ top: document.querySelector(".ncriptech__contact--form").offsetTop - 150, behavior: "smooth" }), localStorage.removeItem("isContactBtnClicked")) })); let contactTl2 = gsap.timeline({ paused: !0 }), f = document.querySelector(".projects--done .ncriptech__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((() => { $("#ncriptech-common-contact")[0].reset(), $("#ncriptech-common-contact").find("#offer_cat").hide() }), 1e3) } window.addEventListener("DOMContentLoaded", (() => { 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(".ncriptech__fixed-and-scroll-content .grid") && (gsap.set(".ncriptech__fixed-and-scroll-content .grid > *", { autoAlpha: 0, y: 20 }), ScrollTrigger.batch(".ncriptech__fixed-and-scroll-content .grid > *", { onEnter: e => gsap.to(e, { autoAlpha: 1, y: 0, stagger: .5, duration: .5 }), start: "center 80%" })), document.querySelector(".ncriptech__company-approaches .grid--2") && (gsap.set(".ncriptech__company-approaches .grid--2 > *", { autoAlpha: 0, y: 20 }), ScrollTrigger.batch(".ncriptech__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(".ncriptech__webdesign--work"); e && (gsap.set(".c-1, .c-3", { x: "400px", ease: "none" }), gsap.set(".c-2, .c-4, .c-6", { x: "-400px", 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 && $(".ncriptech__webdesign--work").addClass("mobile__skew__scroll"), document.querySelector(".ncriptech__fixed-and-scroll-content") && ScrollTrigger.batch(".ncriptech__fixed-and-scroll-content.dark--theme", { start: "top top" }), gsap.fromTo(".box", { autoAlpha: 0 }, { autoAlpha: .5, duration: 1 }), gsap.fromTo(".ncriptech__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: ".ncriptech__digital-goal--grid", start: "top 80%", scrub: !0 } }) }), 300), gsap.set(".ncriptech--contact-modal", { yPercent: 90 }), gsap.set(".ncriptech--contact-modal h5", { opacity: 0, yPercent: 100, skewY: 5 }), gsap.set(".ncriptech--contact-modal .ncriptech--rotate", { opacity: 0 }), gsap.set(".close-contact-modal", { scale: 0 }), gsap.to(".ncriptech--contact-modal .ncriptech--rotate svg:nth-of-type(2)", { rotate: 360, ease: "linear", repeat: -1 }), contactTl2.to(".ncriptech--contact-modal", { display: "grid", delay: 0, duration: 0 }), contactTl2.to(".ncriptech--contact-modal", { yPercent: 0, duration: .5, ease: "power1.inOut" }), contactTl2.to(".ncriptech--contact-modal h5", { opacity: 1, yPercent: 0, skewY: 0, duration: .25 }), $(".ncriptech--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 e = document.querySelector(".cursor2"), t = document.querySelectorAll(".cursor__media2"), r = document.querySelectorAll(".ncriptech__industries-grid .figs--section figure"); 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", (e => { t[r].classList.add("active"), i.play() })), e.addEventListener("mouseout", (() => { i.reverse(), t[r].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(".ncriptech-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() { 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", ".ncriptech-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(".ncriptech--job-card-grid", { autoAlpha: 0, duration: .3, onComplete: () => { document.querySelector(".ncriptech--job-card-grid").classList.remove("single-view"), gsap.to(".ncriptech--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(".ncriptech--job-card-grid", { autoAlpha: 0, duration: .3, onComplete: () => { document.querySelector(".ncriptech--job-card-grid").classList.add("single-view"), gsap.to(".ncriptech--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 }), window.matchMedia("(min-width: 1201px)").matches) { let u = document.querySelector(".ncriptech__horizontal-gallery--parent"); null !== u && (horizontalGalleryElmWidth = u.offsetWidth, horizontalGalleryElmWrapper = u.querySelector(".ncriptech__horizontal-gallery--child"), horizontalGalleryElmWrapperWidth = horizontalGalleryElmWrapper.scrollWidth, horizontalGalleryElmWrapperChild = horizontalGalleryElmWrapper.querySelectorAll("img").length, gsap.timeline({ scrollTrigger: { trigger: ".ncriptech__horizontal-gallery", start: "center 45%", end: () => `+=${horizontalGalleryElmWrapperWidth-horizontalGalleryElmWidth} 45%`, pin: !0, scrub: !0, invalidateOnRefresh: !0 } }).to(horizontalGalleryElmWrapper, { x: horizontalGalleryElmWidth - horizontalGalleryElmWrapperWidth + "px", ease: "power1.out" })) } if (window.matchMedia("(max-width: 1200px)").matches && new Swiper(".ncriptech__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(".ncriptech__facility-grid")) { let g = gsap.timeline({ scrollTrigger: { trigger: ".ncriptech__facility-grid", start: "top center" } }); const m = document.getElementById("drawPath1"), y = document.getElementById("drawPath2"), w = document.getElementById("drawPath3"), h = m.getTotalLength(), f = y.getTotalLength(), v = w.getTotalLength(); m.style.strokeDasharray = h, m.style.strokeDashoffset = 0, y.style.strokeDasharray = f, y.style.strokeDashoffset = 0, w.style.strokeDasharray = v, w.style.strokeDashoffset = 0, g.to(m, { strokeDashoffset: h, duration: 1, ease: "power1.inOut" }), g.to(y, { strokeDashoffset: f, duration: 1, ease: "power1.inOut" }, "0"), g.to(w, { strokeDashoffset: v, duration: 1, ease: "power1.inOut" }, "0"), g.from(".ncriptech__facility-grid .svg-container span", { x: "-10%", y: "-10%", opacity: "0", stagger: "0.1", ease: "power1.inOut" }, "0") } null !== document.querySelector(".ncriptech__rpa-grid-content") && (ScrollTrigger.refresh(!0), horizonSVGSlider()); const o = document.querySelector(".ncriptech__rpa-grid-content"); if (null !== o && (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: o, start: "top 70%", duration: 3, ease: "power4.out" } }), gsap.to(".grad-hr", { scaleX: 1, scrollTrigger: { trigger: o, start: "bottom bottom", duration: 3, ease: "power4.out" } })), window.matchMedia("(max-width: 768px)").matches, window.matchMedia("(min-width: 1200px)").matches) { const _ = document.querySelector(".ncriptech__rpa-possiblities"); null !== _ && (gsap.set(".ncriptech__rpa-possiblities--sec-heading h3:nth-of-type(1)", { x: "-120" }), gsap.set(".ncriptech__rpa-possiblities--sec-heading h3:nth-of-type(2)", { x: "120" }), gsap.timeline({ scrollTrigger: { trigger: _, start: "top center" } }).to(".ncriptech__rpa-possiblities--sec-heading h3", { x: "0", duration: 10 })); const b = document.querySelector(".ncriptech__rpa-implementation"), S = document.querySelector(".ncriptech__rpa-implementation--content-features"); if (null !== b) { gsap.set(".ncriptech__rpa-implementation--content", { y: gsap.getProperty(S, "height"), autoAlpha: .85 }), gsap.set(".ncriptech__rpa-implementation--content-features li", { autoAlpha: 0, y: 100 }); let x = gsap.timeline({ scrollTrigger: { trigger: b, pin: !0, start: "top top", end: "+=2000", scrub: 1 } }); x.to(".ncriptech__rpa-implementation--content", { y: 0, autoAlpha: 1, ease: "power4.out" }), x.to(".ncriptech__rpa-implementation--content-features li", { autoAlpha: 1, y: 0, stagger: .1, ease: "power2.inOut" }, "0"), x.to(".ncriptech__rpa-implementation--content-features--timeline", { height: "78%", duration: .3, ease: "power2.inOut" }, "0") } } null !== document.querySelector(".ncriptech__rpa") && (gsap.set(".ncriptech__rpa svg path", { strokeDasharray: "530.79345703125", strokeDashoffset: "530.79345703125" }), gsap.to(".ncriptech__rpa svg path", { duration: 2, strokeDasharray: "530.79345703125", strokeDashoffset: "0" })); const i = document.querySelector(".ncriptech__hero-texts-animation"); if (null !== i) { let T = gsap.timeline({ repeat: -1, ease: "power4.inOut" }), P = i.querySelectorAll(".words span"), E = i.querySelectorAll(".words"), A = .4, C = 1, j = A + C, Q = j * (P.length - 1) + C; gsap.set(E, { autoAlpha: 1 }), T.from(P, { yPercent: "100", duration: A, opacity: 0, stagger: { each: j, repeat: -1, repeatDelay: Q } }).to(P, { yPercent: "-100", duration: A, opacity: 0, stagger: { each: j, repeat: -1, repeatDelay: Q } }, j) } 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: "center center", 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 k = d(-40, 40), V = d(-20, 20), B = d(1, 1.5), L = d(1, 1.25), q = d(-150, 150); function s(e, t) { gsap.to(e, L(), { rotation: q(t), ease: Sine.easeInOut, onComplete: s, onCompleteParams: [e, -1 * t] }) } function n(e, t) { gsap.to(e, B(), { x: k(t), ease: Sine.easeInOut, onComplete: n, onCompleteParams: [e, -1 * t] }) } function l(e, t) { gsap.to(e, B(), { y: V(t), ease: Sine.easeInOut, onComplete: l, onCompleteParams: [e, -1 * t] }) } function d(e, t) { const r = t - e; return (t = 1) => (e + r * Math.random()) * t } gsap.utils.toArray(".blurAnim").forEach((e => { gsap.set(e, { x: k(-1), y: k(1), rotation: q(-1) }), n(e, 1), l(e, -1), s(e, 1) })) } let c = document.getElementsByClassName("life-content-path"); null !== c && (gsap.set(".inner-event-box", { x: 10, y: -10, autoAlpha: 0 }), gsap.timeline({ scrollTrigger: { trigger: c, start: "top 60%" } }).to(".inner-event-box", { x: 0, y: 0, autoAlpha: 1, stagger: .1, ease: "power1.out" })); let p = document.getElementsByClassName("life-grid"); null !== p && Array.from(p).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(".ncriptech__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(".ncriptech__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, t) { let r; return function(...t) { clearTimeout(r), r = setTimeout((() => e.apply(this, t)), 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: ".ncriptech__rpa-possiblities--headings", pinType: "transform", pinSpacing: !0, top: "top", end: "+=1000s", ease: "power2.inOut", scrub: !0 } }) } if (window.matchMedia("(min-width:1200px)").matches && (gsap.utils.toArray(".ncriptech--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: ".ncriptech--studio", animation: r, start: "top 90%", end: "+=800", scrub: 1 }) })), gsap.utils.toArray(".ncriptech--studio.ncriptech--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: ".ncriptech--studio", animation: r, start: "top 80%", end: "+=800", scrub: 1 }) })), gsap.utils.toArray(".ncriptech--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: ".ncriptech--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(".ncriptech__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(".ncriptechTool_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"); 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() }) })); var gallerySwiper = new Swiper(".ncriptech_gallery_slider", { slidesPerView: 1.2, spaceBetween: 5, 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() })));