https://drarvindkumar.com/js/custom.js?v=9106

1$(document).ready(function() {
2    $('.popup-youtube').magnificPopup({
3        type: 'iframe'
4    });
5});
6
7
8
9
10
11$(window).on('load', function() {
12    setTimeout(function() { // allowing 3 secs to fade out loader
13        $('.site-loader').fadeOut('slow');
14    }, 300);
15});
16
17
18function isNumber(evt) {
19    evt = (evt) ? evt : window.event;
20    var charCode = (evt.which) ? evt.which : evt.keyCode;
21    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
22        return false;
23    }
24    return true;
25}
26
27$('.main-slider').owlCarousel({
28    loop: true,
29    margin: 10,
30    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
31    nav: true,
32    autoplay: true,
33    autoplayTimeout: 10000,
34    autoplayHoverPause: false,
35    dots: false,
36    center: false,
37    touchDrag: true,
38    mouseDrag: true,
39    smartSpeed: 5000,
40    responsive: {
41        0: {
42            autoplay: true,
43            touchDrag: true,
44            dots: true,
45            items: 1,
46        },
47        768: {
48            items: 1,
49        },
50        1000: {
51            items: 1
52        }
53    }
54});
55
56$('.sidebar-slider').owlCarousel({
57    loop: true,
58    margin: 10,
59    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
60    nav: true,
61    autoplay: true,
62    autoplayTimeout: 5000,
63    autoplayHoverPause: false,
64    dots: false,
65    center: false,
66    touchDrag: true,
67    mouseDrag: true,
68    smartSpeed: 5000,
69    responsive: {
70        0: {
71            autoplay: true,
72            touchDrag: true,
73            dots: true,
74            items: 1,
75        },
76        768: {
77            items: 1,
78        },
79        1000: {
80            items: 1
81        }
82    }
83});
84
85$('.mobile-slider').owlCarousel({
86    loop: true,
87    margin: 10,
88    nav: false,
89    autoplay: true,
90    autoplayTimeout: 5000,
91    autoplayHoverPause: false,
92    dots: false,
93    center: false,
94    touchDrag: true,
95    mouseDrag: true,
96    smartSpeed: 2000,
97    responsive: {
98        0: {
99            autoplay: true,
100            touchDrag: true,
101            dots: true,
102            items: 1,
103        },
104        768: {
105            items: 1,
106        },
107        1000: {
108            items: 1
109        }
110    }
111});
112
113$('.service_slide').owlCarousel({
114    loop: true,
115    margin: 0,
116    nav: true,
117    autoplay: false,
118    autoplayTimeout: 3000,
119    autoplayHoverPause: true,
120    dots: false,
121    center: false,
122    touchDrag: true,
123    mouseDrag: true,
124    smartSpeed: 1500,
125    responsive: {
126        0: {
127            autoplay: true,
128            dots: true,
129            items: 1,
130        },
131        768: {
132            items: 2,
133        },
134        1000: {
135            items: 4
136        }
137    }
138});
139
140$('.abt_slide').owlCarousel({
141    loop: true,
142    margin: 0,
143    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
144    nav: true,
145    autoplay: false,
146    autoplayTimeout: 3000,
147    autoplayHoverPause: true,
148    dots: false,
149    center: false,
150    touchDrag: true,
151    mouseDrag: true,
152    smartSpeed: 1500,
153    responsive: {
154        0: {
155            autoplay: true,
156            dots: true,
157            items: 1,
158        },
159        768: {
160            items: 2,
161        },
162        1000: {
163            items: 3
164        }
165    }
166});
167
168// new code for service slider
169$('.service_slider').owlCarousel({
170    loop: true,
171    margin: 0,
172    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
173    nav: true,
174    autoplay: false,
175    autoplayTimeout: 3000,
176    autoplayHoverPause: true,
177    dots: false,
178    center: false,
179    touchDrag: true,
180    mouseDrag: true,
181    smartSpeed: 1500,
182    responsive: {
183        0: {
184            autoplay: true,
185            dots: true,
186            items: 1,
187        },
188        768: {
189            items: 2,
190        },
191        1000: {
192            items: 3
193        }
194    }
195});
196// new code for service slider
197$('.treat_slider').owlCarousel({
198    loop: true,
199    margin: 5,
200    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
201    nav: true,
202    autoplay: false,
203    autoplayTimeout: 2000,
204    autoplayHoverPause: false,
205    dots: false,
206    center: false,
207    touchDrag: true,
208    mouseDrag: true,
209    smartSpeed: 2000,

210    responsive: {
211        0: {
212            items: 1,
213        },
214        768: {
215            items: 2,
216        },
217        1000: {
218            items: 4
219        }
220    }
221});
222
223
224
225
226$('.educate_slider').owlCarousel({
227    loop: true,
228    margin: 10,
229    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
230    nav: true,
231    autoplay: false,
232    autoplayTimeout: 2000,
233    autoplayHoverPause: false,
234    dots: false,
235    center: false,
236    touchDrag: true,
237    mouseDrag: true,
238    smartSpeed: 2000,
239    responsive: {
240        0: {
241            items: 1,
242        },
243        768: {
244            items: 1,
245        },
246        1000: {
247            items: 3
248        }
249    }
250});
251
252$('.review_slider').owlCarousel({
253    loop: true,
254    margin: 10,
255    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
256    nav: false,
257    autoplay: false,
258    autoplayTimeout: 2000,
259    autoplayHoverPause: false,
260    dots: true,
261    center: false,
262    touchDrag: true,
263    mouseDrag: true,
264    smartSpeed: 2000,
265    responsive: {
266        0: {
267            items: 1,
268        },
269        768: {
270            items: 2,
271        },
272        1000: {
273            items: 3,
274        }
275    }
276});
277
278
279$('.info_slider').owlCarousel({
280    loop: true,
281    margin: 10,
282    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
283    nav: true,
284    autoplay: false,
285    autoplayTimeout: 2000,
286    autoplayHoverPause: true,
287    dots: false,
288    center: false,
289    touchDrag: true,
290    mouseDrag: true,
291    smartSpeed: 2000,
292    responsive: {
293        0: {
294            items: 1,
295        },
296        768: {
297            items: 2,
298        },
299        1000: {
300            items: 3
301        }
302    }
303});
304
305
306$('.info2_slider').owlCarousel({
307    loop: true,
308    margin: 20,
309    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
310    nav: true,
311    autoplay: false,
312    autoplayTimeout: 2000,
313    autoplayHoverPause: true,
314    dots: false,
315    center: false,
316    touchDrag: true,
317    mouseDrag: true,
318    smartSpeed: 2000,
319    responsive: {
320        0: {
321            items: 1,
322        },
323        768: {
324            items: 1,
325        },
326        1000: {
327            items: 2
328        }
329    }
330});
331
332$('.blog_slider').owlCarousel({
333    loop: true,
334    margin: 0,
335    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
336    nav: true,
337    autoplay: false,
338    autoplayTimeout: 2000,
339    autoplayHoverPause: true,
340    dots: false,
341    center: false,
342    touchDrag: true,
343    mouseDrag: true,
344    smartSpeed: 2000,
345    responsive: {
346        0: {
347            items: 1,
348        },
349        768: {
350            items: 2,
351        },
352        1000: {
353            items: 2,
354        }
355    }
356});
357
358
359$('.award_slider').owlCarousel({
360    loop: true,
361    margin: 10,
362    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
363    nav: true,
364    autoplay: false,
365    autoplayTimeout: 3000,
366    autoplayHoverPause: true,
367    dots: false,
368    center: false,
369    touchDrag: true,
370    mouseDrag: true,
371    smartSpeed: 2000,
372    responsive: {
373        0: {
374            items: 1,
375        },
376        768: {
377            items: 1,
378        },
379        1000: {
380            items: 4
381        }
382    }
383});
384$('.award_slider1').owlCarousel({
385    loop: true,
386    margin: 10,
387    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
388    nav: true,
389    autoplay: false,
390    autoplayTimeout: 3000,
391    autoplayHoverPause: true,
392    dots: false,
393    center: false,
394    touchDrag: true,
395    mouseDrag: true,
396    smartSpeed: 2000,
397    responsive: {
398        0: {
399            items: 1,
400        },
401        768: {
402            items: 2,
403        },
404        1000: {
405            items: 2
406        }
407    }
408});
409
410
411$('.testi_slider').owlCarousel({
412    loop: true,
413    margin: 10,
414    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
415    nav: false,
416    autoplay: false,
417    autoplayTimeout: 3000,
418    autoplayHoverPause: true,
419    dots: false,
420    center: false,
421    touchDrag: false,
422    mouseDrag: false,
423    smartSpeed: 2000,

424    responsive: {
425        0: {
426            items: 1,
427        },
428        768: {
429            items: 1,
430        },
431        1000: {
432            items: 1
433        }
434    }
435});
436
437
438$('.team_slider').owlCarousel({
439    loop: false,
440    margin: 10,
441    navText: ['<i class="fa-solid fa-arrow-left"></i>', '<i class="fa-solid fa-arrow-right"></i>'],
442    nav: true,
443    autoplay: false,
444    autoplayTimeout: 3000,
445    autoplayHoverPause: true,
446    dots: false,
447    center: false,
448    touchDrag: true,
449    mouseDrag: true,
450    smartSpeed: 2000,
451    responsive: {
452        0: {
453            items: 1,
454        },
455        768: {
456            items: 2,
457        },
458        1000: {
459            items: 3
460        }
461    }
462});
463
464
465$("#accordion").on("hide.bs.collapse show.bs.collapse", e => {
466    $(e.target)
467        .prev()
468        .find("i:last-child")
469        .toggleClass("fa-minus fa-plus");
470});
471
472
473
474$(document).ready(function() {
475    var offset = 200;
476    var duration = 500;
477    $(window).scroll(function() {
478        if ($(this).scrollTop() > offset) {
479            $('.back-to-top').fadeIn(700);
480        } else {
481            $('.back-to-top').fadeOut(700);
482        }
483    });
484
485    $('.back-to-top').on('click', function(event) {
486        event.preventDefault();
487        $('html, body').animate({
488            scrollTop: 0
489        }, 600);
490    })
491
492});
493
494
495$(window).scroll(function() {
496    var scroll = $(window).scrollTop();
497    var objectSelect = $(".header");
498    var objectPosition = objectSelect.offset().top >= 20
499    if (scroll > objectPosition) {
500        $(".header").addClass("sticky");
501    } else {
502        $(".header").removeClass("sticky");
503    }
504});
505
506$(document).ready(function() {
507    var mn = $(".header");
508    mns = "sticky";
509    hdr = $('.header').height();
510
511    $(window).ready(function() {
512        if ($(this).scrollTop() > hdr) {
513            mn.addClass(mns);
514        } else {
515            mn.removeClass(mns);
516        }
517    });
518
519});
520
521
522$(document).ready(function() {
523    if ($('.banner').length > 0) {
524        $('body').addClass('banner-here');
525        $('.header').addClass('sticky');
526    } else {
527        $('body').addClass('no-banner');
528    }
529});
530
531
532
533
534
535
536// on click a href="#" id traget base
537
538//
539jQuery(function(jQuery) {
540    jQuery('.scrolldown[href*="#"]').on('click', function(e) {
541        jQuery('html,body').animate({
542            scrollTop: jQuery($(this).attr('href')).offset().top - 100
543        }, 500);
544        e.preventDefault();
545    });
546});
547
548
549$(document).ready(function() {
550    $(window).scroll(function() {
551        if ($(this).scrollTop() > 100) {
552            $("#scroll").fadeIn();
553        } else {
554            $("#scroll").fadeOut();
555        }
556    });
557    $("#scroll").click(function() {
558        $("html, body").animate({ scrollTop: 0 }, 800);
559        return false;
560    });
561});
562
563$(document).on('click', '[data-toggle="lightbox"]', function(event) {
564    event.preventDefault();
565    $(this).ekkoLightbox({
566        alwaysShowClose: true
567    });
568})
569
570
571$(document).ready(function() {
572    new WOW().init();
573});
574
575
576
577$(document).ready(function() {
578    if ((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1) {
579        $('body').addClass('opera');
580    } else if (navigator.userAgent.indexOf("Chrome") != -1) {
581        $('body').addClass('chrome');
582    } else if (navigator.userAgent.indexOf("Safari") != -1) {
583        $('body').addClass('safari');
584    } else if (navigator.userAgent.indexOf("Firefox") != -1) {
585        $('body').addClass('firefox');
586    } else if ((navigator.userAgent.indexOf("MSIE") != -1) || (!!document.documentMode == true)) //IF IE > 10
587    {
588        $('body').addClass('IE');
589    } else {
590        $('body').addClass('unknown');
591    }
592});
593
594
595
596
597$(document).ready(function() {
598    $('img').on('click', function() {
599        var image = $(this).attr('src');
600        $('#myModal').on('show.bs.modal', function() {
601            $(".img-responsive").attr("src", image);
602        });
603    });
604});
605
606
607
608
609
610
611
612function sticky_relocate() {
613    var window_top = $(window).scrollTop();
614    var div_top = $('#sticky-anchor').offset().top;
615    if (window_top > div_top) {
616        $('#sticky').addClass('stick');
617    } else {
618        $('#sticky').removeClass('stick');
619    }
620}
621
622$(function() {
623    $(window).scroll(sticky_relocate);
624    sticky_relocate();
625});
626
627
628function sticky_relocate() {
629    var window_top = $(window).scrollTop();
630    var footer_top = $(".footer").offset().top;
631    var div_top = $('#sticky-anchor').offset().top;
632    var div_height = $("#sticky").height();
633
634    if (window_top + div_height > footer_top)
635        $('#sticky').removeClass('stick');
636    else if (window_top > div_top) {
637        $('#sticky').addClass('stick');
638    } else {
639        $('#sticky').removeClass('stick');
640    }
641}
642
643
644$(document).ready(function() {
645    $('.image-popup-vertical-fit').magnificPopup({
646        type: 'image',
647        mainClass: 'mfp-with-zoom',
648        gallery: {
649            enabled: true
650        },
651
652        zoom: {
653            enabled: true,
654
655            duration: 300, // duration of the effect, in milliseconds
656            easing: 'ease-in-out', // CSS transition easing function
657
658            opener: function(openerElement) {
659
660                return openerElement.is('img') ? openerElement : openerElement.find('img');
661            }
662        }
663
664    });
665
666});
667
668
669
670/*--new portfolio--*/
671$(window).on('load', function() {
672    var portfolioIsotope = $('.portfolio-container').isotope({
673        itemSelector: '.portfolio-item'
674    });
675
676    $('#portfolio-flters li').on('click', function() {
677        $("#portfolio-flters li").removeClass('filter-active');
678        $(this).addClass('filter-active');
679
680        portfolioIsotope.isotope({
681            filter: $(this).data('filter')
682        });
683
684    });
685
686});