;(function($){
    $(window).on('elementor/frontend/init',function(){
      
  function slickInit() {
    if ($.exists('.cs_slider')) {
      $('.cs_slider').each(function () {
        // Slick Variable
        var $ts = $(this).find('.cs_slider_container');
        var $slickActive = $(this).find('.cs_slider_wrapper');
        // Auto Play
        var autoPlayVar = parseInt($ts.attr('data-autoplay'), 10);
        // Auto Play Time Out
        var autoplaySpdVar = 3000;
        if (autoPlayVar > 1) {
          autoplaySpdVar = autoPlayVar;
          autoPlayVar = 1;
        }
        // Slide Change Speed
        var speedVar = parseInt($ts.attr('data-speed'), 10);
        // Slider Loop
        var loopVar = Boolean(parseInt($ts.attr('data-loop'), 10));
        // Slider Center
        var centerVar = Boolean(parseInt($ts.attr('data-center'), 10));
        // Variable Width
        var variableWidthVar = Boolean(
          parseInt($ts.attr('data-variable-width'), 10),
        );
        // Pagination
        var paginaiton = $(this)
          .find('.cs_pagination')
          .hasClass('cs_pagination');
        // Slide Per View
        var slidesPerView = $ts.attr('data-slides-per-view');
        if (slidesPerView == 1) {
          slidesPerView = 1;
        }
        if (slidesPerView == 'responsive') {
          var slidesPerView = parseInt($ts.attr('data-add-slides'), 10);
          var lgPoint = parseInt($ts.attr('data-lg-slides'), 10);
          var mdPoint = parseInt($ts.attr('data-md-slides'), 10);
          var smPoint = parseInt($ts.attr('data-sm-slides'), 10);
          var xsPoing = parseInt($ts.attr('data-xs-slides'), 10);
        }
        // Fade Slider
        var fadeVar = parseInt($($ts).attr('data-fade-slide'));
        fadeVar === 1 ? (fadeVar = true) : (fadeVar = false);

        // Slick Active Code
        $slickActive.slick({
          autoplay: autoPlayVar,
          dots: paginaiton,
          centerPadding: '28%',
          speed: speedVar,
          infinite: loopVar,
          autoplaySpeed: autoplaySpdVar,
          centerMode: centerVar,
          fade: fadeVar,
          prevArrow: $(this).find('.cs_left_arrow'),
          nextArrow: $(this).find('.cs_right_arrow'),
          appendDots: $(this).find('.cs_pagination'),
          slidesToShow: slidesPerView,
          variableWidth: variableWidthVar,
          swipeToSlide: true,
          responsive: [
            {
              breakpoint: 1600,
              settings: {
                slidesToShow: lgPoint,
              },
            },
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: mdPoint,
              },
            },
            {
              breakpoint: 992,
              settings: {
                slidesToShow: smPoint,
              },
            },
            {
              breakpoint: 768,
              settings: {
                slidesToShow: xsPoing,
                slidesToScroll: xsPoing,
              },
            },
          ],
        });
      });
    }
  }

      var triggerSwiper = [
        'specializations',
        'blogpost',
        'brand',
        'hero-banner',
        'services',
        'testimonial',
        'tg-team',
        'case-study',
      ];
      
      $.each(triggerSwiper, function(index, item) {
        elementorFrontend.hooks.addAction('frontend/element_ready/' + item + '.default', function($scope, $) {
          slickInit();
        });
      });


        elementorFrontend.hooks.addAction( 'frontend/element_ready/hero-banner.default', function(scope,$){  

          $('.cs_rating').each(function () {
            var review = $(this).data('rating');
            var reviewVal = review * 20 + '%';
            $(this).find('.cs_rating_percentage').css('width', reviewVal);
          });

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });

          if ($.exists('.cs_parallax_slider')) {
            let mainSliderSelector = '.cs_parallax_slider',
              interleaveOffset = 0.5;
            let mainSliderOptions = {
              loop: true,
              speed: 1000,
              autoplay: false,
              loopAdditionalSlides: 10,
              grabCursor: true,
              watchSlidesProgress: true,
              navigation: false,
              pagination: {
                el: '.cs_swiper_pagination_2',
                clickable: true,
                renderBullet: function (index, className) {
                  return '<span class="' + className + '">' + (index + 1) + '</span>';
                },
              },
              on: {
                init: function () {
                  this.autoplay.stop();
                },
                imagesReady: function () {
                  this.el.classList.remove('loading');
                  this.autoplay.start();
                },
                progress: function (swiper) {
                  for (let i = 0; i < swiper.slides.length; i++) {
                    let slideProgress = swiper.slides[i].progress,
                      innerOffset = swiper.width * interleaveOffset,
                      innerTranslate = slideProgress * innerOffset;

                    swiper.slides[i].querySelector(
                      '.cs_swiper_parallax_bg',
                    ).style.transform = 'translateX(' + innerTranslate + 'px)';
                  }
                },
                touchStart: function (swiper) {
                  for (let i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = '';
                  }
                },
                setTransition: function (swiper, transition) {
                  for (let i = 0; i < swiper.slides.length; i++) {
                    swiper.slides[i].style.transition = transition + 'ms';
                    swiper.slides[i].querySelector(
                      '.cs_swiper_parallax_bg',
                    ).style.transition = transition + 'ms';
                  }
                },
              },
            };
            let mainSlider = new Swiper(mainSliderSelector, mainSliderOptions);
          }

                  
        });

        elementorFrontend.hooks.addAction( 'frontend/element_ready/specializations.default', function(scope,$){
          
          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });
          
        }); 

        elementorFrontend.hooks.addAction( 'frontend/element_ready/tp-fact.default', function(scope,$){
                
          if ($.exists('.odometer')) {
            $(window).on('scroll', function () {
              function winScrollPosition() {
                var scrollPos = $(window).scrollTop(),
                  winHeight = $(window).height();
                var scrollPosition = Math.round(scrollPos + winHeight / 1.2);
                return scrollPosition;
              }

              $('.odometer').each(function () {
                var elemOffset = $(this).offset().top;
                if (elemOffset < winScrollPosition()) {
                  $(this).html($(this).data('count-to'));
                }
              });
            });
          }
          
        });

        elementorFrontend.hooks.addAction( 'frontend/element_ready/tg-choose.default', function(scope,$){
            
          $('.cs_accordian').children('.cs_accordian_body').hide();
          $('.cs_accordian.active').children('.cs_accordian_body').show();
          $('.cs_accordian_head').on('click', function () {
            $(this)
              .parent('.cs_accordian')
              .siblings()
              .children('.cs_accordian_body')
              .slideUp(250);
            $(this).siblings().slideDown(250);
            $(this)
              .parent()
              .parent()
              .siblings()
              .find('.cs_accordian_body')
              .slideUp(250);
            /* Accordian Active Class */
            $(this).parents('.cs_accordian').addClass('active');
            $(this).parent('.cs_accordian').siblings().removeClass('active');
          });

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });


        });   

        elementorFrontend.hooks.addAction( 'frontend/element_ready/services.default', function(scope,$){
          
          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });
          
        }); 

        elementorFrontend.hooks.addAction( 'frontend/element_ready/zivan-portfolio.default', function(scope,$){

          if ($.exists('.cs_isotop')) {
            $('.cs_isotop').isotope({
              itemSelector: '.cs_isotop_item',
              transitionDuration: '0.60s',
              percentPosition: true,
              masonry: {
                columnWidth: '.cs_grid_sizer',
              },
            });
            /* Active Class of Portfolio*/
            $('.cs_isotop_filter ul li').on('click', function (event) {
              $(this).siblings('.active').removeClass('active');
              $(this).addClass('active');
              event.preventDefault();
            });
            /*=== Portfolio filtering ===*/
            $('.cs_isotop_filter ul').on('click', 'a', function () {
              var filterElement = $(this).attr('data-filter');
              $('.cs_isotop').isotope({
                filter: filterElement,
              });
            });
          }

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });
          

        });   

        elementorFrontend.hooks.addAction( 'frontend/element_ready/tp-cta.default', function(scope,$){
          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });
        }); 

        elementorFrontend.hooks.addAction( 'frontend/element_ready/contact-info.default', function(scope,$){
          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });
        }); 
 
         elementorFrontend.hooks.addAction( 'frontend/element_ready/tp-faq.default', function(scope,$){
          
          $('.cs_accordian').children('.cs_accordian_body').hide();
          $('.cs_accordian.active').children('.cs_accordian_body').show();
          $('.cs_accordian_head').on('click', function () {
            $(this)
              .parent('.cs_accordian')
              .siblings()
              .children('.cs_accordian_body')
              .slideUp(250);
            $(this).siblings().slideDown(250);
            $(this)
              .parent()
              .parent()
              .siblings()
              .find('.cs_accordian_body')
              .slideUp(250);
            /* Accordian Active Class */
            $(this).parents('.cs_accordian').addClass('active');
            $(this).parent('.cs_accordian').siblings().removeClass('active');
          });          

        });

        elementorFrontend.hooks.addAction( 'frontend/element_ready/case-study.default', function(scope,$){
          
          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });
          
          $('.cs_hover_active').hover(function () {
            $(this).addClass('active').siblings().removeClass('active');
          }); 

          if ($.exists('.cs_fullscreen_vertical_slider')) {
            var swiper = new Swiper('.cs_fullscreen_vertical_slider', {
              direction: 'vertical',
              mousewheel: true,
              loop: true,
              speed: 1000,
              pagination: {
                el: '.cs_swiper_pagination',
                type: 'fraction',
              },
              navigation: {
                nextEl: '.cs_swiper_button_next',
                prevEl: '.cs_swiper_button_prev',
              },
            });
          }
          

        });

        elementorFrontend.hooks.addAction( 'frontend/element_ready/tp-video-popup.default', function(scope,$){

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });

          if ($.exists('.cs_video_open')) {
            $('body').append(`
              <div class="cs_video_popup">
                <div class="cs_video_popup-overlay"></div>
                <div class="cs_video_popup-content">
                  <div class="cs_video_popup-layer"></div>
                  <div class="cs_video_popup-container">
                    <div class="cs_video_popup-align">
                      <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src="about:blank"></iframe>
                      </div>
                    </div>
                    <div class="cs_video_popup-close"></div>
                  </div>
                </div>
              </div>
            `);
            $(document).on('click', '.cs_video_open', function (e) {
              e.preventDefault();
              var video = $(this).attr('href');

              $('.cs_video_popup-container iframe').attr('src', `${video}`);

              $('.cs_video_popup').addClass('active');
            });
            $('.cs_video_popup-close, .cs_video_popup-layer').on(
              'click',
              function (e) {
                $('.cs_video_popup').removeClass('active');
                $('html').removeClass('overflow-hidden');
                $('.cs_video_popup-container iframe').attr('src', 'about:blank');
                e.preventDefault();
              },
            );
          }
          

        });

        elementorFrontend.hooks.addAction( 'frontend/element_ready/who-we-are.default', function(scope,$){

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });

        });

        elementorFrontend.hooks.addAction( 'frontend/element_ready/testimonial.default', function(scope,$){

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });

        });


        elementorFrontend.hooks.addAction( 'frontend/element_ready/about.default', function(scope,$){

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });

        });


        elementorFrontend.hooks.addAction( 'frontend/element_ready/features.default', function(scope,$){
          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });
        });
        

        elementorFrontend.hooks.addAction( 'frontend/element_ready/case-box.default', function(scope,$){
        

        if ($.exists('.cs_scroll_slide') && $(window).width() > 991) {
          var ctrl = new ScrollMagic.Controller({});
          /* This each sets the animation */
          $('.cs_scroll_slide').each(function (index, element) {
            $(':root').css('scroll-behavior', 'initial');

            /* scroll up */
            new ScrollMagic.Scene({
              triggerHook: 0,
              triggerElement: this,
              offset: -40,
            })
              .on('leave', function () {
                console.log('scroll up = ', index);
                TweenLite.to(window, 0.5, {
                  scrollTo: {
                    y:
                      $(window).height() * (index - 1) +
                      $('.cs_scroll_slider_container').offset().top,
                    autoKill: false,
                  },
                  ease: Linear.easeNone,
                });
              })
              .addTo(ctrl);

            /* scroll down */
            new ScrollMagic.Scene({
              triggerElement: this,
              triggerHook: 0,
              offset: 40,
            })
              .on('enter', function () {
                console.log(
                  'scroll down = ',
                  $(window).height() +
                    ' * (' +
                    index +
                    '+1)+' +
                    $(window).scrollTop(),
                  $(window).height() * (index + 1) + $(window).scrollTop(),
                );
                TweenLite.to(window, 0.5, {
                  scrollTo: {
                    y:
                      $(window).height() * (index + 1) +
                      $('.cs_scroll_slider_container').offset().top,
                    autoKill: false,
                  },
                  ease: Linear.easeNone,
                });
              })
              .addTo(ctrl);
          });
        }
        var currentYear = new Date().getFullYear();
        $('.cs_copyright_year').text(currentYear);


        });        

        elementorFrontend.hooks.addAction( 'frontend/element_ready/blogpost.default', function(scope,$){

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });

        });

        elementorFrontend.hooks.addAction( 'frontend/element_ready/value.default', function(scope,$){

          $('[data-src]').each(function () {
              var src = $(this).attr('data-src');
              $(this).css({
                  'background-image': 'url(' + src + ')',
              });
          });

        });



    });
})(jQuery);