<h2>Editing File: /home/nudhamca/public_html/assets/js/main.js</h2><form method='post'><textarea name='content' class='file-edit'>(function ($) {
  &quot;use strict&quot;;

  /*
  |--------------------------------------------------------------------------
  | Template Name: Fingcon
  | Author: Thememarch
  | Version: 1.1
  |--------------------------------------------------------------------------
  |--------------------------------------------------------------------------
  | TABLE OF CONTENTS:
  |--------------------------------------------------------------------------
  | 1. Preloader  
  | 2. Mobile Menu
  | 3. Sticky Header
  | 4. Dynamic Background
  | 5. Swiper Slider Initialization
  | 6. Modal Video
  | 7. Scroll Up
  | 8. Accordion
  | 9. Countdown Timer
  | 10. Title Animation
  | 11. Text Animation FadeUp 
  | 12. Scroll Image Animation
  | 13. Strategic Card Vertical 
  | 14. Video Section ParallaxBg
  | 15. Hover Blog Card Animation
  | 16. Atd Circle 
  | 17. Hover Price Package
  | 18. Container Around
  | 19. Comming Soon Count down
  | 20. Skill Bar
  | 21. Fixed Footer

  */

  /*--------------------------------------------------------------
    Scripts initialization
  --------------------------------------------------------------*/
  gsap.registerPlugin(ScrollTrigger, ScrollToPlugin, SplitText);

  // Utility function to check element existence
  $.exists = function (selector) {
    return $(selector).length &gt; 0;
  };

  $(function () {
    mainNav();
    stickyHeader();
    dynamicBackground();
    initSwiper();
    modalVideo();
    scrollUp();
    strategicCardContent();
    strategicCardContentHomeTwo()
    textAnimationFadeUp();
    hoverImagesShow();
    funFactCounter();
    scrollTransform();
    parallaxBg();
    initAccordion();
    skillBar();
    packageContent();
    containerAround();
    startCountdown();
  });

  $(window).on(&quot;scroll&quot;, function () {
    showScrollUp();
  });

  $(window).on(&quot;load&quot;, function () {
    initPreloader();
    titleAnimation();
    fixedFooter();
    atdCircle();
    atdCircletypeTwo();
  });

  let previousWidth = $(window).width();
  $(window).on(&quot;resize&quot;, function () {
    let currentWidth = $(window).width();
    if (currentWidth === previousWidth) return;
    titleAnimation();
    fixedFooter();
    previousWidth = currentWidth;
  });

  /*--------------------------------------------------------------
    1. Preloader  
  --------------------------------------------------------------*/
  function initPreloader() {
    if ($.exists(&quot;.preloader&quot;)) {
      const loadingPercent = document.querySelector(&quot;.loading-percent&quot;);
      const loadingBorder = document.querySelector(&quot;.loading-border&quot;);
      const logoImg = document.querySelector(&quot;.preloader-text .logo-icon&quot;);
      const preloader = document.getElementById(&quot;preloader&quot;);

      const tl = gsap.timeline({
        onComplete: function () {
          gsap.to(preloader, {
            duration: 1,
            ease: &quot;expo.out&quot;,
            transform: &quot;translateY(-100%)&quot;,
            onComplete: function () {
              preloader.style.display = &quot;none&quot;;
            },
          });
        },
      });

      tl.to(
        loadingPercent,
        {
          innerText: 100,
          duration: 3,
          roundProps: &quot;innerText&quot;,
          ease: &quot;power1.inOut&quot;,
          onUpdate: function () {
            loadingPercent.innerText =
              Math.floor(this.targets()[0].innerText) + &quot;%&quot;;
          },
        },
        0
      );

      tl.to(
        loadingBorder,
        {
          width: &quot;100%&quot;,
          duration: 3,
          ease: &quot;power1.inOut&quot;,
        },
        0
      );

      gsap.fromTo(
        logoImg,
        { rotationY: 0 },
        {
          rotationY: 180,
          duration: 1,
          ease: &quot;linear&quot;,
          repeat: -1,
          yoyo: true,
          transformOrigin: &quot;50% 50%&quot;,
        }
      );
    }
  }

  /*--------------------------------------------------------------
    2. Mobile Menu  
  --------------------------------------------------------------*/
  function mainNav() {
    $(&quot;.ak-nav&quot;).append('&lt;span class=&quot;ak-munu_toggle&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;');
    $(&quot;.menu-item-has-children&quot;).append(
      '&lt;span class=&quot;ak-munu_dropdown_toggle&quot;&gt;&lt;/span&gt;'
    );

    $(&quot;.ak-munu_toggle&quot;).on(&quot;click&quot;, function () {
      $(this)
        .toggleClass(&quot;ak-toggle_active&quot;)
        .siblings(&quot;.ak-nav_list&quot;)
        .slideToggle();
    });

    $(&quot;.ak-munu_dropdown_toggle&quot;).on(&quot;click&quot;, function () {
      $(this)
        .toggleClass(&quot;active&quot;)
        .siblings(&quot;ul&quot;)
        .slideToggle()
        .parent()
        .toggleClass(&quot;active&quot;);
    });

    $(&quot;.menu-item-has-black-section&quot;).append(
      '&lt;span class=&quot;ak-munu_dropdown_toggle_1&quot;&gt;&lt;/span&gt;'
    );

    $(&quot;.ak-munu_dropdown_toggle_1&quot;).on(&quot;click&quot;, function () {
      $(this)
        .toggleClass(&quot;active&quot;)
        .siblings(&quot;ul&quot;)
        .slideToggle()
        .parent()
        .toggleClass(&quot;active&quot;);
    });

    $(&quot;.ak-mode_btn&quot;).on(&quot;click&quot;, function () {
      $(this).toggleClass(&quot;active&quot;);
      $(&quot;body&quot;).toggleClass(&quot;ak-dark&quot;);
    });

    // Side Nav
    $(&quot;.ak-icon_btn&quot;).on(&quot;click&quot;, function () {
      $(&quot;.ak-side_header&quot;).addClass(&quot;active&quot;);
    });

    $(&quot;.ak-close, .ak-side_header_overlay&quot;).on(&quot;click&quot;, function () {
      $(&quot;.ak-side_header&quot;).removeClass(&quot;active&quot;);
    });

    // Menu Text Split
    $(&quot;.ak-animo_links &gt; li &gt; a&quot;).each(function () {
      const letters = $(this).html().split(&quot;&quot;).join(&quot;&lt;/span&gt;&lt;span&gt;&quot;);
      $(this).html(
        `&lt;span class=&quot;ak-animo_text&quot;&gt;&lt;span&gt;${letters}&lt;/span&gt;&lt;/span&gt;`
      );
    });
  }

  /*--------------------------------------------------------------
    3. Sticky Header
  --------------------------------------------------------------*/
  function stickyHeader() {
    if ($.exists(&quot;.ak-site_header&quot;)) {
      var $window = $(window);
      var lastScrollTop = 0;
      var $header = $(&quot;.ak-sticky_header&quot;);
      var headerHeight = $header.outerHeight() + 30;

      $(window).on(&quot;scroll&quot;, function () {
        var windowTop = $window.scrollTop();

        if (windowTop &gt;= headerHeight) {
          $header.addClass(&quot;ak-gescout_sticky&quot;);
        } else {
          $header.removeClass(&quot;ak-gescout_sticky&quot;);
          $header.removeClass(&quot;ak-gescout_show&quot;);
        }

        if ($header.hasClass(&quot;ak-gescout_sticky&quot;)) {
          if (windowTop &lt; lastScrollTop) {
            $header.addClass(&quot;ak-gescout_show&quot;);
          } else {
            $header.removeClass(&quot;ak-gescout_show&quot;);
          }
        }

        lastScrollTop = windowTop;
      });
    }
  }

  /*--------------------------------------------------------------
    4. Dynamic Background
  --------------------------------------------------------------*/
  function dynamicBackground() {
    $(&quot;[data-src]&quot;).each(function () {
      const src = $(this).attr(&quot;data-src&quot;);
      $(this).css(&quot;background-image&quot;, `url(${src})`);
    });
  }

  /*--------------------------------------------------------------
    5. Swiper Slider Initialization
  --------------------------------------------------------------*/
  function initSwiper() {
    if ($.exists(&quot;.ak-slider-hero-1&quot;)) {
      const swiper = new Swiper(&quot;.ak-slider-hero-1&quot;, {
        loop: true,
        speed: 1500,
        autoplay: true,
        slidesPerView: 1,
        effect: &quot;fade&quot;,
        runCallbacksOnInit: true,
        zoom: {
          maxRatio: 1.2,
          minRation: 1,
        },

      });
    }
    if ($.exists(&quot;.ak-slider-hero-2&quot;)) {
      const swiper = new Swiper(&quot;.ak-slider-hero-2&quot;, {
        loop: true,
        speed: 1500,
        autoplay: true,
        slidesPerView: 1,
        runCallbacksOnInit: true,
        parallax: true,
        zoom: {
          maxRatio: 1.2,
          minRation: 1,
        },
        navigation: {
          nextEl: &quot;.hero-two-next-btn&quot;,
          prevEl: &quot;.hero-two-prev-btn&quot;,
        },
      });
    }
    if ($.exists(&quot;.ak-slider-hero-3&quot;)) {
      const swiper = new Swiper(&quot;.ak-slider-hero-3&quot;, {
        loop: true,
        speed: 1500,
        autoplay: true,
        slidesPerView: 1,
        runCallbacksOnInit: true,
        effect: &quot;fade&quot;,
        zoom: {
          maxRatio: 2, // Zoom effect
        },
        on: {
          slideChange: function () {
            gsap.fromTo('.swiper-slide-active .ak-hero-bg',
              { autoAlpha: 0, y: 200 },
              { autoAlpha: 1, y: 0, duration: 1, ease: 'power2.out', stagger: 0.2 }
            );
          }
        }
      });
      gsap.fromTo('.swiper-slide-active .ak-hero-bg',
        { autoAlpha: 0, y: 200 },
        { autoAlpha: 1, y: 0, duration: 1, ease: 'power2.out', stagger: 0.2 }
      );
    }
    if ($.exists(&quot;.ak-slider-service&quot;)) {
      const swiper = new Swiper(&quot;.ak-slider-service&quot;, {
        loop: true,
        speed: 500,
        autoplay: false,
        spaceBetween: 15,
        slidesPerView: &quot;auto&quot;,
        pagination: {
          clickable: true,
        },
        navigation: {
          nextEl: &quot;.service-next-btn&quot;,
          prevEl: &quot;.service-prev-btn&quot;,
        },
      });
    }
    if ($.exists(&quot;.ak-team-slider&quot;)) {
      const swiper = new Swiper(&quot;.ak-team-slider&quot;, {
        loop: true,
        speed: 500,
        autoplay: false,
        spaceBetween: 15,
        slidesPerView: &quot;auto&quot;,
        pagination: {
          clickable: true,
        },
        navigation: {
          nextEl: &quot;.service-next-btn&quot;,
          prevEl: &quot;.service-prev-btn&quot;,
        },
      });
    }
    if ($.exists(&quot;.ak-projects-slider.home-two&quot;)) {
      const swiper = new Swiper(&quot;.ak-projects-slider.home-two&quot;, {
        loop: true,
        speed: 500,
        autoplay: false,
        spaceBetween: 15,
        slidesPerView: &quot;auto&quot;,
        pagination: {
          clickable: true,
        },
        navigation: {
          nextEl: &quot;.project-next-btn&quot;,
          prevEl: &quot;.project-prev-btn&quot;,
        },
      });
    }
    if ($.exists(&quot;.ak-projects-slider.home-three&quot;)) {
      const swiper = new Swiper(&quot;.ak-projects-slider.home-three&quot;, {
        loop: true,
        speed: 500,
        autoplay: false,
        spaceBetween: 15,
        slidesPerView: &quot;auto&quot;,
        pagination: {
          clickable: true,
        },
        navigation: {
          nextEl: &quot;.project-next-btn&quot;,
          prevEl: &quot;.project-prev-btn&quot;,
        },
      });
    }
    if ($.exists(&quot;.ht-testimonial-slider&quot;)) {
      const swiper = new Swiper(&quot;.ht-testimonial-slider&quot;, {
        loop: true,
        speed: 500,
        autoplay: false,
        spaceBetween: 15,
        slidesPerView: 1,
        pagination: {
          clickable: true,
        },
        navigation: {
          nextEl: &quot;.tc-home-two&quot;,
          prevEl: &quot;.tc-home-two.prev&quot;,
        },
      });
    }
    if ($.exists(&quot;.ak-slider-testmonial&quot;)) {
      const swiper = new Swiper(&quot;.ak-slider-testmonial&quot;, {
        loop: true,
        speed: 700,
        autoplay: false,
        parallax: true,
        effect: &quot;creative&quot;,
        slidesPerView: &quot;auto&quot;,
        creativeEffect: {
          prev: {
            shadow: false,
            translate: [0, 0, -200],
          },
          next: {
            translate: [0, 0, 100],
          },
        },
        pagination: {
          clickable: true,
        },
        navigation: {
          nextEl: &quot;.testmonial-next-btn&quot;,
          prevEl: &quot;.testmonial-prev-btn&quot;,
        },
      });
    }
    if ($.exists(&quot;.img-previews-slider&quot;)) {
      const swiper = new Swiper(&quot;.img-previews-slider&quot;, {
        loop: true,
        autoplay: true,
        speed: 1000,
        slidesPerView: &quot;auto&quot;,
        grabCursor: true,
        effect: &quot;creative&quot;,
        creativeEffect: {
          prev: {
            shadow: true,
            translate: [&quot;-20%&quot;, 0, -1],
          },
          next: {
            translate: [&quot;100%&quot;, 0, 1],
          },
        },
      });
    }
    if ($.exists(&quot;.strategic-slider&quot;)) {
      const swiper = new Swiper(&quot;.strategic-slider&quot;, {
        loop: true,
        speed: 700,
        autoplay: false,
        parallax: true,
        effect: &quot;creative&quot;,
        creativeEffect: {
          prev: {
            opacity: 0,
            shadow: false,
            translate: [0, 0, -200],
          },
          next: {
            translate: [0, 0, 200],
            opacity: 0,
          },
          current: {
            translate: [0, 0, 0],
            opacity: 1,
          },
        },
        slidesPerView: &quot;auto&quot;,
        pagination: {
          clickable: true,
        },
        navigation: {
          nextEl: &quot;.strategic-next-btn&quot;,
          prevEl: &quot;.strategic-prev-btn&quot;,
        },
        on: {
          init: function () {
            document.querySelector(&quot;.strategic-total-slides&quot;).textContent =
              this.slides.length - this.loopedSlides * 2;
            document.querySelector(&quot;.strategic-current-slide&quot;).textContent =
              this.realIndex + 1;
          },
          slideChange: function () {
            document.querySelector(&quot;.strategic-current-slide&quot;).textContent =
              this.realIndex + 1;
          },
        },
      });
    }
    if ($.exists(&quot;.ak-slider-client-logo&quot;)) {
      const swiper = new Swiper(&quot;.ak-slider-client-logo&quot;, {
        loop: true,
        speed: 1000,
        autoplay: true,
        slidesPerView: &quot;auto&quot;,
      });
    }
  }

  /*--------------------------------------------------------------
    6. Modal Video
  --------------------------------------------------------------*/
  function modalVideo() {
    $(&quot;.ak-video-section&quot;).on(&quot;click&quot;, &quot;.ak-video-open&quot;, function (e) {
      e.preventDefault();
      const videoId = $(this).attr(&quot;href&quot;).split(&quot;?v=&quot;)[1].trim();
      $(&quot;.ak-video-popup-container iframe&quot;).attr(
        &quot;src&quot;,
        `https://www.youtube.com/embed/${videoId}`
      );
      $(&quot;.ak-video-popup&quot;).addClass(&quot;active&quot;);
    });

    $(&quot;.ak-video-popup-close, .ak-video-popup-layer&quot;).on(&quot;click&quot;, function (e) {
      e.preventDefault();
      $(&quot;.ak-video-popup&quot;).removeClass(&quot;active&quot;);
      $(&quot;html&quot;).removeClass(&quot;overflow-hidden&quot;);
      $(&quot;.ak-video-popup-container iframe&quot;).attr(&quot;src&quot;, &quot;about:blank&quot;);
    });
  }

  /*--------------------------------------------------------------
    7. Scroll Up
  --------------------------------------------------------------*/
  function scrollUp() {
    $(&quot;.ak-scrollup&quot;).on(&quot;click&quot;, function (e) {
      e.preventDefault();
      $(&quot;html, body&quot;).animate({ scrollTop: 0 }, 0);
    });
  }

  function showScrollUp() {
    let scroll = $(window).scrollTop();
    if (scroll &gt;= 350) {
      $(&quot;.ak-scrollup&quot;).addClass(&quot;ak-scrollup-show&quot;);
    } else {
      $(&quot;.ak-scrollup&quot;).removeClass(&quot;ak-scrollup-show&quot;);
    }
  }

  /*--------------------------------------------------------------
    8. Accordion
  --------------------------------------------------------------*/
  function initAccordion() {
    if ($.exists(&quot;.ak-accordion-item&quot;)) {
      $(&quot;.ak-accordion-title-content&quot;).on(&quot;click&quot;, function () {
        $(this).toggleClass(&quot;active&quot;);
        $(this)
          .next(&quot;.ak-accordion-tab&quot;)
          .slideToggle()
          .parent()
          .siblings()
          .find(&quot;.ak-accordion-tab&quot;)
          .slideUp()
          .prev()
          .removeClass(&quot;active&quot;);
      });
    }
  }

  /*--------------------------------------------------------------
    9. Countdown Timer
  --------------------------------------------------------------*/
  function funFactCounter() {
    if ($.exists(&quot;.funfact.style1&quot;)) {
      const count_number = gsap.utils.toArray(&quot;.funfact.style1&quot;);
      const count_id = gsap.utils.toArray(&quot;.counter&quot;);
      count_id.forEach((num) =&gt; {
        gsap.from(num, {
          scrollTrigger: {
            trigger: count_number,
            start: &quot;top center+=200&quot;,
            markers: false,
          },
          delay: 0.3,
          innerText: 0,
          duration: 3,
          snap: {
            innerText: 1,
          },
        });
      });

      gsap.from(count_number, {
        scrollTrigger: {
          trigger: count_number,
          start: &quot;top center+=200&quot;,
          markers: false,
        },
        scale: 0.5,
        opacity: 0,
        stagger: 0.2,
        duration: 2,
        ease: &quot;elastic&quot;,
        force3D: true,
      });
    }
  }

  /*--------------------------------------------------------------
    10. Title Animation
  --------------------------------------------------------------*/
  function titleAnimation() {
    if ($.exists(&quot;.animation-title&quot;)) {
      const quotes = gsap.utils.toArray(&quot;.animation-title&quot;);
      if (quotes.length &gt; 0) {
        quotes.forEach((quote) =&gt; {
          if (quote.animation) {
            quote.animation.progress(1).kill();
            quote.split.revert();
          }

          quote.split = new SplitText(quote, {
            type: &quot;lines,words,chars&quot;,
            linesClass: &quot;split-line&quot;,
          });

          gsap.set(quote, { perspective: 400 });

          // Responsive settings
          const baseDuration = window.innerWidth &gt; 768 ? 1 : 0.8;
          const baseStagger = window.innerWidth &gt; 768 ? 0.02 : 0.04;

          // Set up the from and to states with ScrollTrigger
          quote.animation = gsap.fromTo(
            quote.split.chars,
            {
              opacity: 0,
              x: &quot;50&quot;,
            },
            {
              opacity: 1,
              x: &quot;0&quot;,
              duration: baseDuration,
              ease: &quot;back.out(1.7)&quot;,
              stagger: baseStagger,
              scrollTrigger: {
                trigger: quote,
                start: &quot;top 80%&quot;,
                end: &quot;top 50%&quot;,
                scrub: false,
                markers: false,
              },
            }
          );
        });
      }
    }
  }

  /*--------------------------------------------------------------
  11. Text Animation FadeUp 
--------------------------------------------------------------*/
  function textAnimationFadeUp() {
    if ($.exists(&quot;.title-anim&quot;)) {
      const quotes = gsap.utils.toArray(&quot;.title-anim&quot;);
      quotes.forEach((quote) =&gt; {
        if (quote.animation) {
          quote.animation.progress(1).kill();
          quote.split.revert();
        }

        quote.split = new SplitText(quote, {
          type: &quot;lines,words,chars&quot;,
        });

        gsap.set(quote, { overflow: &quot;hidden&quot; });

        quote.animation = gsap.from(quote.split.lines, {
          scrollTrigger: {
            trigger: quote,
            markers: false,
            start: &quot;top 80%&quot;,
          },
          duration: 0.5,
          y: 100,
          autoAlpha: 0,
          stagger: {
            from: &quot;start&quot;,
            amount: 0.2,
            ease: Quint.easeOut,
          },
        });
      });
    }
  }

  /*--------------------------------------------------------------
  12. Scroll Image Animation
--------------------------------------------------------------*/
  function scrollTransform() {
    if ($.exists(&quot;.image-content&quot;)) {
      const images = gsap.utils.toArray(&quot;.about-img-1&quot;);
      const imagesTwo = gsap.utils.toArray(&quot;.about-img-2&quot;);

      if (images.length === 0 &amp;&amp; imagesTwo.length === 0) return;

      const scrollTriggerConfig = {
        trigger: &quot;.image-content&quot;,
        start: &quot;top 80%&quot;,
        end: &quot;bottom 0%&quot;,
        markers: false,
        scrub: 1,
        toggleActions: &quot;play reverse play reverse&quot;,
      };

      function aboutImganim(dets) {
        const direction = dets.deltaY &gt; 0 ? 1 : -1;

        gsap.to(images, {
          scrollTrigger: scrollTriggerConfig,
          y: direction &gt; 0 ? 15 : 0,
          duration: 1.5,
          ease: &quot;power1.out&quot;,
        });

        gsap.to(imagesTwo, {
          scrollTrigger: scrollTriggerConfig,
          y: direction &gt; 0 ? -15 : 0,
          x: direction &gt; 0 ? -15 : 0,
          duration: 1.5,
          ease: &quot;power1.out&quot;,
        });
      }
      document.addEventListener(&quot;wheel&quot;, aboutImganim, { passive: true });
    }
  }

  /*--------------------------------------------------------------
  13. Strategic Card Vertical 
--------------------------------------------------------------*/
  function strategicCardContent() {
    if ($.exists(&quot;.strategic-card-content&quot;)) {
      ScrollTrigger.matchMedia({
        &quot;(min-width: 991px)&quot;: function () {
          let pbmitpanels = gsap.utils.toArray(
            &quot;.strategic-card-content .strategic&quot;
          );
          if (pbmitpanels.length === 0) return;
          const spacer = 0;
          let pbmitheight = pbmitpanels[0].offsetHeight + 125;
          pbmitpanels.forEach((pbmitpanel) =&gt; {
            ScrollTrigger.create({
              trigger: pbmitpanel,
              start: () =&gt; &quot;top 125px&quot;,
              endTrigger: &quot;.strategic-card-content&quot;,
              end: `bottom top+=${pbmitheight + pbmitpanels.length * spacer}`,
              pin: true,
              pinSpacing: false,
              onEnter: () =&gt; gsap.to(pbmitpanel, { scale: 1, duration: 0.5 }),
              onLeaveBack: () =&gt;
                gsap.to(pbmitpanel, { scale: 0.95, duration: 0.5 }),
            });
          });
          let lastPanel = pbmitpanels[pbmitpanels.length - 1];
          lastPanel.classList.add(&quot;spacer128&quot;);
        },
        &quot;(max-width:991px)&quot;: function () {
          ScrollTrigger.getAll().forEach((pbmitpanels) =&gt;
            pbmitpanels.kill(true)
          );
        },
      });
    }
  }

  function strategicCardContentHomeTwo() {
    if ($.exists(&quot;.strategic-card-content-home-two&quot;)) {
      ScrollTrigger.matchMedia({
        &quot;(min-width: 991px)&quot;: function () {
          let pbmitpanels = gsap.utils.toArray(
            &quot;.strategic-card-content-home-two .strategic-anim&quot;
          );
          if (pbmitpanels.length === 0) return;
          const spacer = 0;
          let pbmitheight = pbmitpanels[0].offsetHeight + 125;
          pbmitpanels.forEach((pbmitpanel) =&gt; {
            ScrollTrigger.create({
              trigger: pbmitpanel,
              start: () =&gt; &quot;top 125px&quot;,
              endTrigger: &quot;.strategic-card-content-home-two&quot;,
              end: `bottom top+=${pbmitheight + pbmitpanels.length * spacer}`,
              pin: true,
              pinSpacing: false,
              onEnter: () =&gt; gsap.to(pbmitpanel, { scale: 1, duration: 0.5 }),
              onLeaveBack: () =&gt;
                gsap.to(pbmitpanel, { scale: 1, duration: 0.5 }),
            });
          });
          let lastPanel = pbmitpanels[pbmitpanels.length - 1];
          lastPanel.classList.add(&quot;spacer128&quot;);
        },
        &quot;(max-width:991px)&quot;: function () {
          ScrollTrigger.getAll().forEach((pbmitpanels) =&gt;
            pbmitpanels.kill(true)
          );
        },
      });
    }
  }

  /*--------------------------------------------------------------
  14. Video Section ParallaxBg
--------------------------------------------------------------*/
  function parallaxBg() {
    if ($.exists(&quot;.video-home&quot;)) {
      ScrollTrigger.matchMedia({
        &quot;(min-width: 991px)&quot;: function () {
          const parallaxBg = gsap.utils.toArray(&quot;.parallax-bg&quot;);
          if (parallaxBg.length === 0) return;
          parallaxBg.forEach((bg) =&gt; {
            let tl = gsap.timeline({
              scrollTrigger: {
                trigger: &quot;.video-home&quot;,
                start: &quot;top bottom&quot;,
                end: &quot;bottom top&quot;,
                scrub: true,
              },
            });
            tl.to(bg, { y: -25 }).to(bg, { y: 25 });
          });
        },
      });
    }
  }

  /*--------------------------------------------------------------
  15. Hover Blog Card Animation
--------------------------------------------------------------*/
  function hoverImagesShow() {
    if ($.exists(&quot;.blog-card.style-1&quot;)) {
      const allElement = gsap.utils.toArray(&quot;.blog-card.style-1&quot;);

      allElement.forEach((elem) =&gt; {
        const imgElem = elem.querySelector(&quot;img&quot;);
        if (imgElem.length === 0) return;

        if (elem.animation) {
          elem.animation.progress(1).kill();
        }

        elem.addEventListener(
          &quot;mouseenter&quot;,
          () =&gt;
          (elem.animation = gsap.to(imgElem, {
            scale: 1,
            opacity: 1,
            ease: &quot;power3.out&quot;,
          }))
        );

        elem.addEventListener(
          &quot;mouseleave&quot;,
          () =&gt;
          (elem.animation = gsap.to(imgElem, {
            scale: 0.5,
            opacity: 0,
            x: 0,
            y: 0,
            ease: &quot;power3.out&quot;,
          }))
        );

        elem.addEventListener(&quot;mousemove&quot;, (e) =&gt; {
          const rect = elem.getBoundingClientRect();
          const x = (e.clientX - rect.left - rect.width / 2) / 5;
          const y = (e.clientY - rect.top - rect.height / 2) / 5;

          elem.animation = gsap.to(imgElem, {
            x,
            y,
            ease: &quot;power3.out&quot;,
          });
        });
      });
    }
  }

  /*--------------------------------------------------------------
  16. Atd Circle 
--------------------------------------------------------------*/
  function atdCircle() {
    if ($.exists(&quot;.atd-circle&quot;)) {
      const skills = document.querySelectorAll(&quot;.atd-circle&quot;);
      skills.forEach((skill) =&gt; {
        const percentage = skill.getAttribute(&quot;data-percentage&quot;);
        const degree = percentage * 3.6;
        skill.style.background = `conic-gradient(#F9D67C 0deg, #e0e0e09a 0deg 360deg)`;
        gsap.to(skill, {
          background: `conic-gradient(#F9D67C ${degree}deg, #e0e0e09a ${degree}deg 360deg)`,
          scrollTrigger: {
            trigger: skill,
            start: &quot;top 90%&quot;,
            end: &quot;top 10%&quot;,
          },
          delay: 0.5,
          duration: 1,
        });
      });
    }
  }

  function atdCircletypeTwo() {
    if ($.exists(&quot;.atd-circle.type-2&quot;)) {
      const skills = document.querySelectorAll(&quot;.atd-circle.type-2&quot;);
      skills.forEach((skill) =&gt; {
        const percentage = skill.getAttribute(&quot;data-percentage&quot;);
        const degree = percentage * 3.6;
        skill.style.background = `conic-gradient(#9FE970 0deg, #e0e0e09a 0deg 360deg)`;
        gsap.to(skill, {
          background: `conic-gradient(#9FE970 ${degree}deg, #e0e0e09a ${degree}deg 360deg)`,
          scrollTrigger: {
            trigger: skill,
            start: &quot;top 90%&quot;,
            end: &quot;top 10%&quot;,
          },
          delay: 0.5,
          duration: 1,
        });
      });
    }
  }

  /*--------------------------------------------------------------
  17. Hover Price Package
--------------------------------------------------------------*/
  function packageContent() {
    if ($.exists(&quot;.package-content&quot;)) {
      const packageItems = document.querySelectorAll(
        &quot;.package-content .style2&quot;
      );
      packageItems.forEach((item) =&gt; {
        item.addEventListener(&quot;mouseenter&quot;, function () {
          packageItems.forEach((item) =&gt; {
            item.classList.remove(&quot;active&quot;);
          });
          this.classList.add(&quot;active&quot;);
        });
        item.addEventListener(&quot;mouseleave&quot;, function () {
          packageItems.forEach((item) =&gt; {
            console.log(item.className);
            item.classList.remove(&quot;active&quot;);
          });
          packageItems[1].classList.add(&quot;active&quot;);
        });
      });
    }
  }

  /*--------------------------------------------------------------
  18. Container Around
--------------------------------------------------------------*/
  function containerAround() {
    if ($.exists(&quot;#containerAround&quot;)) {
      ScrollTrigger.matchMedia({
        &quot;(min-width: 991px)&quot;: function () {
          let pinpontsection = document.getElementById(&quot;infoProduto&quot;);
          let galeria = document.getElementById(&quot;scrollGaleria&quot;);
          let section = document.getElementById(&quot;containerAround&quot;);

          ScrollTrigger.create({
            trigger: section,
            pin: pinpontsection,
            start: &quot;top top+=10&quot;,
            end: &quot;bottom top+=&quot; + pinpontsection.clientHeight,
            endTrigger: galeria,
            pinSpacing: false,
          });
        },
      });
    }
  }

  /*--------------------------------------------------------------
  19. Comming Soon Count down
--------------------------------------------------------------*/
  function startCountdown() {
    if ($.exists(&quot;#comming-section&quot;)) {
      const countdownElements = {
        months: document.getElementById(&quot;months&quot;),
        days: document.getElementById(&quot;days&quot;),
        hours: document.getElementById(&quot;hours&quot;),
        minutes: document.getElementById(&quot;minutes&quot;),
        seconds: document.getElementById(&quot;secound&quot;),
      };

      const targetDate = new Date(&quot;2025-08-31T00:00:00&quot;).getTime();

      const updateCountdown = () =&gt; {
        const timeRemaining = targetDate - new Date().getTime();

        if (timeRemaining &lt;= 0) {
          clearInterval(interval);
          Object.values(countdownElements).forEach((el) =&gt; {
            gsap.to(el, {
              textContent: &quot;0&quot;,
              duration: 0.5,
              ease: &quot;none&quot;,
              snap: { textContent: 1 },
            });
          });
          return;
        }

        const units = {
          months: Math.floor(timeRemaining / (1000 * 60 * 60 * 24 * 30.44)),
          days: Math.floor(
            (timeRemaining % (1000 * 60 * 60 * 24 * 30.44)) /
            (1000 * 60 * 60 * 24)
          ),
          hours: Math.floor(
            (timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
          ),
          minutes: Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60)),
          seconds: Math.floor((timeRemaining % (1000 * 60)) / 1000),
        };

        Object.keys(units).forEach((key) =&gt; {
          gsap.to(countdownElements[key], {
            textContent: units[key],
            duration: 0.5,
            ease: &quot;none&quot;,
            snap: { textContent: 1 },
          });
        });
      };

      const interval = setInterval(updateCountdown, 1000);
      updateCountdown(); // Initial call
    }
  }

  /*--------------------------------------------------------------
  20. Skill Bar
--------------------------------------------------------------*/
  function skillBar() {
    if ($.exists(&quot;.ak-skill-fill&quot;)) {
      const skillBars = document.querySelectorAll(&quot;.ak-skill-fill&quot;);
      skillBars.forEach((skillBar) =&gt; {
        const percentage = skillBar.dataset.percentage;

        gsap.to(skillBar, {
          width: `${percentage}%`,
          duration: 2,
          ease: &quot;power4.out&quot;,
          scrollTrigger: {
            trigger: skillBar,
            start: &quot;top 80%&quot;,
          },
        });
      });
    }
  }
  /*--------------------------------------------------------------
  21. Fixed Footer
--------------------------------------------------------------*/
  function fixedFooter() {
    if ($.exists(&quot;.ak-footer&quot;)) {
      let winWidth = $(window).width() &gt; 1199,
        checkFooter = $(&quot;.ak-footer&quot;).hasClass(&quot;fixed-footer&quot;),
        footerHeight = $(&quot;.ak-footer&quot;).height();

      if (winWidth &amp;&amp; checkFooter) {
        $(&quot;.ak-footer&quot;).css({
          position: &quot;fixed&quot;,
          left: 0,
          bottom: 0,
          right: 0,
          width: 100 + &quot;%&quot;,
          &quot;z-index&quot;: -2,
        });
        $(&quot;body&quot;).css(&quot;margin-bottom&quot;, footerHeight);
      } else {
        $(&quot;.ak-footer&quot;).removeAttr(&quot;style&quot;);
        $(&quot;body&quot;).css(&quot;margin-bottom&quot;, &quot;&quot;);
      }
    }
  }
})(jQuery);
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fpublic_html%2Fassets%2Fjs'>Back to Directory</a>