var THEMEMASCOT = {};
(function($) {
"use strict";
/* ---------------------------------------------------------------------- */
/* --------------------------- Start Demo Switcher --------------------- */
/* ---------------------------------------------------------------------- */
var showSwitcher = false;
var $body = $('body');
var $style_switcher = $('#style-switcher');
if( !$style_switcher.length && showSwitcher ) {
$.ajax({
url: "color-switcher/style-switcher.html",
success: function (data) { $body.append(data); },
dataType: 'html'
});
}
/* ---------------------------------------------------------------------- */
/* ----------------------------- En Demo Switcher ---------------------- */
/* ---------------------------------------------------------------------- */
THEMEMASCOT.isRTL = {
check: function() {
if( $( "html" ).attr("dir") === "rtl" ) {
return true;
} else {
return false;
}
}
};
THEMEMASCOT.isLTR = {
check: function() {
if( $( "html" ).attr("dir") !== "rtl" ) {
return true;
} else {
return false;
}
}
};
//Hide Loading Box (Preloader)
function handlePreloader() {
if($('.preloader').length){
$('.preloader').delay(200).fadeOut(500);
}
}
$(document).ready(function () {
$(".preloader-loaded").addClass("loaded");
if ($(".preloader-loaded").hasClass("loaded")) {
$("#preloader").delay(750).queue(function () {
$(this).remove();
});
}
// Prevent default browser hash scroll behavior
if(window.location.hash) {
setTimeout(function() {
window.scrollTo(0, 0);
}, 1);
}
});
//Update Header Style and Scroll to Top
function headerStyle() {
if($('.main-header').length){
var windowpos = $(window).scrollTop();
var siteHeader = $('.header-style-one');
var scrollLink = $('.scroll-to-top');
var sticky_header = $('.main-header .sticky-header');
if (windowpos > 100) {
sticky_header.addClass("fixed-header animated slideInDown");
scrollLink.fadeIn(300);
}else {
sticky_header.removeClass("fixed-header animated slideInDown");
scrollLink.fadeOut(300);
}
if (windowpos > 1) {
siteHeader.addClass("fixed-header");
}else {
siteHeader.removeClass("fixed-header");
}
}
}
headerStyle();
// Backtotop Js
function back_to_top() {
var btn = $('#back_to_top');
var btn_wrapper = $('.back-to-top-wrapper');
var windowOn = $(window); // Define windowOn properly
windowOn.on('scroll', function () {
if (windowOn.scrollTop() > 300) {
btn_wrapper.addClass('back-to-top-btn-show');
} else {
btn_wrapper.removeClass('back-to-top-btn-show');
}
});
btn.on('click', function (e) {
e.preventDefault();
$('html, body').animate({
scrollTop: 0
}, 300); // Removed quotes from 300, since it's a number
});
}
back_to_top();
//Submenu Dropdown Toggle
if($('.main-header li.dropdown ul').length){
$('.main-header .navigation li.dropdown').append('
');
}
//Mobile Nav Hide Show
if($('.mobile-menu').length){
var mobileMenuContent = $('.main-header .main-menu .navigation').html();
$('.mobile-menu .navigation').append(mobileMenuContent);
$('.sticky-header .navigation').append(mobileMenuContent);
$('.mobile-menu .close-btn').on('click', function() {
$('body').removeClass('mobile-menu-visible');
});
//Dropdown Button
$('.mobile-menu li.dropdown .dropdown-btn').on('click', function() {
$(this).prev('ul').slideToggle(500);
$(this).toggleClass('active');
});
//Menu Toggle Btn
$('.mobile-nav-toggler').on('click', function() {
$('body').addClass('mobile-menu-visible');
});
//Menu Toggle Btn
$('.mobile-menu .menu-backdrop, .mobile-menu .close-btn').on('click', function() {
$('body').removeClass('mobile-menu-visible');
});
}
//Header Search
if($('.search-btn').length) {
$('.search-btn').on('click', function() {
$('.main-header').addClass('moblie-search-active');
});
$('.close-search, .search-back-drop').on('click', function() {
$('.main-header').removeClass('moblie-search-active');
});
}
//service-carousel One
if ($('.banner-slider-one').length) {
var swiper = new Swiper(".banner-slider-one", {
slidesPerView: 1,
spaceBetween: 0,
speed: 600,
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
}
//service-carousel One
if ($('.work-carousel').length) {
var swiper = new Swiper(".work-carousel", {
slidesPerView: 6,
spaceBetween: 0,
speed: 500,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
0: {
spaceBetween: 30,
slidesPerView: 1,
},
476: {
spaceBetween: 30,
slidesPerView: 2,
},
768: {
spaceBetween: 30,
slidesPerView: 3,
},
991: {
spaceBetween: 30,
slidesPerView: 4,
},
1200: {
spaceBetween: 30,
slidesPerView: 5,
},
1500: {
spaceBetween: 50,
slidesPerView: 6,
},
},
});
}
// Four Item Swiper
if ($('.team-item-h1_swiper').length) {
var swiper = new Swiper(".team-item-h1_swiper", {
slidesPerView: 4,
spaceBetween: 30,
loop: true,
//centeredSlides: true,
navigation: {
nextEl: ".team-h1-item_button-next",
prevEl: ".team-h1-item_button-prev",
},
breakpoints: {
1500: {
slidesPerView: 3,
},
1200: {
slidesPerView: 3,
},
1000: {
slidesPerView: 2,
},
970: {
slidesPerView: 2,
},
770: {
slidesPerView: 2,
},
650: {
slidesPerView: 1,
},
600: {
slidesPerView: 1,
},
0: {
slidesPerView: 1,
},
},
});
}
if ($('.claint-swiper').length) {
var swiper = new Swiper(".claint-swiper", {
speed:1500,
loop: true,
slidesPerView: 1,
spaceBetween: 0,
breakpoints: {
320: {
slidesPerView: 2,
},
576: {
slidesPerView: 2,
},
768: {
slidesPerView: 3,
},
992: {
slidesPerView: 3,
},
1023: {
slidesPerView: 3,
},
1200: {
slidesPerView: 4,
},
1400: {
slidesPerView: 5,
},
},
});
}
if ($('.claint-swiper-h2').length) {
var swiper = new Swiper(".claint-swiper-h2", {
speed:1500,
loop: true,
slidesPerView: 1,
spaceBetween: 30,
breakpoints: {
320: {
slidesPerView: 2,
},
576: {
slidesPerView: 2,
},
768: {
slidesPerView: 3,
},
992: {
slidesPerView: 3,
},
1023: {
slidesPerView: 3,
},
1200: {
slidesPerView: 4,
},
1400: {
slidesPerView: 5,
},
},
});
}
// Section Title Animation
if ($('.char-animation').length > 0) {
let char_come = gsap.utils.toArray(".char-animation");
char_come.forEach(splitTextLine => {
const tl = gsap.timeline({
scrollTrigger: {
trigger: splitTextLine,
start: 'top 90%',
end: 'bottom 60%',
scrub: false,
markers: false,
toggleActions: 'play none none none'
}
});
const itemSplitted = new SplitText(splitTextLine, { type: "chars, words" });
gsap.set(splitTextLine, { perspective: 300 });
itemSplitted.split({ type: "chars, words" })
tl.from(itemSplitted.chars,
{
duration: 1,
delay: 0.5,
x: 100,
autoAlpha: 0,
stagger: 0.05
});
});
}
// split text animation
if ($('.split-text').length > 0) {
var st = $(".split-text");
if(st.length == 0) return;
gsap.registerPlugin(SplitText);
st.each(function(index, el) {
el.split = new SplitText(el, {
type: "lines,words,chars",
linesClass: "split-line"
});
gsap.set(el, { perspective: 400 });
if( $(el).hasClass('split-in-right') ){
gsap.set(el.split.chars, {
opacity: 0,
x: "50",
ease: "Back.easeOut",
});
}
if( $(el).hasClass('split-in-left') ){
gsap.set(el.split.chars, {
opacity: 0,
x: "-50",
ease: "circ.out",
});
}
el.anim = gsap.to(el.split.chars, {
scrollTrigger: {
trigger: el,
start: "top 90%",
},
x: "0",
y: "0",
rotateX: "0",
scale: 1,
opacity: 1,
duration: 1.0,
stagger: 0.02,
});
});
}
if ($('.testi-swiper-h1').length) {
const swiper = new Swiper('.testi-swiper-h1', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
on: {
slideChange: function () {
const currentRealIndex = this.realIndex;
$('.author-image').removeClass('active');
$('.author-image[data-index="' + currentRealIndex + '"]').addClass('active');
}
}
});
$('.author-image').on('click', function () {
const index = $(this).data('index');
swiper.slideToLoop(index); // jumps to correct slide even if looping
});
// Initial active state
$('.author-image[data-index="0"]').addClass('active');
}
//service-carousel One
if ($('.clients-swiper').length) {
var swiper = new Swiper(".clients-swiper", {
slidesPerView: 5,
spaceBetween: 0,
speed: 500,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
0: {
slidesPerView: 1,
},
476: {
slidesPerView: 2,
},
768: {
slidesPerView: 3,
},
991: {
slidesPerView: 4,
},
1200: {
slidesPerView: 5,
}
},
});
}
//testimonial-carousel One
if ($('.testimonial-swiper-one').length) {
var swiper = new Swiper(".testimonial-swiper-one", {
slidesPerView: 1,
speed: 600,
loop: true,
navigation: {
nextEl: ".testimonial-arry-next",
prevEl: ".testimonial-arry-prev",
},
});
}
//testimonial-carousel Two
if ($('.testimonial-swiper-two').length) {
var swiper = new Swiper(".testimonial-swiper-two", {
slidesPerView: 4,
spaceBetween: 30,
speed: 600,
loop: true,
navigation: {
nextEl: ".testimonial-arry-next",
prevEl: ".testimonial-arry-prev",
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 4,
},
},
});
}
/* ==================================================
Overlay Animation
================================================== */
gsap.registerPlugin(ScrollTrigger);
let ofsetHeight = document.querySelector(".project-h2_inner-container");
if (ofsetHeight) {
ScrollTrigger.matchMedia({
"(min-width: 575px)": function () {
let pbmitpanels = gsap.utils.toArray(".project-block-h2");
const spacer = 0;
let pbmitheight = pbmitpanels[0].offsetHeight + 0;
pbmitpanels.forEach((pbmitpanel, i) => {
TweenMax.set(pbmitpanel, {
top: i * 0,
marginBottom: "30px"
});
const tween = gsap.to(pbmitpanel, {
scrollTrigger: {
trigger: pbmitpanel,
start: () => `top bottom-=100`,
end: () => `top top+=40`,
scrub: true,
invalidateOnRefresh: true
},
ease: "none",
scale: () => 1 - (pbmitpanels.length - i) * 0
});
ScrollTrigger.create({
trigger: pbmitpanel,
start: () => "top 40px",
endTrigger: '.project-h2_inner-container',
end: `bottom top+=${pbmitheight + (pbmitpanels.length * spacer)}`,
pin: true,
pinSpacing: false,
});
});
},
"(max-width:1025px)": function () {
ScrollTrigger.getAll().forEach(pbmitpanels => pbmitpanels.kill(true));
}
});
}
const boxes = document.querySelectorAll('.why-choose-us-block-h2 .inner-box');
boxes.forEach(box => {
box.addEventListener('mouseenter', () => {
boxes.forEach(item => item.classList.remove('active')); // অন্যসব থেকে active remove
box.classList.add('active'); // hover করা box active হবে
});
});
//Testimonial Swiper Three
if ($('.testimonial-swiper-three').length) {
var slider = new Swiper(".testimonial-swiper-three", {
slidesPerView: 1,
navigation: true,
centeredSlides: true,
loop: true,
loopedSlides: 3,
navigation: {
nextEl: ".testimonial-arry-next",
prevEl: ".testimonial-arry-prev",
},
});
var thumbs = new Swiper ('.testimonial-thumbs', {
slidesPerView: 'auto',
spaceBetween: 0,
centeredSlides: true,
loop: true,
slideToClickedSlide: true,
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
}
// Testinomials Slider With Thumb
if ($('.testimonial-content-two').length) {
var testimonial_thumbs = new Swiper('.testimonial-thumbs-two', {
spaceBetween: 10,
mousewheel: true,
loop: false,
slidesPerView: 3,
breakpoints: {
320: {
slidesPerView: 3,
},
600: {
slidesPerView: 3,
},
600: {
slidesPerView: 3,
},
1024: {
slidesPerView: 3,
direction: 'vertical',
},
}
});
var testimonial_content = new Swiper('.testimonial-content-two', {
spaceBetween: 0,
effect: 'fade',
loop: true,
thumbs: {
swiper: testimonial_thumbs
},
navigation: {
nextEl: ".testi-button-next",
prevEl: ".testi-button-prev",
},
pagination: {
el: ".testimonial-pagination-two",
clickable: true
},
});
}
var testi_author = new Swiper(".ks-testi-author-active", {
loop: true,
speed: 1200,
spaceBetween: 0,
slidesPerView: 1,
freeMode: true,
watchSlidesProgress: true,
});
var testi_content = new Swiper(".ks-testimonial-active", {
loop: true,
speed: 1200,
spaceBetween: 0,
slidesPerView: 1,
centeredSlides: true,
autoplay: {
delay: 2000,
disableOnInteraction: true,
},
navigation: {
prevEl: '.arrow-prev',
nextEl: '.arrow-next',
},
thumbs: {
swiper: testi_author,
},
});
if ($('.project-tab-slider').length) {
var swiper = new Swiper('.project-tab-slider', {
loop: true,
slidesPerView: "auto",
allowTouchMove: false,
spaceBetween: 5,
mousewheel: true,
slideToClickedSlide: true,
centeredSlides: false,
navigation: {
nextEl: '.slider-next',
prevEl: '.slider-prev',
}
});
}
//Projects Swiper One
if ($('.projects-swiper-one').length) {
var swiper = new Swiper(".projects-swiper-one", {
slidesPerView: 3,
spaceBetween: 40,
speed: 600,
loop: true,
navigation: {
nextEl: ".projects-arry-next",
prevEl: ".projects-arry-prev",
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
},
});
}
//Projects Swiper One
if ($('.services-swiper-one').length) {
var swiper = new Swiper(".services-swiper-one", {
slidesPerView: 3,
spaceBetween: 0,
speed: 600,
loop: true,
navigation: {
nextEl: ".swiper-arry-next",
prevEl: ".swiper-arry-prev",
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
},
});
}
// Home 1 blog
var swiper = new Swiper(".service-active-h3", {
speed:1000,
loop: true,
spaceBetween: 30,
slidesPerView: 1,
autoplay: {
delay: 1000,
disableOnInteraction: false,
pauseOnMouseEnter: true,
},
breakpoints: {
'1399': {
slidesPerView: 4,
},
'1250': {
slidesPerView: 3,
},
'1200': {
slidesPerView: 3,
},
'992': {
slidesPerView: 2,
},
'768': {
slidesPerView: 2,
},
'576': {
slidesPerView: 1,
},
'0': {
slidesPerView: 1,
},
},
});
// //Services Swiper One
// if ($('.services-swiper-one').length) {
// var swiper = new Swiper(".services-swiper-one", {
// slidesPerView: 3,
// spaceBetween: 30,
// speed: 600,
// loop: true,
// pagination: {
// el: ".swiper__dots",
// clickable: true,
// },
// breakpoints: {
// 320: {
// slidesPerView: 1,
// },
// 576: {
// slidesPerView: 1,
// },
// 768: {
// slidesPerView: 2,
// },
// 992: {
// slidesPerView: 2,
// },
// 1200: {
// slidesPerView: 3,
// },
// },
// });
// }
//Services Swiper Two
if ($('.services-swiper-two').length) {
var swiper = new Swiper(".services-swiper-two", {
slidesPerView: 4,
spaceBetween: 0,
speed: 600,
loop: true,
autoplay: true,
pagination: {
el: ".swiper__dots",
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 4,
},
},
});
}
//service-carousel One
if ($('.services-slider-four').length) {
var swiper = new Swiper(".services-slider-four", {
slidesPerView: 4,
spaceBetween: -1,
speed: 600,
loop: true,
pagination: {
el: ".swiper__dots",
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1023: {
slidesPerView: 4,
},
},
});
}
//Service Block Four Hover
if ($('.service-block-four').length) {
var $service_block = $('.service-block-four .inner-box');
$($service_block).on('mouseenter', function (e) {
$(this).find('.content-box .content-innner').stop().slideDown(300);
return false;
});
$($service_block).on('mouseleave', function (e) {
$(this).find('.content-box .content-innner').stop().slideUp(300);
return false;
});
}
//Case Studies Section
if ($('.casestudies-slider-four').length) {
var swiper = new Swiper(".casestudies-slider-four", {
slidesPerView: 4,
spaceBetween: 30,
speed: 600,
loop: true,
navigation: {
nextEl: ".swiper-arry-next",
prevEl: ".swiper-arry-prev",
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 4,
},
},
});
}
//Case Studies Section
if ($('.casestudies-block-one').length) {
var $casestudies_block = $('.casestudies-block-one .inner-box');
$($casestudies_block).on('mouseenter', function (e) {
$(this).find('.content-inner .link-btn').stop().slideDown(300);
return false;
});
$($casestudies_block).on('mouseleave', function (e) {
$(this).find('.content-inner .link-btn').stop().slideUp(300);
return false;
});
}
if ($('.features-list-slider').length) {
var swiper = new Swiper(".features-list-slider", {
direction: "vertical",
slidesPerView: 3,
spaceBetween: 50,
mousewheel: true,
loop: false,
speed: 600,
freeMode: true,
scrollbar: {
el: ".swiper-scrollbar",
draggable: true,
hide: false,
},
});
swiper.slideTo(0, 0);
}
//service-carousel Two
if ($('.service-two-slider').length) {
var swiper = new Swiper(".service-two-slider", {
slidesPerView: 3,
spaceBetween: 24,
speed: 600,
loop: true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1023: {
slidesPerView: 3,
},
},
});
}
//service-carousel
if ($('.service-three-slider').length) {
var swiper = new Swiper(".service-three-slider", {
slidesPerView: 3,
spaceBetween: 30,
speed: 600,
loop: true,
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3,
},
},
});
}
//service-carousel
if ($('.service-four-slider').length) {
var swiper = new Swiper(".service-four-slider", {
slidesPerView: 3,
spaceBetween: 30,
speed: 600,
loop: true,
navigation: {
nextEl: '.swiper-service-four-button-next',
prevEl: '.swiper-service-four-button-prev',
},
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1023: {
slidesPerView: 3,
},
},
});
}
//service-carousel
if ($('.service-five-slider').length) {
var swiper = new Swiper(".service-five-slider", {
slidesPerView: 3.35,
spaceBetween: 30,
speed: 600,
loop: true,
breakpoints: {
320: {
slidesPerView: 1,
},
576: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
992: {
slidesPerView: 2,
},
1200: {
slidesPerView: 3.35,
},
},
});
}
// Testimonial Carousel
if ($('.testimonial-carousel-one').length) {
$('.testimonial-carousel-one').owlCarousel({
rtl: THEMEMASCOT.isRTL.check(),
loop: true,
margin: 30,
nav: true,
items: 1,
smartSpeed: 700,
autoplay: false,
navText: ['', ''],
});
}
////////////////////////////////////////////////////
// Counter Js
if ($(".purecounter").length) {
new PureCounter({
filesizing: true,
selector: ".filesizecount",
pulse: 2,
});
new PureCounter();
}
//Clients Carousel
if ($('.clients-carousel').length) {
$('.clients-carousel').owlCarousel({
rtl: THEMEMASCOT.isRTL.check(),
loop: true,
margin: 30,
nav: false,
smartSpeed: 400,
autoplay: true,
navText: ['', ''],
responsive: {
0: {
items: 1
},
480: {
items: 2
},
600: {
items: 3
},
768: {
items: 4
},
1023: {
items: 5
},
1400: {
items: 5
},
}
});
}
function show_secondary_price(pricing_tables){
pricing_tables.addClass('show-secondary-price');
var pricing_btn = pricing_tables.find('.btn');
var secondary_btn_url = pricing_btn.data("secondary-link");
pricing_btn.attr("href", secondary_btn_url);
}
function hide_secondary_price(pricing_tables){
pricing_tables.removeClass('show-secondary-price');
var pricing_btn = pricing_tables.find('.btn');
var normal_btn_url = pricing_btn.data("normal-link");
pricing_btn.attr("href", normal_btn_url);
}
//smart btn
var TM_Pricing_Switcher_Smart = function ($scope) {
var pricing_smart_switcher = $('.tm-pricing-smart-switcher, .tm-pricing-plan-switcher');
if( pricing_smart_switcher.length > 0 ) {
pricing_smart_switcher.find("[data-pricing-trigger]").on("click", function (e) {
var $self = $(e.target);
$self.toggleClass("secondary-active");
var pricing_tables = $self.parents("section").find(".tm-pricing-table");
if( $self.hasClass( 'secondary-active' ) ) {
show_secondary_price(pricing_tables);
} else {
hide_secondary_price(pricing_tables);
}
});
}
};
//round, flat btn
var TM_Pricing_Switcher_Btn = function ($scope) {
var pricing_btn_switcher = $('.tm-pricing-smart-switcher-button');
if( pricing_btn_switcher.length > 0 ) {
pricing_btn_switcher.find("[data-pricing-trigger]").on("click", function (e) {
var target_id = $(this).data('show');
var $self = $(e.target);
pricing_btn_switcher.find("[data-pricing-trigger]").removeClass("active");
$(this).addClass("active");
var pricing_tables = $self.parents("section").find(".tm-pricing-table");
if( target_id == "year" ) {
show_secondary_price(pricing_tables);
} else {
hide_secondary_price(pricing_tables);
}
});
}
};
//Service Block Hover
if ($('.srvice-block-eleeven222').length) {
var $service_block = $('.service-block-eleven .inner-box');
$($service_block).on('mouseenter', function (e) {
$(this).find('.info-box .text').stop().slideDown(400);
return false;
});
$($service_block).on('mouseleave', function (e) {
$(this).find('.info-box .text').stop().slideUp(400);
return false;
});
}
// Team Award Content Active
if($('.team-award-block-two .inner-box').length) {
$('.team-award-block-two .inner-box').on('mouseenter', function() {
$(this).addClass('active');
$('.inner-box').removeClass('active');
});
$('.team-award-block-two .inner-box').on('mouseleave', function() {
$(this).addClass('active');
});
}
if($('.service-block-three .inner-box').length) {
const $boxes = $('.service-block-three .inner-box');
if ($boxes.length) {
// Activate the first box on load
// const $firstBox = $boxes.first();
// $firstBox.addClass('active');
// $firstBox.find('.content-box').addClass('active').slideDown();
// Click logic
$boxes.on('click', function () {
$boxes.removeClass('active');
$('.service-block-three .content-box').slideUp().removeClass('active');
$(this).addClass('active');
$(this).find('.content-box').slideDown().addClass('active');
});
}
}
// Project Content Active
if($('.service-block-seven .inner-box').length) {
$('.service-block-seven .inner-box').on('click', function() {
$('.inner-box').removeClass('active');
$(this).addClass('active');
});
}
if ($('.services-section-eight .outer-box').length) {
const serviceImage = document.getElementById('service-image');
const serviceItems = document.querySelectorAll('.services-list .service-block-eight');
// Set the default active item
const defaultItem = document.querySelector('.services-list .service-block-eight.active');
if (defaultItem) {
const defaultImage = defaultItem.getAttribute('data-image');
if (defaultImage) {
serviceImage.src = defaultImage;
}
}
// Handle hover effect and active state change
serviceItems.forEach(item => {
item.addEventListener('mouseover', () => {
const newImage = item.getAttribute('data-image');
if (newImage) {
serviceImage.src = newImage;
}
// Remove active class from all items and add to the hovered one
serviceItems.forEach(el => el.classList.remove('active'));
item.classList.add('active');
});
});
}
// Project Content Active
if ($('.service-block-eleven').length) {
var $service_block = $('.service-block-eleven .inner-box');
$($service_block).on('mouseenter', function (e) {
$(this).parent().parent().find('.inner-box').removeClass('active');
$(this).addClass('active');
$(this).parent().parent().find('.info-box .text').stop().slideUp(200);
$(this).find('.info-box .text').stop().slideDown(200);
return false;
});
$($service_block).on('mouseleave', function (e) {
return false;
});
}
//Fact Counter + Text Count
if ($('.product-details .bxslider').length) {
$('.product-details .bxslider').bxSlider({
nextSelector: '.product-details #slider-next',
prevSelector: '.product-details #slider-prev',
nextText: '',
prevText: '',
mode: 'fade',
auto: 'true',
speed: '700',
pagerCustom: '.product-details .slider-pager .thumb-box'
});
};
//Distance Range Slider
if ($('.distance-range-slider').length) {
$(".distance-range-slider").slider({
range: true,
min: 0,
max: 2000,
values: [0, 1500],
slide: function (event, ui){
$("input.range-amount").val(ui.values[0] + " - " + ui.values[1]);
}
});
$("input.range-amount").val($(".distance-range-slider").slider("values", 0) + " - " + $(".distance-range-slider").slider("values", 1));
}
$(".quantity-box .add").on("click", function () {
if ($(this).prev().val() < 999) {
$(this)
.prev()
.val(+$(this).prev().val() + 1);
}
});
$(".quantity-box .sub").on("click", function () {
if ($(this).next().val() > 1) {
if ($(this).next().val() > 1)
$(this)
.next()
.val(+$(this).next().val() - 1);
}
});
//Price Range Slider
if($('.price-range-slider').length){
$( ".price-range-slider" ).slider({
range: true,
min: 10,
max: 99,
values: [ 10, 60 ],
slide: function( event, ui ) {
$( "input.property-amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
}
});
$( "input.property-amount" ).val( $( ".price-range-slider" ).slider( "values", 0 ) + " - $" + $( ".price-range-slider" ).slider( "values", 1 ) );
}
//Accordion Box
if ($('.accordion-box').length) {
$(".accordion-box").on('click', '.acc-btn', function () {
var outerBox = $(this).parents('.accordion-box');
var target = $(this).parents('.accordion');
if ($(this).hasClass('active') !== true) {
$(outerBox).find('.accordion .acc-btn').removeClass('active ');
}
if ($(this).next('.acc-content').is(':visible')) {
return false;
} else {
$(this).addClass('active');
$(outerBox).children('.accordion').removeClass('active-block');
$(outerBox).find('.accordion').children('.acc-content').slideUp(300);
target.addClass('active-block');
$(this).next('.acc-content').slideDown(300);
}
});
}
//Jquery Knob animation // Pie Chart Animation
if ($('.dial').length) {
$('.dial').appear(function () {
var elm = $(this);
var color = elm.attr('data-fgColor');
var perc = elm.attr('value');
elm.knob({
'value': 0,
'min': 0,
'max': 100,
'skin': 'tron',
'readOnly': true,
'thickness': 0.15,
'dynamicDraw': true,
'displayInput': false
});
$({ value: 0 }).animate({ value: perc }, {
duration: 2000,
easing: 'swing',
progress: function () {
elm.val(Math.ceil(this.value)).trigger('change');
}
});
//circular progress bar color
$(this).append(function () {
// elm.parent().parent().find('.circular-bar-content').css('color',color);
//elm.parent().parent().find('.circular-bar-content .txt').text(perc);
});
}, { accY: 20 });
}
//Fact Counter + Text Count
if($('.count-box').length){
$('.count-box').appear(function(){
var $t = $(this),
n = $t.find(".count-text").attr("data-stop"),
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("counted");
$({
countNum: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
duration: r,
easing: "linear",
step: function() {
$t.find(".count-text").text(Math.floor(this.countNum));
},
complete: function() {
$t.find(".count-text").text(this.countNum);
}
});
}
},{accY: 0});
}
//Tabs Box
if ($('.tabs-box').length) {
$('.tabs-box .tab-buttons .tab-btn').on('click', function (e) {
e.preventDefault();
var target = $($(this).attr('data-tab'));
if ($(target).is(':visible')) {
return false;
} else {
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
$(this).addClass('active-btn');
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab animated fadeIn');
$(target).fadeIn(300);
$(target).addClass('active-tab animated fadeIn');
}
});
}
//Progress Bar
if ($('.progress-line').length) {
$('.progress-line').appear(function () {
var el = $(this);
var percent = el.data('width');
$(el).css('width', percent + '%');
}, { accY: 0 });
}
//LightBox / Fancybox
if($('.lightbox-image').length) {
$('.lightbox-image').fancybox({
openEffect : 'fade',
closeEffect : 'fade',
helpers : {
media : {}
}
});
}
// Scroll to a Specific Div
if($('.scroll-to-target').length){
$(".scroll-to-target").on('click', function() {
var target = $(this).attr('data-target');
// animate
$('html, body').animate({
scrollTop: $(target).offset().top - 100
}, 800);
});
}
// Smooth scroll for anchor links with offset for fixed header
$('a[href*="#"]:not([href="#"])').on('click', function(e) {
var href = $(this).attr('href');
// Check if it's a link to an anchor on the same page
var hashIndex = href.indexOf('#');
if (hashIndex !== -1) {
var path = href.substring(0, hashIndex);
var hash = href.substring(hashIndex);
// If no path or same path as current page
if (path === '' || path === window.location.pathname || path === window.location.href.split('#')[0]) {
var target = $(hash);
if (target.length) {
e.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top - 100
}, 800);
// Update URL hash
if (history.pushState) {
history.pushState(null, null, hash);
} else {
window.location.hash = hash;
}
}
}
}
});
// Elements Animation
if($('.wow').length){
var wow = new WOW(
{
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: false, // trigger animations on mobile devices (default is true)
live: true // act on asynchronously loaded content (default is true)
}
);
wow.init();
}
// count Bar
if ($(".count-bar").length) {
$(".count-bar").appear(
function () {
var el = $(this);
var percent = el.data("percent");
$(el).css("width", percent).addClass("counted");
}, {
accY: -50
}
);
}
//Image Reveal Animation
if($('.reveal').length){
gsap.registerPlugin(ScrollTrigger);
let revealContainers = document.querySelectorAll(".reveal");
revealContainers.forEach((container) => {
let image = container.querySelector("img");
let tl = gsap.timeline({
scrollTrigger: {
trigger: container,
toggleActions: "play none none none"
}
});
tl.set(container, { autoAlpha: 1 });
tl.from(container, 1.5, {
xPercent: -100,
ease: Power2.out
});
tl.from(image, 1.5, {
xPercent: 100,
scale: 1.3,
delay: -1.5,
ease: Power2.out
});
});
}
document.querySelectorAll(".scroll-text").forEach((section) => {
let tl = gsap.timeline({
scrollTrigger: {
trigger: section,
start: "top 100%",
end: "bottom top",
scrub: 1,
markers: false,
},
});
tl.from(section.querySelector(".text1"), { xPercent: 20 })
.from(section.querySelector(".text2"), { xPercent: -20 }, 0);
tl.from(section.querySelector(".scroll-anim-top"), { yPercent: 10 }, 0)
.from(section.querySelector(".scroll-anim-bottom"), { yPercent: -10 }, 0);
});
//Bg Parallax
if($('.bg-parallax').length){
gsap.to(".bg-parallax", {
backgroundPosition: "70% 75%",
ease: "ease1",
scrollTrigger: {
trigger: ".bg-parallax",
start: "top bottom",
end: "bottom top",
scrub: 1
}
});
}
// Select2 Dropdown
$('.custom-select').select2({
minimumResultsForSearch: 7,
});
//Gallery Filters
if($('.filter-list').length){
$('.filter-list').mixItUp({});
}
//Custom Data Attributes
if($('[data-tm-bg-color]').length){
$('[data-tm-bg-color]').each(function() {
$(this).css("cssText", "background-color: " + $(this).data("tm-bg-color") + " !important;");
});
}
/* ---------------------------------------------------------------------- */
/* ----------- Activate Menu Item on Reaching Different Sections ---------- */
/* ---------------------------------------------------------------------- */
var $onepage_nav = $('.onepage-nav');
var $sections = $('section');
var $window = $(window);
function TM_activateMenuItemOnReach() {
if( $onepage_nav.length > 0 ) {
var cur_pos = $window.scrollTop() + 2;
var nav_height = $onepage_nav.outerHeight();
$sections.each(function() {
var top = $(this).offset().top - nav_height - 80,
bottom = top + $(this).outerHeight();
if (cur_pos >= top && cur_pos <= bottom) {
$onepage_nav.find('a').parent().removeClass('current').removeClass('active');
$sections.removeClass('current').removeClass('active');
$onepage_nav.find('a[href="#' + $(this).attr('id') + '"]').parent().addClass('current').addClass('active');
}
if (cur_pos <= nav_height && cur_pos >= 0) {
$onepage_nav.find('a').parent().removeClass('current').removeClass('active');
$onepage_nav.find('a[href="#header"]').parent().addClass('current').addClass('active');
}
});
}
}
/* ==========================================================================
When document is Scrollig, do
========================================================================== */
$(window).on('scroll', function() {
headerStyle();
TM_activateMenuItemOnReach();
});
/* ==========================================================================
When document is loading, do
========================================================================== */
$(window).on('load', function() {
handlePreloader();
TM_Pricing_Switcher_Smart();
TM_Pricing_Switcher_Btn();
// Handle hash in URL on page load
if(window.location.hash) {
var hash = window.location.hash;
// Wait for page to be fully loaded including animations
setTimeout(function() {
var target = $(hash);
if(target.length) {
var scrollTo = target.offset().top - 100; // Adjust offset for fixed header
$('html, body').animate({
scrollTop: scrollTo
}, 800);
}
}, 800); // Delay to ensure preloader and animations are done
}
});
})(window.jQuery);