\").appendTo(i),n=i.uniqueId().attr(\"id\");return this._addClass(s,\"ui-tooltip-content\"),this._addClass(i,\"ui-tooltip\",\"ui-widget ui-widget-content\"),i.appendTo(this._appendTo(e)),this.tooltips[n]={element:e,tooltip:i}},_find:function(t){var e=t.data(\"ui-tooltip-id\");return e?this.tooltips[e]:null},_removeTooltip:function(t){t.remove(),delete this.tooltips[t.attr(\"id\")]},_appendTo:function(t){var e=t.closest(\".ui-front, dialog\");return e.length||(e=this.document[0].body),e},_destroy:function(){var e=this;t.each(this.tooltips,function(i,s){var n=t.Event(\"blur\"),o=s.element;n.target=n.currentTarget=o[0],e.close(n,!0),t(\"#\"+i).remove(),o.data(\"ui-tooltip-title\")&&(o.attr(\"title\")||o.attr(\"title\",o.data(\"ui-tooltip-title\")),o.removeData(\"ui-tooltip-title\"))}),this.liveRegion.remove()}}),t.uiBackCompat!==!1&&t.widget(\"ui.tooltip\",t.ui.tooltip,{options:{tooltipClass:null},_tooltip:function(){var t=this._superApply(arguments);return this.options.tooltipClass&&t.tooltip.addClass(this.options.tooltipClass),t}}),t.ui.tooltip;var f=\"ui-effects-\",g=\"ui-effects-style\",m=\"ui-effects-animated\",_=t;t.effects={effect:{}},function(t,e){function i(t,e,i){var s=u[e.type]||{};return null==t?i||!e.def?null:e.def:(t=s.floor?~~t:parseFloat(t),isNaN(t)?e.def:s.mod?(t+s.mod)%s.mod:0>t?0:t>s.max?s.max:t)}function s(i){var s=l(),n=s._rgba=[];return i=i.toLowerCase(),f(h,function(t,o){var a,r=o.re.exec(i),h=r&&o.parse(r),l=o.space||\"rgba\";return h?(a=s[l](h),s[c[l].cache]=a[c[l].cache],n=s._rgba=a._rgba,!1):e}),n.length?(\"0,0,0,0\"===n.join()&&t.extend(n,o.transparent),s):o[i]}function n(t,e,i){return i=(i+1)%1,1>6*i?t+6*(e-t)*i:1>2*i?e:2>3*i?t+6*(e-t)*(2/3-i):t}var o,a=\"backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor\",r=/^([\\-+])=\\s*(\\d+\\.?\\d*)/,h=[{re:/rgba?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*(?:,\\s*(\\d?(?:\\.\\d+)?)\\s*)?\\)/,parse:function(t){return[t[1],t[2],t[3],t[4]]}},{re:/rgba?\\(\\s*(\\d+(?:\\.\\d+)?)\\%\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*(?:,\\s*(\\d?(?:\\.\\d+)?)\\s*)?\\)/,parse:function(t){return[2.55*t[1],2.55*t[2],2.55*t[3],t[4]]}},{re:/#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,parse:function(t){return[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)]}},{re:/#([a-f0-9])([a-f0-9])([a-f0-9])/,parse:function(t){return[parseInt(t[1]+t[1],16),parseInt(t[2]+t[2],16),parseInt(t[3]+t[3],16)]}},{re:/hsla?\\(\\s*(\\d+(?:\\.\\d+)?)\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*(?:,\\s*(\\d?(?:\\.\\d+)?)\\s*)?\\)/,space:\"hsla\",parse:function(t){return[t[1],t[2]/100,t[3]/100,t[4]]}}],l=t.Color=function(e,i,s,n){return new t.Color.fn.parse(e,i,s,n)},c={rgba:{props:{red:{idx:0,type:\"byte\"},green:{idx:1,type:\"byte\"},blue:{idx:2,type:\"byte\"}}},hsla:{props:{hue:{idx:0,type:\"degrees\"},saturation:{idx:1,type:\"percent\"},lightness:{idx:2,type:\"percent\"}}}},u={\"byte\":{floor:!0,max:255},percent:{max:1},degrees:{mod:360,floor:!0}},d=l.support={},p=t(\"
\")[0],f=t.each;p.style.cssText=\"background-color:rgba(1,1,1,.5)\",d.rgba=p.style.backgroundColor.indexOf(\"rgba\")>-1,f(c,function(t,e){e.cache=\"_\"+t,e.props.alpha={idx:3,type:\"percent\",def:1}}),l.fn=t.extend(l.prototype,{parse:function(n,a,r,h){if(n===e)return this._rgba=[null,null,null,null],this;(n.jquery||n.nodeType)&&(n=t(n).css(a),a=e);var u=this,d=t.type(n),p=this._rgba=[];return a!==e&&(n=[n,a,r,h],d=\"array\"),\"string\"===d?this.parse(s(n)||o._default):\"array\"===d?(f(c.rgba.props,function(t,e){p[e.idx]=i(n[e.idx],e)}),this):\"object\"===d?(n instanceof l?f(c,function(t,e){n[e.cache]&&(u[e.cache]=n[e.cache].slice())}):f(c,function(e,s){var o=s.cache;f(s.props,function(t,e){if(!u[o]&&s.to){if(\"alpha\"===t||null==n[t])return;u[o]=s.to(u._rgba)}u[o][e.idx]=i(n[t],e,!0)}),u[o]&&0>t.inArray(null,u[o].slice(0,3))&&(u[o][3]=1,s.from&&(u._rgba=s.from(u[o])))}),this):e},is:function(t){var i=l(t),s=!0,n=this;return f(c,function(t,o){var a,r=i[o.cache];return r&&(a=n[o.cache]||o.to&&o.to(n._rgba)||[],f(o.props,function(t,i){return null!=r[i.idx]?s=r[i.idx]===a[i.idx]:e})),s}),s},_space:function(){var t=[],e=this;return f(c,function(i,s){e[s.cache]&&t.push(i)}),t.pop()},transition:function(t,e){var s=l(t),n=s._space(),o=c[n],a=0===this.alpha()?l(\"transparent\"):this,r=a[o.cache]||o.to(a._rgba),h=r.slice();return s=s[o.cache],f(o.props,function(t,n){var o=n.idx,a=r[o],l=s[o],c=u[n.type]||{};null!==l&&(null===a?h[o]=l:(c.mod&&(l-a>c.mod/2?a+=c.mod:a-l>c.mod/2&&(a-=c.mod)),h[o]=i((l-a)*e+a,n)))}),this[n](h)},blend:function(e){if(1===this._rgba[3])return this;var i=this._rgba.slice(),s=i.pop(),n=l(e)._rgba;return l(t.map(i,function(t,e){return(1-s)*n[e]+s*t}))},toRgbaString:function(){var e=\"rgba(\",i=t.map(this._rgba,function(t,e){return null==t?e>2?1:0:t});return 1===i[3]&&(i.pop(),e=\"rgb(\"),e+i.join()+\")\"},toHslaString:function(){var e=\"hsla(\",i=t.map(this.hsla(),function(t,e){return null==t&&(t=e>2?1:0),e&&3>e&&(t=Math.round(100*t)+\"%\"),t});return 1===i[3]&&(i.pop(),e=\"hsl(\"),e+i.join()+\")\"},toHexString:function(e){var i=this._rgba.slice(),s=i.pop();return e&&i.push(~~(255*s)),\"#\"+t.map(i,function(t){return t=(t||0).toString(16),1===t.length?\"0\"+t:t}).join(\"\")},toString:function(){return 0===this._rgba[3]?\"transparent\":this.toRgbaString()}}),l.fn.parse.prototype=l.fn,c.hsla.to=function(t){if(null==t[0]||null==t[1]||null==t[2])return[null,null,null,t[3]];var e,i,s=t[0]/255,n=t[1]/255,o=t[2]/255,a=t[3],r=Math.max(s,n,o),h=Math.min(s,n,o),l=r-h,c=r+h,u=.5*c;return e=h===r?0:s===r?60*(n-o)/l+360:n===r?60*(o-s)/l+120:60*(s-n)/l+240,i=0===l?0:.5>=u?l/c:l/(2-c),[Math.round(e)%360,i,u,null==a?1:a]},c.hsla.from=function(t){if(null==t[0]||null==t[1]||null==t[2])return[null,null,null,t[3]];var e=t[0]/360,i=t[1],s=t[2],o=t[3],a=.5>=s?s*(1+i):s+i-s*i,r=2*s-a;return[Math.round(255*n(r,a,e+1/3)),Math.round(255*n(r,a,e)),Math.round(255*n(r,a,e-1/3)),o]},f(c,function(s,n){var o=n.props,a=n.cache,h=n.to,c=n.from;l.fn[s]=function(s){if(h&&!this[a]&&(this[a]=h(this._rgba)),s===e)return this[a].slice();var n,r=t.type(s),u=\"array\"===r||\"object\"===r?s:arguments,d=this[a].slice();return f(o,function(t,e){var s=u[\"object\"===r?t:e.idx];null==s&&(s=d[e.idx]),d[e.idx]=i(s,e)}),c?(n=l(c(d)),n[a]=d,n):l(d)},f(o,function(e,i){l.fn[e]||(l.fn[e]=function(n){var o,a=t.type(n),h=\"alpha\"===e?this._hsla?\"hsla\":\"rgba\":s,l=this[h](),c=l[i.idx];return\"undefined\"===a?c:(\"function\"===a&&(n=n.call(this,c),a=t.type(n)),null==n&&i.empty?this:(\"string\"===a&&(o=r.exec(n),o&&(n=c+parseFloat(o[2])*(\"+\"===o[1]?1:-1))),l[i.idx]=n,this[h](l)))})})}),l.hook=function(e){var i=e.split(\" \");f(i,function(e,i){t.cssHooks[i]={set:function(e,n){var o,a,r=\"\";if(\"transparent\"!==n&&(\"string\"!==t.type(n)||(o=s(n)))){if(n=l(o||n),!d.rgba&&1!==n._rgba[3]){for(a=\"backgroundColor\"===i?e.parentNode:e;(\"\"===r||\"transparent\"===r)&&a&&a.style;)try{r=t.css(a,\"backgroundColor\"),a=a.parentNode}catch(h){}n=n.blend(r&&\"transparent\"!==r?r:\"_default\")}n=n.toRgbaString()}try{e.style[i]=n}catch(h){}}},t.fx.step[i]=function(e){e.colorInit||(e.start=l(e.elem,i),e.end=l(e.end),e.colorInit=!0),t.cssHooks[i].set(e.elem,e.start.transition(e.end,e.pos))}})},l.hook(a),t.cssHooks.borderColor={expand:function(t){var e={};return f([\"Top\",\"Right\",\"Bottom\",\"Left\"],function(i,s){e[\"border\"+s+\"Color\"]=t}),e}},o=t.Color.names={aqua:\"#00ffff\",black:\"#000000\",blue:\"#0000ff\",fuchsia:\"#ff00ff\",gray:\"#808080\",green:\"#008000\",lime:\"#00ff00\",maroon:\"#800000\",navy:\"#000080\",olive:\"#808000\",purple:\"#800080\",red:\"#ff0000\",silver:\"#c0c0c0\",teal:\"#008080\",white:\"#ffffff\",yellow:\"#ffff00\",transparent:[null,null,null,0],_default:\"#ffffff\"}}(_),function(){function e(e){var i,s,n=e.ownerDocument.defaultView?e.ownerDocument.defaultView.getComputedStyle(e,null):e.currentStyle,o={};if(n&&n.length&&n[0]&&n[n[0]])for(s=n.length;s--;)i=n[s],\"string\"==typeof n[i]&&(o[t.camelCase(i)]=n[i]);else for(i in n)\"string\"==typeof n[i]&&(o[i]=n[i]);return o}function i(e,i){var s,o,a={};for(s in i)o=i[s],e[s]!==o&&(n[s]||(t.fx.step[s]||!isNaN(parseFloat(o)))&&(a[s]=o));return a}var s=[\"add\",\"remove\",\"toggle\"],n={border:1,borderBottom:1,borderColor:1,borderLeft:1,borderRight:1,borderTop:1,borderWidth:1,margin:1,padding:1};t.each([\"borderLeftStyle\",\"borderRightStyle\",\"borderBottomStyle\",\"borderTopStyle\"],function(e,i){t.fx.step[i]=function(t){(\"none\"!==t.end&&!t.setAttr||1===t.pos&&!t.setAttr)&&(_.style(t.elem,i,t.end),t.setAttr=!0)}}),t.fn.addBack||(t.fn.addBack=function(t){return this.add(null==t?this.prevObject:this.prevObject.filter(t))}),t.effects.animateClass=function(n,o,a,r){var h=t.speed(o,a,r);return this.queue(function(){var o,a=t(this),r=a.attr(\"class\")||\"\",l=h.children?a.find(\"*\").addBack():a;l=l.map(function(){var i=t(this);return{el:i,start:e(this)}}),o=function(){t.each(s,function(t,e){n[e]&&a[e+\"Class\"](n[e])})},o(),l=l.map(function(){return this.end=e(this.el[0]),this.diff=i(this.start,this.end),this}),a.attr(\"class\",r),l=l.map(function(){var e=this,i=t.Deferred(),s=t.extend({},h,{queue:!1,complete:function(){i.resolve(e)}});return this.el.animate(this.diff,s),i.promise()}),t.when.apply(t,l.get()).done(function(){o(),t.each(arguments,function(){var e=this.el;t.each(this.diff,function(t){e.css(t,\"\")})}),h.complete.call(a[0])})})},t.fn.extend({addClass:function(e){return function(i,s,n,o){return s?t.effects.animateClass.call(this,{add:i},s,n,o):e.apply(this,arguments)}}(t.fn.addClass),removeClass:function(e){return function(i,s,n,o){return arguments.length>1?t.effects.animateClass.call(this,{remove:i},s,n,o):e.apply(this,arguments)}}(t.fn.removeClass),toggleClass:function(e){return function(i,s,n,o,a){return\"boolean\"==typeof s||void 0===s?n?t.effects.animateClass.call(this,s?{add:i}:{remove:i},n,o,a):e.apply(this,arguments):t.effects.animateClass.call(this,{toggle:i},s,n,o)}}(t.fn.toggleClass),switchClass:function(e,i,s,n,o){return t.effects.animateClass.call(this,{add:i,remove:e},s,n,o)}})}(),function(){function e(e,i,s,n){return t.isPlainObject(e)&&(i=e,e=e.effect),e={effect:e},null==i&&(i={}),t.isFunction(i)&&(n=i,s=null,i={}),(\"number\"==typeof i||t.fx.speeds[i])&&(n=s,s=i,i={}),t.isFunction(s)&&(n=s,s=null),i&&t.extend(e,i),s=s||i.duration,e.duration=t.fx.off?0:\"number\"==typeof s?s:s in t.fx.speeds?t.fx.speeds[s]:t.fx.speeds._default,e.complete=n||i.complete,e}function i(e){return!e||\"number\"==typeof e||t.fx.speeds[e]?!0:\"string\"!=typeof e||t.effects.effect[e]?t.isFunction(e)?!0:\"object\"!=typeof e||e.effect?!1:!0:!0}function s(t,e){var i=e.outerWidth(),s=e.outerHeight(),n=/^rect\\((-?\\d*\\.?\\d*px|-?\\d+%|auto),?\\s*(-?\\d*\\.?\\d*px|-?\\d+%|auto),?\\s*(-?\\d*\\.?\\d*px|-?\\d+%|auto),?\\s*(-?\\d*\\.?\\d*px|-?\\d+%|auto)\\)$/,o=n.exec(t)||[\"\",0,i,s,0];return{top:parseFloat(o[1])||0,right:\"auto\"===o[2]?i:parseFloat(o[2]),bottom:\"auto\"===o[3]?s:parseFloat(o[3]),left:parseFloat(o[4])||0}}t.expr&&t.expr.filters&&t.expr.filters.animated&&(t.expr.filters.animated=function(e){return function(i){return!!t(i).data(m)||e(i)}}(t.expr.filters.animated)),t.uiBackCompat!==!1&&t.extend(t.effects,{save:function(t,e){for(var i=0,s=e.length;s>i;i++)null!==e[i]&&t.data(f+e[i],t[0].style[e[i]])},restore:function(t,e){for(var i,s=0,n=e.length;n>s;s++)null!==e[s]&&(i=t.data(f+e[s]),t.css(e[s],i))},setMode:function(t,e){return\"toggle\"===e&&(e=t.is(\":hidden\")?\"show\":\"hide\"),e},createWrapper:function(e){if(e.parent().is(\".ui-effects-wrapper\"))return e.parent();var i={width:e.outerWidth(!0),height:e.outerHeight(!0),\"float\":e.css(\"float\")},s=t(\"
\").addClass(\"ui-effects-wrapper\").css({fontSize:\"100%\",background:\"transparent\",border:\"none\",margin:0,padding:0}),n={width:e.width(),height:e.height()},o=document.activeElement;try{o.id}catch(a){o=document.body}return e.wrap(s),(e[0]===o||t.contains(e[0],o))&&t(o).trigger(\"focus\"),s=e.parent(),\"static\"===e.css(\"position\")?(s.css({position:\"relative\"}),e.css({position:\"relative\"})):(t.extend(i,{position:e.css(\"position\"),zIndex:e.css(\"z-index\")}),t.each([\"top\",\"left\",\"bottom\",\"right\"],function(t,s){i[s]=e.css(s),isNaN(parseInt(i[s],10))&&(i[s]=\"auto\")}),e.css({position:\"relative\",top:0,left:0,right:\"auto\",bottom:\"auto\"})),e.css(n),s.css(i).show()},removeWrapper:function(e){var i=document.activeElement;return e.parent().is(\".ui-effects-wrapper\")&&(e.parent().replaceWith(e),(e[0]===i||t.contains(e[0],i))&&t(i).trigger(\"focus\")),e}}),t.extend(t.effects,{version:\"1.12.1\",define:function(e,i,s){return s||(s=i,i=\"effect\"),t.effects.effect[e]=s,t.effects.effect[e].mode=i,s},scaledDimensions:function(t,e,i){if(0===e)return{height:0,width:0,outerHeight:0,outerWidth:0};var s=\"horizontal\"!==i?(e||100)/100:1,n=\"vertical\"!==i?(e||100)/100:1;return{height:t.height()*n,width:t.width()*s,outerHeight:t.outerHeight()*n,outerWidth:t.outerWidth()*s}},clipToBox:function(t){return{width:t.clip.right-t.clip.left,height:t.clip.bottom-t.clip.top,left:t.clip.left,top:t.clip.top}},unshift:function(t,e,i){var s=t.queue();e>1&&s.splice.apply(s,[1,0].concat(s.splice(e,i))),t.dequeue()},saveStyle:function(t){t.data(g,t[0].style.cssText)},restoreStyle:function(t){t[0].style.cssText=t.data(g)||\"\",t.removeData(g)},mode:function(t,e){var i=t.is(\":hidden\");return\"toggle\"===e&&(e=i?\"show\":\"hide\"),(i?\"hide\"===e:\"show\"===e)&&(e=\"none\"),e},getBaseline:function(t,e){var i,s;switch(t[0]){case\"top\":i=0;break;case\"middle\":i=.5;break;case\"bottom\":i=1;break;default:i=t[0]/e.height}switch(t[1]){case\"left\":s=0;break;case\"center\":s=.5;break;case\"right\":s=1;break;default:s=t[1]/e.width}return{x:s,y:i}},createPlaceholder:function(e){var i,s=e.css(\"position\"),n=e.position();return e.css({marginTop:e.css(\"marginTop\"),marginBottom:e.css(\"marginBottom\"),marginLeft:e.css(\"marginLeft\"),marginRight:e.css(\"marginRight\")}).outerWidth(e.outerWidth()).outerHeight(e.outerHeight()),/^(static|relative)/.test(s)&&(s=\"absolute\",i=t(\"<\"+e[0].nodeName+\">\").insertAfter(e).css({display:/^(inline|ruby)/.test(e.css(\"display\"))?\"inline-block\":\"block\",visibility:\"hidden\",marginTop:e.css(\"marginTop\"),marginBottom:e.css(\"marginBottom\"),marginLeft:e.css(\"marginLeft\"),marginRight:e.css(\"marginRight\"),\"float\":e.css(\"float\")}).outerWidth(e.outerWidth()).outerHeight(e.outerHeight()).addClass(\"ui-effects-placeholder\"),e.data(f+\"placeholder\",i)),e.css({position:s,left:n.left,top:n.top}),i},removePlaceholder:function(t){var e=f+\"placeholder\",i=t.data(e);i&&(i.remove(),t.removeData(e))},cleanUp:function(e){t.effects.restoreStyle(e),t.effects.removePlaceholder(e)},setTransition:function(e,i,s,n){return n=n||{},t.each(i,function(t,i){var o=e.cssUnit(i);o[0]>0&&(n[i]=o[0]*s+o[1])}),n}}),t.fn.extend({effect:function(){function i(e){function i(){r.removeData(m),t.effects.cleanUp(r),\"hide\"===s.mode&&r.hide(),a()}function a(){t.isFunction(h)&&h.call(r[0]),t.isFunction(e)&&e()}var r=t(this);s.mode=c.shift(),t.uiBackCompat===!1||o?\"none\"===s.mode?(r[l](),a()):n.call(r[0],s,i):(r.is(\":hidden\")?\"hide\"===l:\"show\"===l)?(r[l](),a()):n.call(r[0],s,a)}var s=e.apply(this,arguments),n=t.effects.effect[s.effect],o=n.mode,a=s.queue,r=a||\"fx\",h=s.complete,l=s.mode,c=[],u=function(e){var i=t(this),s=t.effects.mode(i,l)||o;i.data(m,!0),c.push(s),o&&(\"show\"===s||s===o&&\"hide\"===s)&&i.show(),o&&\"none\"===s||t.effects.saveStyle(i),t.isFunction(e)&&e()};return t.fx.off||!n?l?this[l](s.duration,h):this.each(function(){h&&h.call(this)}):a===!1?this.each(u).each(i):this.queue(r,u).queue(r,i)},show:function(t){return function(s){if(i(s))return t.apply(this,arguments);var n=e.apply(this,arguments);return n.mode=\"show\",this.effect.call(this,n)}}(t.fn.show),hide:function(t){return function(s){if(i(s))return t.apply(this,arguments);var n=e.apply(this,arguments);return n.mode=\"hide\",this.effect.call(this,n)}}(t.fn.hide),toggle:function(t){return function(s){if(i(s)||\"boolean\"==typeof s)return t.apply(this,arguments);var n=e.apply(this,arguments);return n.mode=\"toggle\",this.effect.call(this,n)}}(t.fn.toggle),cssUnit:function(e){var i=this.css(e),s=[];return t.each([\"em\",\"px\",\"%\",\"pt\"],function(t,e){i.indexOf(e)>0&&(s=[parseFloat(i),e])}),s},cssClip:function(t){return t?this.css(\"clip\",\"rect(\"+t.top+\"px \"+t.right+\"px \"+t.bottom+\"px \"+t.left+\"px)\"):s(this.css(\"clip\"),this)},transfer:function(e,i){var s=t(this),n=t(e.to),o=\"fixed\"===n.css(\"position\"),a=t(\"body\"),r=o?a.scrollTop():0,h=o?a.scrollLeft():0,l=n.offset(),c={top:l.top-r,left:l.left-h,height:n.innerHeight(),width:n.innerWidth()},u=s.offset(),d=t(\"
\").appendTo(\"body\").addClass(e.className).css({top:u.top-r,left:u.left-h,height:s.innerHeight(),width:s.innerWidth(),position:o?\"fixed\":\"absolute\"}).animate(c,e.duration,e.easing,function(){d.remove(),t.isFunction(i)&&i()})}}),t.fx.step.clip=function(e){e.clipInit||(e.start=t(e.elem).cssClip(),\"string\"==typeof e.end&&(e.end=s(e.end,e.elem)),e.clipInit=!0),t(e.elem).cssClip({top:e.pos*(e.end.top-e.start.top)+e.start.top,right:e.pos*(e.end.right-e.start.right)+e.start.right,bottom:e.pos*(e.end.bottom-e.start.bottom)+e.start.bottom,left:e.pos*(e.end.left-e.start.left)+e.start.left})}}(),function(){var e={};t.each([\"Quad\",\"Cubic\",\"Quart\",\"Quint\",\"Expo\"],function(t,i){e[i]=function(e){return Math.pow(e,t+2)}}),t.extend(e,{Sine:function(t){return 1-Math.cos(t*Math.PI/2)},Circ:function(t){return 1-Math.sqrt(1-t*t)},Elastic:function(t){return 0===t||1===t?t:-Math.pow(2,8*(t-1))*Math.sin((80*(t-1)-7.5)*Math.PI/15)},Back:function(t){return t*t*(3*t-2)},Bounce:function(t){for(var e,i=4;((e=Math.pow(2,--i))-1)/11>t;);return 1/Math.pow(4,3-i)-7.5625*Math.pow((3*e-2)/22-t,2)}}),t.each(e,function(e,i){t.easing[\"easeIn\"+e]=i,t.easing[\"easeOut\"+e]=function(t){return 1-i(1-t)},t.easing[\"easeInOut\"+e]=function(t){return.5>t?i(2*t)/2:1-i(-2*t+2)/2}})}();var v=t.effects;t.effects.define(\"blind\",\"hide\",function(e,i){var s={up:[\"bottom\",\"top\"],vertical:[\"bottom\",\"top\"],down:[\"top\",\"bottom\"],left:[\"right\",\"left\"],horizontal:[\"right\",\"left\"],right:[\"left\",\"right\"]},n=t(this),o=e.direction||\"up\",a=n.cssClip(),r={clip:t.extend({},a)},h=t.effects.createPlaceholder(n);r.clip[s[o][0]]=r.clip[s[o][1]],\"show\"===e.mode&&(n.cssClip(r.clip),h&&h.css(t.effects.clipToBox(r)),r.clip=a),h&&h.animate(t.effects.clipToBox(r),e.duration,e.easing),n.animate(r,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define(\"bounce\",function(e,i){var s,n,o,a=t(this),r=e.mode,h=\"hide\"===r,l=\"show\"===r,c=e.direction||\"up\",u=e.distance,d=e.times||5,p=2*d+(l||h?1:0),f=e.duration/p,g=e.easing,m=\"up\"===c||\"down\"===c?\"top\":\"left\",_=\"up\"===c||\"left\"===c,v=0,b=a.queue().length;for(t.effects.createPlaceholder(a),o=a.css(m),u||(u=a[\"top\"===m?\"outerHeight\":\"outerWidth\"]()/3),l&&(n={opacity:1},n[m]=o,a.css(\"opacity\",0).css(m,_?2*-u:2*u).animate(n,f,g)),h&&(u/=Math.pow(2,d-1)),n={},n[m]=o;d>v;v++)s={},s[m]=(_?\"-=\":\"+=\")+u,a.animate(s,f,g).animate(n,f,g),u=h?2*u:u/2;h&&(s={opacity:0},s[m]=(_?\"-=\":\"+=\")+u,a.animate(s,f,g)),a.queue(i),t.effects.unshift(a,b,p+1)}),t.effects.define(\"clip\",\"hide\",function(e,i){var s,n={},o=t(this),a=e.direction||\"vertical\",r=\"both\"===a,h=r||\"horizontal\"===a,l=r||\"vertical\"===a;s=o.cssClip(),n.clip={top:l?(s.bottom-s.top)/2:s.top,right:h?(s.right-s.left)/2:s.right,bottom:l?(s.bottom-s.top)/2:s.bottom,left:h?(s.right-s.left)/2:s.left},t.effects.createPlaceholder(o),\"show\"===e.mode&&(o.cssClip(n.clip),n.clip=s),o.animate(n,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define(\"drop\",\"hide\",function(e,i){var s,n=t(this),o=e.mode,a=\"show\"===o,r=e.direction||\"left\",h=\"up\"===r||\"down\"===r?\"top\":\"left\",l=\"up\"===r||\"left\"===r?\"-=\":\"+=\",c=\"+=\"===l?\"-=\":\"+=\",u={opacity:0};t.effects.createPlaceholder(n),s=e.distance||n[\"top\"===h?\"outerHeight\":\"outerWidth\"](!0)/2,u[h]=l+s,a&&(n.css(u),u[h]=c+s,u.opacity=1),n.animate(u,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define(\"explode\",\"hide\",function(e,i){function s(){b.push(this),b.length===u*d&&n()}function n(){p.css({visibility:\"visible\"}),t(b).remove(),i()}var o,a,r,h,l,c,u=e.pieces?Math.round(Math.sqrt(e.pieces)):3,d=u,p=t(this),f=e.mode,g=\"show\"===f,m=p.show().css(\"visibility\",\"hidden\").offset(),_=Math.ceil(p.outerWidth()/d),v=Math.ceil(p.outerHeight()/u),b=[];for(o=0;u>o;o++)for(h=m.top+o*v,c=o-(u-1)/2,a=0;d>a;a++)r=m.left+a*_,l=a-(d-1)/2,p.clone().appendTo(\"body\").wrap(\"
\").css({position:\"absolute\",visibility:\"visible\",left:-a*_,top:-o*v}).parent().addClass(\"ui-effects-explode\").css({position:\"absolute\",overflow:\"hidden\",width:_,height:v,left:r+(g?l*_:0),top:h+(g?c*v:0),opacity:g?0:1}).animate({left:r+(g?0:l*_),top:h+(g?0:c*v),opacity:g?1:0},e.duration||500,e.easing,s)}),t.effects.define(\"fade\",\"toggle\",function(e,i){var s=\"show\"===e.mode;t(this).css(\"opacity\",s?0:1).animate({opacity:s?1:0},{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define(\"fold\",\"hide\",function(e,i){var s=t(this),n=e.mode,o=\"show\"===n,a=\"hide\"===n,r=e.size||15,h=/([0-9]+)%/.exec(r),l=!!e.horizFirst,c=l?[\"right\",\"bottom\"]:[\"bottom\",\"right\"],u=e.duration/2,d=t.effects.createPlaceholder(s),p=s.cssClip(),f={clip:t.extend({},p)},g={clip:t.extend({},p)},m=[p[c[0]],p[c[1]]],_=s.queue().length;h&&(r=parseInt(h[1],10)/100*m[a?0:1]),f.clip[c[0]]=r,g.clip[c[0]]=r,g.clip[c[1]]=0,o&&(s.cssClip(g.clip),d&&d.css(t.effects.clipToBox(g)),g.clip=p),s.queue(function(i){d&&d.animate(t.effects.clipToBox(f),u,e.easing).animate(t.effects.clipToBox(g),u,e.easing),i()}).animate(f,u,e.easing).animate(g,u,e.easing).queue(i),t.effects.unshift(s,_,4)}),t.effects.define(\"highlight\",\"show\",function(e,i){var s=t(this),n={backgroundColor:s.css(\"backgroundColor\")};\"hide\"===e.mode&&(n.opacity=0),t.effects.saveStyle(s),s.css({backgroundImage:\"none\",backgroundColor:e.color||\"#ffff99\"}).animate(n,{queue:!1,duration:e.duration,easing:e.easing,complete:i})}),t.effects.define(\"size\",function(e,i){var s,n,o,a=t(this),r=[\"fontSize\"],h=[\"borderTopWidth\",\"borderBottomWidth\",\"paddingTop\",\"paddingBottom\"],l=[\"borderLeftWidth\",\"borderRightWidth\",\"paddingLeft\",\"paddingRight\"],c=e.mode,u=\"effect\"!==c,d=e.scale||\"both\",p=e.origin||[\"middle\",\"center\"],f=a.css(\"position\"),g=a.position(),m=t.effects.scaledDimensions(a),_=e.from||m,v=e.to||t.effects.scaledDimensions(a,0);t.effects.createPlaceholder(a),\"show\"===c&&(o=_,_=v,v=o),n={from:{y:_.height/m.height,x:_.width/m.width},to:{y:v.height/m.height,x:v.width/m.width}},(\"box\"===d||\"both\"===d)&&(n.from.y!==n.to.y&&(_=t.effects.setTransition(a,h,n.from.y,_),v=t.effects.setTransition(a,h,n.to.y,v)),n.from.x!==n.to.x&&(_=t.effects.setTransition(a,l,n.from.x,_),v=t.effects.setTransition(a,l,n.to.x,v))),(\"content\"===d||\"both\"===d)&&n.from.y!==n.to.y&&(_=t.effects.setTransition(a,r,n.from.y,_),v=t.effects.setTransition(a,r,n.to.y,v)),p&&(s=t.effects.getBaseline(p,m),_.top=(m.outerHeight-_.outerHeight)*s.y+g.top,_.left=(m.outerWidth-_.outerWidth)*s.x+g.left,v.top=(m.outerHeight-v.outerHeight)*s.y+g.top,v.left=(m.outerWidth-v.outerWidth)*s.x+g.left),a.css(_),(\"content\"===d||\"both\"===d)&&(h=h.concat([\"marginTop\",\"marginBottom\"]).concat(r),l=l.concat([\"marginLeft\",\"marginRight\"]),a.find(\"*[width]\").each(function(){var i=t(this),s=t.effects.scaledDimensions(i),o={height:s.height*n.from.y,width:s.width*n.from.x,outerHeight:s.outerHeight*n.from.y,outerWidth:s.outerWidth*n.from.x},a={height:s.height*n.to.y,width:s.width*n.to.x,outerHeight:s.height*n.to.y,outerWidth:s.width*n.to.x};n.from.y!==n.to.y&&(o=t.effects.setTransition(i,h,n.from.y,o),a=t.effects.setTransition(i,h,n.to.y,a)),n.from.x!==n.to.x&&(o=t.effects.setTransition(i,l,n.from.x,o),a=t.effects.setTransition(i,l,n.to.x,a)),u&&t.effects.saveStyle(i),i.css(o),i.animate(a,e.duration,e.easing,function(){u&&t.effects.restoreStyle(i)})})),a.animate(v,{queue:!1,duration:e.duration,easing:e.easing,complete:function(){var e=a.offset();0===v.opacity&&a.css(\"opacity\",_.opacity),u||(a.css(\"position\",\"static\"===f?\"relative\":f).offset(e),t.effects.saveStyle(a)),i()}})}),t.effects.define(\"scale\",function(e,i){var s=t(this),n=e.mode,o=parseInt(e.percent,10)||(0===parseInt(e.percent,10)?0:\"effect\"!==n?0:100),a=t.extend(!0,{from:t.effects.scaledDimensions(s),to:t.effects.scaledDimensions(s,o,e.direction||\"both\"),origin:e.origin||[\"middle\",\"center\"]},e);e.fade&&(a.from.opacity=1,a.to.opacity=0),t.effects.effect.size.call(this,a,i)}),t.effects.define(\"puff\",\"hide\",function(e,i){var s=t.extend(!0,{},e,{fade:!0,percent:parseInt(e.percent,10)||150});t.effects.effect.scale.call(this,s,i)}),t.effects.define(\"pulsate\",\"show\",function(e,i){var s=t(this),n=e.mode,o=\"show\"===n,a=\"hide\"===n,r=o||a,h=2*(e.times||5)+(r?1:0),l=e.duration/h,c=0,u=1,d=s.queue().length;for((o||!s.is(\":visible\"))&&(s.css(\"opacity\",0).show(),c=1);h>u;u++)s.animate({opacity:c},l,e.easing),c=1-c;s.animate({opacity:c},l,e.easing),s.queue(i),t.effects.unshift(s,d,h+1)}),t.effects.define(\"shake\",function(e,i){var s=1,n=t(this),o=e.direction||\"left\",a=e.distance||20,r=e.times||3,h=2*r+1,l=Math.round(e.duration/h),c=\"up\"===o||\"down\"===o?\"top\":\"left\",u=\"up\"===o||\"left\"===o,d={},p={},f={},g=n.queue().length;for(t.effects.createPlaceholder(n),d[c]=(u?\"-=\":\"+=\")+a,p[c]=(u?\"+=\":\"-=\")+2*a,f[c]=(u?\"-=\":\"+=\")+2*a,n.animate(d,l,e.easing);r>s;s++)n.animate(p,l,e.easing).animate(f,l,e.easing);n.animate(p,l,e.easing).animate(d,l/2,e.easing).queue(i),t.effects.unshift(n,g,h+1)}),t.effects.define(\"slide\",\"show\",function(e,i){var s,n,o=t(this),a={up:[\"bottom\",\"top\"],down:[\"top\",\"bottom\"],left:[\"right\",\"left\"],right:[\"left\",\"right\"]},r=e.mode,h=e.direction||\"left\",l=\"up\"===h||\"down\"===h?\"top\":\"left\",c=\"up\"===h||\"left\"===h,u=e.distance||o[\"top\"===l?\"outerHeight\":\"outerWidth\"](!0),d={};t.effects.createPlaceholder(o),s=o.cssClip(),n=o.position()[l],d[l]=(c?-1:1)*u+n,d.clip=o.cssClip(),d.clip[a[h][1]]=d.clip[a[h][0]],\"show\"===r&&(o.cssClip(d.clip),o.css(l,d[l]),d.clip=s,d[l]=n),o.animate(d,{queue:!1,duration:e.duration,easing:e.easing,complete:i})});var v;t.uiBackCompat!==!1&&(v=t.effects.define(\"transfer\",function(e,i){t(this).transfer(e,i)}))});","document.addEventListener(\"DOMContentLoaded\", function () {\n const introWithTab = document.querySelector(\".accordion-with-img\");\n if (introWithTab) {\n const tabs = document.querySelectorAll(\n \".accordion-with-img .tab-div .text-wrapper\"\n );\n const contents = document.querySelectorAll(\n \".accordion-with-img .tab-text .img-wrap\"\n );\n const contentWrap = document.querySelector(\n \".accordion-with-img .content-wrap\"\n );\n const animationDuration = 500;\n\n let isImgMoved = false; // Flag to track if the image has been moved below 490px\n\n if (tabs.length > 0 && contents.length > 0) {\n tabs[0].classList.add(\"active\");\n contents[0].classList.add(\"active\");\n\n // Copy the first tab's text to hidden content\n const tabHeading = tabs[0].querySelector(\".arrow-wrap\");\n const innerWrap = tabs[0].querySelector(\".inner-wrapper\");\n\n innerWrap.style.height = \"auto\";\n innerWrap.style.display = \"block\";\n\n // Update the height of the accordion section initially\n updateSectionHeight();\n moveImgWrapperBelow768(); // Call initially for correct mobile setup\n }\n\n function slideUp(element) {\n element.animate(\n [{ height: element.scrollHeight + \"px\" }, { height: \"0\" }],\n {\n duration: animationDuration,\n easing: \"ease\",\n }\n ).onfinish = function () {\n element.style.height = \"0\";\n element.style.display = \"none\"; // Hide after animation\n updateSectionHeight(); // Recalculate the height after slide-up\n };\n }\n\n function slideDown(element) {\n element.style.display = \"block\"; // Show before animation\n element.animate(\n [{ height: \"0\" }, { height: element.scrollHeight + \"px\" }],\n {\n duration: animationDuration,\n easing: \"ease\",\n }\n ).onfinish = function () {\n element.style.height = element.scrollHeight + \"px\";\n updateSectionHeight(); // Recalculate the height after slide-down\n };\n }\n\n function updateSectionHeight() {\n const screenWidth = window.innerWidth;\n\n // Only apply height calculations if the screen width is greater than 991px\n if (screenWidth > 991) {\n const introBlock = document.querySelector(\n \".accordion-with-img .intro-block\"\n );\n const activeImgWrap = document.querySelector(\n \".accordion-with-img .img-wrap.active\"\n );\n const activeInnerWrapper = document.querySelector(\n \".accordion-with-img .tab-div .text-wrapper.active .inner-wrapper\"\n );\n\n // Get the heights of the static elements\n const introBlockHeight = introBlock ? introBlock.offsetHeight : 0;\n const activeImgWrapHeight = activeImgWrap\n ? activeImgWrap.offsetHeight\n : 0;\n const activeInnerWrapperHeight = activeInnerWrapper\n ? activeInnerWrapper.scrollHeight\n : 0;\n\n // Get the bottom padding of the parent section (assuming it's padding-bottom)\n const computedStyle = window.getComputedStyle(introWithTab);\n const paddingBottom = parseInt(computedStyle.paddingBottom, 10) || 0;\n\n // Sum up the heights and add extra height for the bottom padding\n const totalHeight =\n introBlockHeight +\n activeImgWrapHeight +\n activeInnerWrapperHeight +\n paddingBottom * 2; // Double paddingBottom for additional spacing\n\n // Apply the calculated height and prevent content overflow\n introWithTab.style.height = totalHeight + \"px\";\n introWithTab.style.overflowY = \"hidden\"; // Prevent overflow into padding\n } else {\n // If width is below 991px, remove the inline height style\n introWithTab.style.height = \"auto\";\n introWithTab.style.overflowY = \"visible\"; // Reset overflow for mobile\n }\n }\n\n function moveImgWrapperBelow768() {\n const screenWidth = window.innerWidth;\n\n // Below 490px, move the img-wrap inside the inner-wrapper if not already moved\n if (screenWidth <= 768 && !isImgMoved) {\n tabs.forEach((tab, index) => {\n const innerWrapper = tab.querySelector(\".inner-wrapper\");\n const imgWrap = contents[index];\n if (innerWrapper && imgWrap && !innerWrapper.contains(imgWrap)) {\n innerWrapper.appendChild(imgWrap); // Move imgWrap inside innerWrapper\n }\n });\n isImgMoved = true; // Set flag to true to avoid redundant moves\n } else if (screenWidth > 768 && isImgMoved) {\n // Above 490px, move img-wrap back to its original position\n contents.forEach((imgWrap) => {\n if (!contentWrap.contains(imgWrap)) {\n contentWrap.appendChild(imgWrap); // Move imgWrap back to contentWrap\n }\n });\n isImgMoved = false; // Reset flag for larger screens\n }\n }\n\n tabs.forEach((tab, index) => {\n tab.addEventListener(\"click\", function () {\n // Check if the clicked tab is already active\n if (tab.classList.contains(\"active\")) {\n return; // If the tab is already active, do nothing\n }\n\n const target = this.querySelector(\".inner-wrapper\");\n\n // Slide up other inner wrappers\n document.querySelectorAll(\".inner-wrapper\").forEach((child) => {\n if (child !== target) {\n slideUp(child);\n }\n });\n\n // Slide down the selected inner wrapper\n slideDown(target);\n\n // Remove active class from all tabs and contents\n tabs.forEach((tab) => tab.classList.remove(\"active\"));\n contents.forEach((content) => content.classList.remove(\"active\"));\n\n // Add active class to the clicked tab and corresponding content\n tab.classList.add(\"active\");\n contents[index].classList.add(\"active\");\n });\n });\n\n // Recalculate height on window resize and move image on mobile\n window.addEventListener(\"resize\", function () {\n updateSectionHeight();\n moveImgWrapperBelow768(); // Call the function on resize to adjust the image\n });\n }\n});\n","(function ($) {\n $(document).ready(function () {\n $(\".accordion .accordion-item\").click(function () {\n if ($(this).hasClass(\"active\")) {\n $(\".accordion-item\").removeClass(\"active\");\n $(\".accordion-item\").children(\".pannel\").slideUp(250, \"swing\"); // Increased duration and added easing\n } else {\n $(\".accordion-item\").removeClass(\"active\");\n $(this).addClass(\"active\");\n $(\".accordion-item\").find(\".pannel\").slideUp(250, \"swing\"); // Increased duration and added easing\n $(this).children(\".pannel\").slideDown(250, \"swing\"); // Increased duration and added easing\n }\n });\n\n $(document).on(\"click\", \".accordion .arrow1\", function () {\n $(this).addClass(\"active\");\n $(this).removeClass(\"active\");\n });\n });\n})(jQuery);\n","/* script.js */\ndocument.addEventListener('DOMContentLoaded', () => {\n const headings = document.querySelectorAll('.animated-text');\n\n headings.forEach(heading => {\n const content = heading.innerHTML;\n heading.innerHTML = '';\n\n const tempDiv = document.createElement('div');\n tempDiv.innerHTML = content;\n\n const wrapTextNodes = (node, container) => {\n node.childNodes.forEach(child => {\n if (child.nodeType === Node.TEXT_NODE) {\n const words = child.textContent.split(' ').filter(word => word.trim() !== '');\n words.forEach((word, index) => {\n const span = document.createElement('span');\n span.className = 'animated-word';\n span.textContent = word;\n container.appendChild(span);\n container.appendChild(document.createTextNode(' '));\n });\n } else if (child.nodeType === Node.ELEMENT_NODE) {\n const span = document.createElement('span');\n span.className = 'animated-word';\n container.appendChild(span);\n span.appendChild(child.cloneNode(true));\n }\n });\n };\n\n wrapTextNodes(tempDiv, heading);\n });\n\n document.addEventListener('scroll', () => {\n const animatedWords = document.querySelectorAll('.animated-word');\n const triggerBottom = window.innerHeight / 5 * 4;\n\n animatedWords.forEach((word, index) => {\n const wordTop = word.getBoundingClientRect().top;\n\n if (wordTop < triggerBottom) {\n setTimeout(() => {\n word.classList.add('visible');\n }, index * 200); // Adjust the delay (100ms) as needed\n } else {\n word.classList.remove('visible');\n }\n });\n });\n\n // Trigger the animation on page load\n document.dispatchEvent(new Event('scroll'));\n});\n","// document.addEventListener('DOMContentLoaded', () => {\n// const getSection = document.querySelector('.assets-grid');\n\n// if (getSection) {\n// // Function to download a single file\n// function downloadImage(url, fileName) {\n// const a = document.createElement('a');\n// a.href = url;\n// a.setAttribute('download', fileName); // Ensure the download attribute is set\n// a.style.display = 'none'; // Hide the element\n// document.body.appendChild(a);\n// a.click();\n// document.body.removeChild(a);\n// }\n\n// const rows = getSection.querySelectorAll('.row');\n\n// rows.forEach(row => {\n// // Function to download selected images\n// function downloadSelected() {\n// const selectedLogos = row.querySelectorAll('input[type=\"checkbox\"]:checked');\n// selectedLogos.forEach(logo => {\n// const imgWrap = logo.closest('.col-four').querySelector('img');\n// const imgSrc = imgWrap.src;\n// const fileName = imgWrap.alt + '.png'; // Ensure file name ends with .png\n// downloadImage(imgSrc, fileName);\n// });\n// }\n\n// // Function to download all images\n// function downloadAll() {\n// const allLogos = row.querySelectorAll('.col-four img');\n// allLogos.forEach(logo => {\n// const imgSrc = logo.src;\n// const fileName = logo.alt + '.png'; // Ensure file name ends with .png\n// downloadImage(imgSrc, fileName);\n// });\n// }\n\n// // Get the buttons for the current row\n// const selectedBtns = row.querySelectorAll('.download-selected');\n// const allBtns = row.querySelectorAll('.download-all');\n\n// // Only attach event listeners if the buttons exist\n// if (selectedBtns) {\n// selectedBtns.forEach((selectedBtn) => {\n// selectedBtn.addEventListener('click', function (e) {\n// e.preventDefault(); // Prevent the default behavior\n// downloadSelected();\n// });\n// })\n// }\n\n// if (allBtns) {\n// allBtns.forEach((allBtn) => {\n// allBtn.addEventListener('click', function (e) {\n// e.preventDefault(); // Prevent the default behavior\n// downloadAll();\n// });\n// });\n// }\n// });\n\n// // const rows = document.querySelectorAll('.horizontal-line');\n// if (rows) {\n// function handleAppend() {\n// const windowWidth = window.innerWidth;\n// rows.forEach((row) => {\n// // const row = row.querySelector('.bg-img');\n// const newBtnContainer = row.querySelector('.btn-container');\n// const btnWrap = row.querySelector('.title-wrap .btn-wrap'); // The element to append\n\n// // Check if window width is greater than 767\n// if (windowWidth < 768) {\n// if (btnWrap && !newBtnContainer) {\n// var btnContainer = document.createElement('div');\n// btnContainer.classList.add('btn-container');\n// btnContainer.appendChild(btnWrap.cloneNode(true));\n// row.appendChild(btnContainer);\n// }\n// } else {\n// // If window width is less than 767, remove the element from bg-img if it exists\n// var appendedContainer = row.querySelector('.btn-container');\n// if (appendedContainer) {\n// row.removeChild(appendedContainer);\n// }\n// }\n// });\n// }\n\n// // Call the function on load and resize\n// window.addEventListener('load', handleAppend);\n// window.addEventListener('resize', handleAppend);\n// }\n// }\n// });\n\ndocument.addEventListener('DOMContentLoaded', () => {\n const getSection = document.querySelector('.assets-grid');\n\n if (getSection) {\n // Function to download a single file\n function downloadImage(url, fileName) {\n const a = document.createElement('a');\n a.href = url;\n a.setAttribute('download', fileName); // Ensure the download attribute is set\n a.style.display = 'none'; // Hide the element\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n }\n\n const rows = getSection.querySelectorAll('.row');\n\n rows.forEach(row => {\n // Function to download selected images\n function downloadSelected() {\n const selectedLogos = row.querySelectorAll('input[type=\"checkbox\"]:checked');\n selectedLogos.forEach(logo => {\n const imgWrap = logo.closest('.col-four').querySelector('img');\n const imgSrc = imgWrap.src;\n const fileName = imgWrap.alt + '.png'; // Ensure file name ends with .png\n downloadImage(imgSrc, fileName);\n });\n }\n\n // Function to download all images\n function downloadAll() {\n const allLogos = row.querySelectorAll('.col-four img');\n allLogos.forEach(logo => {\n const imgSrc = logo.src;\n const fileName = logo.alt + '.png'; // Ensure file name ends with .png\n downloadImage(imgSrc, fileName);\n });\n }\n\n // Attach event listeners to the parent element and delegate to buttons\n row.addEventListener('click', function (e) {\n // Check if a download-selected button was clicked\n if (e.target && e.target.matches('.download-selected')) {\n e.preventDefault(); // Prevent the default behavior\n downloadSelected();\n }\n\n // Check if a download-all button was clicked\n if (e.target && e.target.matches('.download-all')) {\n e.preventDefault(); // Prevent the default behavior\n downloadAll();\n }\n });\n });\n\n if (rows) {\n function handleAppend() {\n const windowWidth = window.innerWidth;\n rows.forEach((row) => {\n const newBtnContainer = row.querySelector('.btn-container');\n const btnWrap = row.querySelector('.title-wrap .btn-wrap'); // The element to append\n\n // Check if window width is less than 768\n if (windowWidth < 768) {\n if (btnWrap && !newBtnContainer) {\n const btnContainer = document.createElement('div');\n btnContainer.classList.add('btn-container');\n btnContainer.appendChild(btnWrap.cloneNode(true));\n row.appendChild(btnContainer);\n }\n } else {\n // If window width is greater than 768, remove the element from bg-img if it exists\n const appendedContainer = row.querySelector('.btn-container');\n if (appendedContainer) {\n row.removeChild(appendedContainer);\n }\n }\n });\n }\n\n // Call the function on load and resize\n window.addEventListener('load', handleAppend);\n window.addEventListener('resize', handleAppend);\n }\n }\n});\n","// \"use strict\";\n\n// document.addEventListener(\"DOMContentLoaded\", function () {\n// if (document.querySelectorAll(\".card-filter\").length > 0) {\n// const cardFilter = document.querySelectorAll(\".card-filter\");\n// const desktopButtons = document.querySelectorAll(\n// \".card-filter .tab-body .tab h6\"\n// );\n// const mobileButtons = document.querySelectorAll(\n// \".card-filter .tab-body .mobile-view h6\"\n// );\n// const cardBlocks = document.querySelectorAll(\n// \".card-filter .tab-content .cards-block\"\n// );\n// const dropdown = document.querySelector(\".card-filter .tab-body .open\");\n// const contentWrap = document.querySelector(\n// \".card-filter .tab-body .mobile-view\"\n// );\n// const spanHeading = document.querySelector(\".card-filter .open span\");\n\n// if (cardFilter) {\n// cardBlocks[0].classList.add(\"active\");\n// desktopButtons[0].classList.add(\"active\");\n// mobileButtons[0].classList.add(\"active\");\n\n// desktopButtons.forEach((btn, index) => {\n// btn.addEventListener(\"click\", function () {\n// spanHeading.textContent = desktopButtons[index].textContent;\n// desktopButtons.forEach((btn) => btn.classList.remove(\"active\"));\n// mobileButtons.forEach((btn) => btn.classList.remove(\"active\"));\n// cardBlocks.forEach((card) => card.classList.remove(\"active\"));\n// btn.classList.add(\"active\");\n// cardBlocks[index].classList.add(\"active\");\n// mobileButtons[index].classList.add(\"active\");\n// });\n// });\n// mobileButtons.forEach((btn, index) => {\n// btn.addEventListener(\"click\", function () {\n// spanHeading.textContent = mobileButtons[index].textContent;\n// mobileButtons.forEach((btn) => btn.classList.remove(\"active\"));\n// desktopButtons.forEach((btn) => btn.classList.remove(\"active\"));\n// cardBlocks.forEach((card) => card.classList.remove(\"active\"));\n// btn.classList.add(\"active\");\n// cardBlocks[index].classList.add(\"active\");\n// desktopButtons[index].classList.add(\"active\");\n// contentWrap.classList.toggle(\"active\");\n// dropdown.classList.remove(\"active\");\n// });\n// });\n// }\n// dropdown.addEventListener(\"click\", function () {\n// contentWrap.classList.toggle(\"active\");\n// dropdown.classList.toggle(\"active\");\n// });\n\n// // Pagination\n\n// const paginationNumbers = document.getElementById(\"pagination-numbers\");\n// const paginatedList = document.querySelector(\n// \".card-filter .tab-content .cards-wrapper\"\n// );\n// const listItems = paginatedList.querySelectorAll(\n// \".card-filter .tab-content .cards-wrapper .card\"\n// );\n// const nextButton = document.getElementById(\"next-button\");\n// const prevButton = document.getElementById(\"prev-button\");\n\n// const paginationLimit = 10;\n// const pageCount = Math.ceil(listItems.length / paginationLimit);\n// let currentPage = 1;\n\n// const disableButton = (button) => {\n// button.classList.add(\"disabled\");\n// button.setAttribute(\"disabled\", true);\n// };\n\n// const enableButton = (button) => {\n// button.classList.remove(\"disabled\");\n// button.removeAttribute(\"disabled\");\n// };\n\n// const handlePageButtonsStatus = () => {\n// if (currentPage === 1) {\n// disableButton(prevButton);\n// } else {\n// enableButton(prevButton);\n// }\n\n// if (pageCount === currentPage) {\n// disableButton(nextButton);\n// } else {\n// enableButton(nextButton);\n// }\n// };\n\n// const handleActivePageNumber = () => {\n// document.querySelectorAll(\".pagination-number\").forEach((button) => {\n// button.classList.remove(\"active\");\n// const pageIndex = Number(button.getAttribute(\"page-index\"));\n// if (pageIndex == currentPage) {\n// button.classList.add(\"active\");\n// }\n// });\n// };\n\n// const appendPageNumber = (index) => {\n// const pageNumber = document.createElement(\"button\");\n// pageNumber.className = \"pagination-number\";\n// pageNumber.innerHTML = index;\n// pageNumber.setAttribute(\"page-index\", index);\n// pageNumber.setAttribute(\"aria-label\", \"Page \" + index);\n\n// paginationNumbers.appendChild(pageNumber);\n// };\n\n// const getPaginationNumbers = () => {\n// for (let i = 1; i <= pageCount; i++) {\n// appendPageNumber(i);\n// }\n// };\n\n// const setCurrentPage = (pageNum) => {\n// currentPage = pageNum;\n\n// handleActivePageNumber();\n// handlePageButtonsStatus();\n\n// const prevRange = (pageNum - 1) * paginationLimit;\n// const currRange = pageNum * paginationLimit;\n\n// listItems.forEach((item, index) => {\n// item.classList.add(\"hidden\");\n// if (index >= prevRange && index < currRange) {\n// item.classList.remove(\"hidden\");\n// }\n// });\n// };\n\n// window.addEventListener(\"load\", () => {\n// getPaginationNumbers();\n// setCurrentPage(1);\n\n// prevButton.addEventListener(\"click\", () => {\n// setCurrentPage(currentPage - 1);\n// });\n\n// nextButton.addEventListener(\"click\", () => {\n// setCurrentPage(currentPage + 1);\n// });\n\n// document.querySelectorAll(\".pagination-number\").forEach((button) => {\n// const pageIndex = Number(button.getAttribute(\"page-index\"));\n\n// if (pageIndex) {\n// button.addEventListener(\"click\", () => {\n// setCurrentPage(pageIndex);\n// });\n// }\n// });\n// });\n// }\n// });\n\n// document.addEventListener('DOMContentLoaded', function () {\n// const tabs = document.querySelectorAll('.tab-item');\n// const cardsBlocks = document.querySelectorAll('.cards-block');\n// const paginationContainer = document.querySelector('.pagination');\n// const cardsPerPage = 10;\n\n// // Tab switching\n// tabs.forEach((tab, index) => {\n// tab.addEventListener('click', () => {\n// tabs.forEach(t => t.classList.remove('active'));\n// tab.classList.add('active');\n// showCardsBlock(index);\n// });\n// });\n\n// // Show the first tab by default\n// showCardsBlock(0);\n\n// function showCardsBlock(index) {\n// cardsBlocks.forEach(block => block.classList.remove('active'));\n// cardsBlocks[index].classList.add('active');\n// const cards = cardsBlocks[index].querySelectorAll('.card');\n// if (cards.length > cardsPerPage) {\n// setupPagination(cards, cardsPerPage);\n// } else {\n// paginationContainer.innerHTML = ''; // No pagination if less than cardsPerPage\n// showPage(1, cards); // Show all cards if less than cardsPerPage\n// }\n// }\n\n// // Moved showPage function here to be accessible in both places\n// function showPage(page, cards) {\n// cards.forEach((card, index) => {\n// card.style.display = (index >= (page - 1) * cardsPerPage && index < page * cardsPerPage) ? 'block' : 'none';\n// });\n// }\n\n// // Setup pagination logic\n// function setupPagination(cards, cardsPerPage) {\n// const totalPages = Math.ceil(cards.length / cardsPerPage);\n// let currentPage = 1;\n\n// renderPagination(currentPage, totalPages);\n\n// function renderPagination(currentPage, totalPages) {\n// paginationContainer.innerHTML = '';\n\n// // \"Previous\" button\n// const prevButton = document.createElement('button');\n// prevButton.textContent = '';\n// prevButton.disabled = currentPage === 1;\n// prevButton.classList.add('prev-btn');\n// prevButton.addEventListener('click', () => goToPage(currentPage - 1));\n// paginationContainer.appendChild(prevButton);\n\n// // Logic to handle ellipsis and keep the button count constant at 7 (5 pages + \"Previous\" and \"Next\")\n// if (totalPages <= 5) {\n// // If total pages are less than or equal to 5, show all pages without ellipsis\n// for (let page = 1; page <= totalPages; page++) {\n// const pageButton = createPageButton(page, currentPage);\n// paginationContainer.appendChild(pageButton);\n// }\n// } else {\n// if (currentPage <= 3) {\n// // If we're in the first 3 pages, show pages 1-4, ellipsis, and last page\n// for (let page = 1; page <= 4; page++) {\n// const pageButton = createPageButton(page, currentPage);\n// paginationContainer.appendChild(pageButton);\n// }\n// addEllipsis();\n// paginationContainer.appendChild(createPageButton(totalPages, currentPage));\n// } else if (currentPage >= totalPages - 2) {\n// // If we're in the last 3 pages, show first page, ellipsis, and the last 4 pages\n// paginationContainer.appendChild(createPageButton(1, currentPage));\n// addEllipsis();\n// for (let page = totalPages - 3; page <= totalPages; page++) {\n// const pageButton = createPageButton(page, currentPage);\n// paginationContainer.appendChild(pageButton);\n// }\n// } else {\n// // If we're somewhere in the middle, show first page, ellipsis, 3 pages around the current page, ellipsis, and last page\n// paginationContainer.appendChild(createPageButton(1, currentPage));\n// for (let page = currentPage - 1; page <= currentPage + 1; page++) {\n// const pageButton = createPageButton(page, currentPage);\n// paginationContainer.appendChild(pageButton);\n// }\n// addEllipsis();\n// paginationContainer.appendChild(createPageButton(totalPages, currentPage));\n// }\n// }\n\n// // \"Next\" button\n// const nextButton = document.createElement('button');\n// nextButton.textContent = '';\n// nextButton.disabled = currentPage === totalPages;\n// nextButton.classList.add('next-btn');\n// nextButton.addEventListener('click', () => goToPage(currentPage + 1));\n// paginationContainer.appendChild(nextButton);\n\n// showPage(currentPage, cards);\n// }\n\n// // Helper function to create a page button\n// function createPageButton(page, currentPage) {\n// const pageButton = document.createElement('button');\n// pageButton.textContent = page;\n// if (page === currentPage) {\n// pageButton.classList.add('active');\n// }\n// pageButton.addEventListener('click', () => goToPage(page));\n// return pageButton;\n// }\n\n// // Helper function to add ellipsis\n// function addEllipsis() {\n// const ellipsis = document.createElement('span');\n// ellipsis.textContent = '...';\n// paginationContainer.appendChild(ellipsis);\n// }\n\n// function goToPage(page) {\n// currentPage = page;\n// renderPagination(currentPage, totalPages);\n// }\n// }\n// });\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const section = document.querySelector(\".card-filter\");\n if (section) {\n const tabs = document.querySelectorAll(\".tab-item\");\n const cardsBlocks = document.querySelectorAll(\".cards-block\");\n const paginationContainer = document.querySelector(\".pagination\");\n const cardsPerPage = 10;\n\n // Tab switching\n tabs.forEach((tab, index) => {\n tab.addEventListener(\"click\", () => {\n tabs.forEach((t) => t.classList.remove(\"active\"));\n tab.classList.add(\"active\");\n showCardsBlock(index);\n });\n });\n\n // Show the first tab by default\n showCardsBlock(0);\n\n function showCardsBlock(index) {\n cardsBlocks.forEach((block) => block.classList.remove(\"active\"));\n cardsBlocks[index].classList.add(\"active\");\n const cards = cardsBlocks[index].querySelectorAll(\".card\");\n if (cards.length > cardsPerPage) {\n setupPagination(cards, cardsPerPage);\n } else {\n paginationContainer.innerHTML = \"\"; // No pagination if less than cardsPerPage\n showPage(1, cards); // Show all cards if less than cardsPerPage\n }\n }\n\n // Moved showPage function here to be accessible in both places\n function showPage(page, cards) {\n cards.forEach((card, index) => {\n card.style.display =\n index >= (page - 1) * cardsPerPage && index < page * cardsPerPage\n ? \"block\"\n : \"none\";\n });\n }\n\n // Setup pagination logic\n function setupPagination(cards, cardsPerPage) {\n const totalPages = Math.ceil(cards.length / cardsPerPage);\n let currentPage = 1;\n\n renderPagination(currentPage, totalPages);\n\n function renderPagination(currentPage, totalPages) {\n paginationContainer.innerHTML = \"\";\n\n // \"Previous\" button\n const prevButton = document.createElement(\"button\");\n prevButton.textContent = \"\";\n prevButton.disabled = currentPage === 1;\n prevButton.classList.add(\"prev-btn\");\n prevButton.setAttribute(\"aria-label\", \"previous button\");\n prevButton.addEventListener(\"click\", () => goToPage(currentPage - 1));\n paginationContainer.appendChild(prevButton);\n\n // Logic to handle ellipsis and keep the button count constant at 7 (5 pages + \"Previous\" and \"Next\")\n if (totalPages <= 5) {\n // If total pages are less than or equal to 5, show all pages without ellipsis\n for (let page = 1; page <= totalPages; page++) {\n const pageButton = createPageButton(page, currentPage);\n paginationContainer.appendChild(pageButton);\n }\n } else {\n if (currentPage <= 3) {\n // If we're in the first 3 pages, show pages 1-4, ellipsis, and last page\n for (let page = 1; page <= 4; page++) {\n const pageButton = createPageButton(page, currentPage);\n paginationContainer.appendChild(pageButton);\n }\n addEllipsis();\n paginationContainer.appendChild(\n createPageButton(totalPages, currentPage)\n );\n } else if (currentPage >= totalPages - 2) {\n // If we're in the last 3 pages, show first page, ellipsis, and the last 4 pages\n paginationContainer.appendChild(createPageButton(1, currentPage));\n addEllipsis();\n for (let page = totalPages - 3; page <= totalPages; page++) {\n const pageButton = createPageButton(page, currentPage);\n paginationContainer.appendChild(pageButton);\n }\n } else {\n // If we're somewhere in the middle, show first page, ellipsis, 3 pages around the current page, ellipsis, and last page\n paginationContainer.appendChild(createPageButton(1, currentPage));\n for (let page = currentPage - 1; page <= currentPage + 1; page++) {\n const pageButton = createPageButton(page, currentPage);\n paginationContainer.appendChild(pageButton);\n }\n addEllipsis();\n paginationContainer.appendChild(\n createPageButton(totalPages, currentPage)\n );\n }\n }\n\n // \"Next\" button\n const nextButton = document.createElement(\"button\");\n nextButton.textContent = \"\";\n nextButton.disabled = currentPage === totalPages;\n nextButton.classList.add(\"next-btn\");\n nextButton.setAttribute(\"aria-label\", \"next button\");\n nextButton.addEventListener(\"click\", () => goToPage(currentPage + 1));\n paginationContainer.appendChild(nextButton);\n\n showPage(currentPage, cards);\n }\n\n // Helper function to create a page button\n function createPageButton(page, currentPage) {\n const pageButton = document.createElement(\"button\");\n pageButton.textContent = page;\n if (page === currentPage) {\n pageButton.classList.add(\"active\");\n }\n pageButton.addEventListener(\"click\", () => goToPage(page));\n return pageButton;\n }\n\n // Helper function to add ellipsis\n function addEllipsis() {\n const ellipsis = document.createElement(\"span\");\n ellipsis.textContent = \"...\";\n paginationContainer.appendChild(ellipsis);\n }\n\n function goToPage(page) {\n currentPage = page;\n renderPagination(currentPage, totalPages);\n\n // Scroll to the top of the cards block or pagination container\n section.scrollIntoView({ behavior: \"smooth\" });\n }\n }\n\n // Function to download a single file\n function downloadImage(url, fileName) {\n const a = document.createElement(\"a\");\n a.href = url;\n a.setAttribute(\"download\", fileName); // Ensure the download attribute is set\n a.style.display = \"none\"; // Hide the element\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n }\n\n const rows = section.querySelectorAll(\".row\");\n\n rows.forEach((row) => {\n // Function to download selected assets\n function downloadSelected() {\n const selectedLogos = row.querySelectorAll(\n 'input[type=\"checkbox\"]:checked'\n );\n selectedLogos.forEach((logo) => {\n const imgWrap = logo.closest(\".col-four\").querySelector(\".img-wrap\");\n const fileUrl = imgWrap.getAttribute(\"download-data\");\n const fileName = getFileNameFromUrl(fileUrl);\n downloadAsset(fileUrl, fileName);\n });\n }\n\n // Function to download all assets\n function downloadAll() {\n const allLogos = row.querySelectorAll(\".col-four .img-wrap\");\n allLogos.forEach((imgWrap) => {\n const fileUrl = imgWrap.getAttribute(\"download-data\");\n const fileName = getFileNameFromUrl(fileUrl);\n downloadAsset(fileUrl, fileName);\n });\n }\n\n // Helper function to extract the file name from a URL\n function getFileNameFromUrl(url) {\n return url.split(\"/\").pop(); // Extracts the file name from the URL\n }\n\n // Function to download a file\n function downloadAsset(url, fileName) {\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = fileName;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n }\n\n // Get the buttons for the current row\n const selectedBtn = row.querySelector(\".download-selected\");\n const allBtn = row.querySelector(\".download-all\");\n\n // Only attach event listeners if the buttons exist\n if (selectedBtn) {\n selectedBtn.addEventListener(\"click\", function (e) {\n e.preventDefault(); // Prevent the default behavior\n downloadSelected();\n });\n }\n\n if (allBtn) {\n allBtn.addEventListener(\"click\", function (e) {\n e.preventDefault(); // Prevent the default behavior\n downloadAll();\n });\n }\n });\n\n\n // Drop down functionality\n const toggleDropDown = section.querySelector(`.open`);\n const dropDownText = section.querySelector(\".open span\");\n const dropDown = section.querySelector(`.tab`);\n const dropDownItems = section.querySelectorAll(\".tab-item\");\n\n toggleDropDown.addEventListener(\"click\", function () {\n dropDown.classList.toggle(\"active\");\n toggleDropDown.classList.toggle(\"active\");\n });\n\n dropDownItems.forEach((dropDownItem) => {\n dropDownItem.addEventListener(\"click\", function () {\n dropDown.classList.remove(\"active\");\n toggleDropDown.classList.remove(\"active\");\n dropDownText.textContent = dropDownItem.textContent;\n });\n });\n }\n});\n","(function ($) {\n $(document).ready(function () {\n if ($(\".card-overlay\").length > 0) {\n $(\".card-overlay .intro .btn-transparent\").remove(\"hover\");\n $(\".card-overlay .cards-wrapper:first\").show();\n $(\".card-overlay .intro .btn-wrap a:eq(0)\").addClass(\"active\");\n $(\".card-overlay .cards-wrapper\").addClass(\"active\");\n $(\".card-overlay .intro .btn-wrap a\").on(\"click\", function (e) {\n e.preventDefault();\n $(this).addClass(\"active\").siblings().removeClass(\"active\");\n var index = $(this).index();\n $(\".card-overlay .cards-wrapper\").hide();\n $(\".card-overlay .cards-wrapper\").eq(index).show();\n });\n $(\".card-overlay .cards-wrapper .item-wrap .card-item\").on(\n \"click\",\n function (e) {\n e.preventDefault();\n $(this)\n .find(\".content-wrap\")\n .clone()\n .appendTo(\".col-three-overlay .col-three-detail .outer\");\n $(this)\n .find(\".text-wrap h6\")\n .clone()\n .appendTo(\".col-three-overlay .col-three-detail .info\");\n $(this)\n .find(\".text-wrap .overlay-p\")\n .clone()\n .appendTo(\".col-three-overlay .col-three-detail .info\");\n $(\n \".col-three-overlay .col-three-detail .info .overlay-p\"\n ).removeClass(\"hide\");\n var $team = $(this).closest(\".card-item\");\n // var teamImage = $team.find(\".bg-img img\").attr(\"src\");\n var $teamDetail = $(\".col-three-overlay .col-three-detail\");\n // $teamDetail.find(\".bg-img img\").attr(\"src\", teamImage);\n $teamDetail\n .toggleClass(\"active\")\n .parent()\n .css(\"z-index\", 100000)\n .toggleClass(\"overlay-active\");\n $(\"body\").addClass(\"stop-scroll blur\");\n }\n );\n //Close overlay\n $(\".col-three-overlay\").on(\"click\", function (e) {\n // e.preventDefault();\n if (\n $(e.target).hasClass(\"col-three-overlay\") ||\n $(e.target).hasClass(\"close\")\n ) {\n $(\".col-three-overlay .col-three-detail\").toggleClass(\"active\");\n setTimeout(function () {\n $(\".col-three-overlay .col-three-detail .outer\").empty();\n $(\".col-three-overlay .col-three-detail .info\").empty();\n $(\".col-three-overlay .link-wrap\").empty();\n $(\".col-three-overlay\").removeAttr(\"style\");\n // $(\".col-three-overlay .bg-img img\").attr(\"src\", \"\");\n $(\".col-three-overlay .col-three-detail .content-wrap p\").empty();\n $(\".col-three-overlay\").removeClass(\"overlay-active\");\n $(\"body\").removeClass(\"stop-scroll blur\");\n }, 400);\n }\n });\n\n $(\".col-three-overlay .col-three-detail .close\").on(\"click\", function () {\n setTimeout(function () {\n $(\".col-three-overlay .col-three-detail .outer\").empty();\n $(\".col-three-overlay .col-three-detail .info\").empty();\n $(\".col-three-overlay .link-wrap\").empty();\n $(\".col-three-overlay .col-three-detail .content-wrap p\").empty();\n $(\".col-three-overlay\").removeClass(\"overlay-active\");\n }, 400);\n $(\"body\").removeClass(\"stop-scroll blur\");\n // removeUrl();\n });\n }\n });\n})(jQuery);\n","(function ($) {\n $(function () {\n $(window).on(\"load\", function () {\n $(\".card-slider .wrapper\").css({ display: \"block\" });\n setTimeout(function () {\n $(\".card-slider .wrapper\").css({ opacity: \"1\" });\n }, 500);\n if ($(\".card-slider, .wrapper\").length > 1) {\n }\n $(\".card-slider\").each(function () {\n var item = $(this).find(\".item\");\n if (item.length > 1) {\n $(this).find(\".wrapper\").slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n arrow: false,\n dots: false,\n speed: 1000,\n autoplay: false,\n infinite: true,\n // responsive: [\n // {\n // breakpoint: 768,\n // settings: {\n // dots: true,\n // },\n // },\n // ],\n });\n }\n });\n });\n });\n})(jQuery);\n","(function ($) {\n $(document).ready(function () {\n if ($(\".card-with-overlay\").length > 0) {\n $(\".card-with-overlay .intro .btn-transparent\").remove(\"hover\");\n $(\".card-with-overlay .cards-wrapper:first\").show();\n $(\".card-with-overlay .intro .btn-wrap a:eq(0)\").addClass(\"active\");\n $(\".card-with-overlay .cards-wrapper\").addClass(\"active\");\n $(\".card-with-overlay .intro .btn-wrap a\").on(\"click\", function (e) {\n e.preventDefault();\n $(this).addClass(\"active\").siblings().removeClass(\"active\");\n var index = $(this).index();\n $(\".card-with-overlay .cards-wrapper\").hide();\n $(\".card-with-overlay .cards-wrapper\").eq(index).show();\n });\n $(\".card-with-overlay .cards-wrapper .item-wrap .card-item\").on(\n \"click\",\n function (e) {\n e.preventDefault();\n $(this)\n .find(\".content-wrap\")\n .clone()\n .appendTo(\".cards-with-overlay .card-with-overlay-detail .outer\");\n $(this)\n .find(\".text-wrap\")\n .clone()\n .appendTo(\".cards-with-overlay .card-with-overlay-detail .info\");\n var $team = $(this).closest(\".card-item\");\n var teamImage = $team.find(\".bg-img img\").attr(\"src\");\n var $teamDetail = $(\".cards-with-overlay .card-with-overlay-detail\");\n $teamDetail.find(\".bg-img img\").attr(\"src\", teamImage);\n $teamDetail\n .toggleClass(\"active\")\n .parent()\n .css(\"z-index\", 100000)\n .toggleClass(\"overlay-active\");\n $(\"body\").addClass(\"stop-scroll blur\");\n }\n );\n //Close overlay\n $(\".cards-with-overlay\").on(\"click\", function (e) {\n // e.preventDefault();\n if (\n $(e.target).hasClass(\"cards-with-overlay\") ||\n $(e.target).hasClass(\"close\")\n ) {\n $(\".cards-with-overlay .card-with-overlay-detail\").toggleClass(\n \"active\"\n );\n setTimeout(function () {\n $(\".cards-with-overlay .card-with-overlay-detail .outer\").empty();\n $(\".cards-with-overlay .card-with-overlay-detail .info\").empty();\n $(\".cards-with-overlay .link-wrap\").empty();\n $(\".cards-with-overlay\").removeAttr(\"style\");\n $(\".cards-with-overlay .bg-img img\").attr(\"src\", \"\");\n $(\n \".cards-with-overlay .card-with-overlay-detail .content-wrap p\"\n ).empty();\n $(\".cards-with-overlay\").removeClass(\"overlay-active\");\n $(\"body\").removeClass(\"stop-scroll blur\");\n }, 400);\n }\n });\n\n $(\".cards-with-overlay .card-with-overlay-detail .close\").on(\n \"click\",\n function () {\n setTimeout(function () {\n $(\".cards-with-overlay .card-with-overlay-detail .outer\").empty();\n $(\".cards-with-overlay .card-with-overlay-detail .info\").empty();\n $(\".cards-with-overlay .link-wrap\").empty();\n $(\n \".cards-with-overlay .card-with-overlay-detail .content-wrap p\"\n ).empty();\n $(\".cards-with-overlay\").removeClass(\"overlay-active\");\n }, 400);\n $(\"body\").removeClass(\"stop-scroll blur\");\n removeUrl();\n }\n );\n }\n });\n})(jQuery);\n","const items = document.querySelectorAll(\".col-three-card .row .item\");\nconst colThreeCards = document.querySelector(\".col-three-card\");\nif (colThreeCards) {\n if (items.length <= 2) {\n colThreeCards.classList.add(\"box-two\");\n } else {\n colThreeCards.classList.add(\"box-three\");\n }\n}\n","document.addEventListener(\"DOMContentLoaded\", function () {\n const colTwoCards = document.querySelector(\".col-two-cards\");\n\n // Check if the .col-two-cards section exists\n if (colTwoCards) {\n const introWrap = colTwoCards.querySelector(\".intro-wrap\");\n\n // Check if .intro-wrap exists\n if (introWrap) {\n const cardsWrapper = colTwoCards.querySelector(\".cards-wrapper\");\n const viewAllNewsLink = introWrap.querySelector(\"a\"); // Select anchor by element tag\n\n // Proceed only if the anchor exists\n if (viewAllNewsLink) {\n let isMovedBelow490 = false;\n\n function moveLinkBelow490() {\n const screenWidth = window.innerWidth;\n\n if (screenWidth <= 490 && !isMovedBelow490) {\n // Move the anchor below cards-wrapper\n cardsWrapper.insertAdjacentElement(\"afterend\", viewAllNewsLink);\n isMovedBelow490 = true;\n } else if (screenWidth > 490 && isMovedBelow490) {\n // Move the anchor back to its original position in intro-wrap\n introWrap.appendChild(viewAllNewsLink);\n isMovedBelow490 = false;\n }\n }\n\n // Run on load\n moveLinkBelow490();\n\n // Run on resize\n window.addEventListener(\"resize\", moveLinkBelow490);\n }\n }\n }\n});\n","(function ($) {\n var a = 0;\n $(window).on('load scroll', function () {\n if ($('.col-two-image').length > 0) {\n var oTop = $('.col-two-image .col-two').offset().top - window.innerHeight;\n }\n if (a === 0 && $(window).scrollTop() > oTop) {\n $('.col-two-image .col-two-wrapper .counter-wrap .num-wrap .counter').each(function () {\n var $this = $(this),\n symbol = $this.siblings(\"span\").text().length,\n countTo = $this.attr('data-count');\n var count_val = countTo.replace(',', ''); // Remove commas from count value\n var thisText = $this.text();\n if (symbol === 0) {\n thisText = thisText + \"x\"; // Append \"x\" if no symbol is found\n }\n var counter_text = count_val.match(/[a-zA-Z$]+/) || ''; // Match any text symbols (optional)\n var counter_val = count_val.match(/[\\d\\.]+/); // Match numerical part of the count value\n var final_val = Math.round(counter_val); // Round numerical value\n $({\n countNum: thisText\n }).animate({\n countNum: final_val\n }, {\n duration: 3000,\n easing: 'swing',\n step: function (now) {\n $this.text(counter_text + Math.floor(now)); // Update counter text as it animates\n },\n complete: function () {\n $this.text(countTo); // Set the final value at the end of the animation\n }\n });\n });\n a = 1; // Ensure the animation only runs once\n }\n });\n})(jQuery);","function handleCustomCursor() {\n const section = document.querySelector('.col-two-parallax');\n if (section) {\n const cards = section.querySelectorAll('.card');\n\n cards.forEach(card => {\n if (window.innerWidth < 992) {\n if (card.classList.contains('custom-cursor')) {\n card.classList.remove('custom-cursor');\n }\n } else {\n // Optional: Add the custom-cursor class back when window width is >= 992\n if (!card.classList.contains('custom-cursor')) {\n card.classList.add('custom-cursor');\n }\n }\n });\n }\n}\n\n// Run on load\nwindow.addEventListener('load', handleCustomCursor);\n\n// Run on resize\nwindow.addEventListener('resize', handleCustomCursor);\n","document.addEventListener('DOMContentLoaded', () => {\n const customCursor = document.querySelectorAll('.custom-cursor');\n if (customCursor) {\n customCursor.forEach(card => {\n // Create the cursor circle element\n const cursorCircle = document.createElement('div');\n cursorCircle.classList.add('cursor-circle');\n\n // Append the cursor circle to the card\n card.appendChild(cursorCircle);\n\n // Track the mouse position\n let mouseX = 0, mouseY = 0;\n let circleX = 0, circleY = 0;\n const delay = 0.1; // Adjust this value for smoother or faster following\n\n card.addEventListener('mousemove', function (e) {\n const rect = card.getBoundingClientRect();\n mouseX = e.clientX - rect.left;\n mouseY = e.clientY - rect.top;\n });\n\n // Smoothly update the position of the circle\n function updateCirclePosition() {\n circleX += (mouseX - circleX) * delay;\n circleY += (mouseY - circleY) * delay;\n\n cursorCircle.style.left = `${circleX}px`;\n cursorCircle.style.top = `${circleY}px`;\n\n requestAnimationFrame(updateCirclePosition);\n }\n\n updateCirclePosition();\n\n // Add hover effect to scale the circle on hover\n card.addEventListener('mouseenter', function () {\n cursorCircle.style.transform = 'translate(-50%, -50%) scale(1)';\n });\n\n card.addEventListener('mouseleave', function () {\n cursorCircle.style.transform = 'translate(-50%, -50%) scale(0)';\n });\n });\n }\n});\n\n","$(document).ready(function () {\n if ($(\".card-wrapper\").length > 0) {\n if ($(\".card-wrapper\").height() === 0) {\n $(\".card-wrapper\").css(\"padding-top\", 0);\n }\n }\n});\n","function tobottom(){\n\t$('.detail-content-form .col-wrap .col-two-form .form-outer-wrap').animate({ scrollTop: ($('html').height())-($(window).height())}, 3000, 'easeInOutQuad')\t\t\t\t\t\t\t\t\t\t\t \n}\n\nfunction totop(){\n\t$('.detail-content-form .col-wrap .col-two-form .form-outer-wrap').animate({ scrollTop: (0)}, 1000, 'easeInOutQuad')\t\t\t\t\t\t\t\t\t\t\t \n}\n\n// onmousemove = function(e){console.log(\"mouse location:\", e.clientX, e.clientY)}\n\n\nonmousemove = function(e){\n var x = e.clientX;\n var y = e.clientY;\n var coor = \"Coordinates: (\" + x + \",\" + y + \")\";\n $('.mousecoor').innerHTML = coor;\n\t// switch(){\n\t// \t\t case 45:\n\t// \t\t }\n\tvar widthwindow = ($(window).width());\n\tvar widthheight = ($(window).height());\n //document.querySelector('.mousecoor').innerHTML = coor + widthwindow + widthheight;\n\tif ((x > (widthwindow - 300)) && (y > (widthheight - 300))){\n\t\t$('.totop').removeClass('hidetop')\n\t}\n\telse{\n\t\t$('.totop').addClass('hidetop')\n\t}\n}\n\n\t// Contact Form Submit message\ndocument.addEventListener('DOMContentLoaded', function () {\n\tif (document.querySelector('.form-wrap .contact-form')){\n\t\tdocument.addEventListener('wpcf7mailsent', function (event) {\n\t\t\t// Target the form's wrapper\n\t\t\tconst formWrapper = document.querySelector('.form-wrap .contact-form');\n\n\t\t\t// Hide the form\n\t\t\tif (formWrapper) {\n\t\t\t\tformWrapper.style.display = 'none';\n\n\t\t\t\t// Show a thank-you message\n\t\t\t\tconst thankYouMessage = document.createElement('div');\n\t\t\t\tthankYouMessage.className = 'thank-you-message';\n\t\t\t\tthankYouMessage.innerHTML = '
Thank you for your message. We will get back to you shortly.
';\n\t\t\t\tformWrapper.parentNode.appendChild(thankYouMessage);\n\t\t\t}\n\t\t}, false);\n\t}\n});\n\n\n","document.addEventListener(\"DOMContentLoaded\", function () {\n\n const menus = document.querySelectorAll('.header__primary > li');\n menus.forEach(menu => {\n const subMenu = menu.querySelector('.header__sub--menu');\n if (!subMenu) {\n menu.classList.add('has-no-child');\n } else {\n menu.classList.add('has-child');\n }\n });\n\n const subMenus = document.querySelectorAll('.header__sub--menu');\n subMenus.forEach(subMenu => {\n const menuItems = subMenu.querySelectorAll('.header__links');\n menuItems.forEach(menuItem => {\n const hasImage = menuItem.querySelector('img');\n if (hasImage) {\n menuItem.classList.add('header__img');\n } else {\n menuItem.classList.add('header__items');\n }\n });\n });\n\n const header = document.querySelector('header');\n const toggleBtn = document.querySelector('.header__toggle');\n const mainNav = document.querySelector('.header__nav');\n const toggleElms = document.querySelectorAll('.header__primary > li.has-child > a');\n\n window.onload = function () {\n setTimeout(function () {\n header.style.opacity = 1;\n }, 200);\n }\n\n // toggle mainMenu\n toggleBtn.onclick = function () {\n toggleBtn.classList.toggle('active');\n mainNav.classList.toggle('active');\n header.classList.toggle('active');\n }\n\n const toggleSubMenu = (event) => {\n const parentListItem = event.target.closest('li');\n parentListItem.classList.toggle('active');\n const siblings = Array.from(parentListItem.parentNode.children);\n siblings.forEach((sibling) => {\n if (sibling !== parentListItem) {\n if (sibling.classList.contains('active')) {\n sibling.classList.remove('active');\n sibling.classList.add('hide-menu');\n }\n } else {\n sibling.classList.remove('hide-menu');\n }\n });\n };\n\n let prevScrollPos = window.pageYOffset;\n\n window.onscroll = function () {\n if (window.innerWidth > 1199) { // Check if window width is above 1200px\n if (window.scrollY > 100) {\n const currentScrollPos = window.pageYOffset;\n\n if (prevScrollPos > currentScrollPos) {\n header.classList.remove('hide-nav');\n } else {\n header.classList.add('hide-nav');\n }\n\n prevScrollPos = currentScrollPos;\n }\n }\n };\n\n // Function to update toggle events\n const updateToggleEvents = () => {\n toggleElms.forEach((toggleElm) => {\n toggleElm.onclick = function (event) {\n if (window.innerWidth < 1200) {\n event.preventDefault();\n }\n toggleSubMenu(event);\n };\n });\n };\n\n // Initialize toggle events\n updateToggleEvents();\n\n // Update toggle events on window resize\n window.onresize = updateToggleEvents;\n});\n","document.addEventListener(\"DOMContentLoaded\", () => {\n const sections = document.querySelectorAll(\".image-slide-with-card\");\n\n sections.forEach((section) => {\n const verticalLine = section.querySelector(\".vertical-line\");\n const imgLeft = section.querySelector(\".img-left\");\n const imgRight = section.querySelector(\".img-right\");\n const container = section.querySelector(\".container\");\n const imgs = section.querySelectorAll(\".img-wrap img\"); // Assume the images on both sides are the same size\n const wrapper = section.querySelector(\".outer-img\");\n\n let isDragging = false;\n\n // Function to set the wrapper's height to match the tallest image height\n function updateWrapperHeight() {\n let maxHeight = 0;\n imgs.forEach((img) => {\n const imgHeight = img.offsetHeight;\n if (imgHeight > maxHeight) {\n maxHeight = imgHeight; // Get the tallest image\n }\n img.style.height = `100%`;\n });\n wrapper.style.height = `${maxHeight}px`; // Apply the height of the tallest image\n }\n\n // Ensure images are fully loaded before calculating height\n const onAllImagesLoaded = () => {\n updateWrapperHeight(); // Call the function after images are loaded\n setTimeout(function () {\n section.style.opacity = 1;\n }, 500);\n };\n\n // Check if all images are loaded\n let imagesLoaded = 0;\n imgs.forEach((img) => {\n if (img.complete) {\n imagesLoaded++;\n } else {\n img.addEventListener(\"load\", () => {\n imagesLoaded++;\n if (imagesLoaded === imgs.length) {\n onAllImagesLoaded();\n }\n });\n }\n });\n\n // As a fallback, ensure updateWrapperHeight is called after a timeout in case load event is missed\n setTimeout(onAllImagesLoaded, 1000);\n\n // Update the wrapper height on window resize\n window.addEventListener(\"resize\", updateWrapperHeight);\n\n // Handle dragging on both touch and mouse devices\n function handleDrag(clientX) {\n let containerRect = container.getBoundingClientRect();\n let offsetX = clientX - containerRect.left;\n\n // Limit the drag within the container\n if (offsetX < 0) offsetX = 0;\n if (offsetX > containerRect.width) offsetX = containerRect.width;\n\n let percentageLeft = (offsetX / containerRect.width) * 100;\n let percentageRight = 100 - percentageLeft;\n\n // Move the vertical line\n verticalLine.style.left = `${percentageLeft}%`;\n\n // Adjust clip-path for both images\n imgLeft.style.clipPath = `inset(0 ${100 - percentageLeft}% 0 0)`;\n imgRight.style.clipPath = `inset(0 0 0 ${percentageLeft}%)`;\n }\n\n // Mouse events\n verticalLine.addEventListener(\"mousedown\", function () {\n isDragging = true;\n });\n\n document.addEventListener(\"mousemove\", function (e) {\n if (!isDragging) return;\n handleDrag(e.clientX);\n });\n\n document.addEventListener(\"mouseup\", function () {\n isDragging = false;\n });\n\n // Touch events\n verticalLine.addEventListener(\"touchstart\", function (e) {\n isDragging = true;\n e.preventDefault(); // Prevent default behavior (like page scroll)\n });\n\n document.addEventListener(\"touchmove\", function (e) {\n if (!isDragging) return;\n const touch = e.touches[0];\n handleDrag(touch.clientX);\n e.preventDefault(); // Prevent the page from scrolling while dragging\n });\n\n document.addEventListener(\"touchend\", function () {\n isDragging = false;\n });\n });\n});\n","const introBlock = document.querySelectorAll(\".intro-block\");\n(\"use strict\");\n\nlet activate = false;\nconst counters = document.querySelectorAll(\".counter\");\n\nwindow.addEventListener(\"scroll\", function () {\n const body = document.querySelector(\n \".card-overlay, .intro-with-card, .stats-with-img\"\n );\n if (body) {\n let topElement = body.offsetTop;\n let bottomElement = topElement + body.clientHeight;\n let topScreen = window.scrollY;\n let bottomScreen = topScreen + window.innerHeight;\n if (bottomScreen > topElement && topScreen < bottomElement && !activate) {\n counters.forEach((counter) => {\n counter.innerText = 0;\n let count = 0;\n function updateCount() {\n const target = +counter.dataset.count;\n if (count < target) {\n count++;\n counter.innerText = count;\n setTimeout(updateCount, 50);\n } else {\n counter.innerText = target;\n }\n }\n updateCount();\n activate = true;\n });\n }\n }\n});\nif (introBlock.length > 0) {\n document.addEventListener(\"DOMContentLoaded\", () => {\n // Select all sections with the class 'intro'\n const introSections = document.querySelectorAll(\".intro-block\");\n\n introSections.forEach((section) => {\n // Check if there is a
tag inside the section\n const hasParagraph = section.querySelector(\"p\") !== null;\n\n // If no
tag is found, add a class to the section\n if (!hasParagraph) {\n section.classList.add(\"no-paragraph\");\n }\n });\n introSections.forEach((section) => {\n // Check if there is a into-description class inside the section\n const hasParagraph = section.querySelector(\".intro-description\") !== null;\n\n // If no into-description class is found, add a class to the section\n // if (!hasParagraph) {\n // section.classList.add('full-width');\n // }\n });\n });\n}\n","const introWithCard = document.querySelectorAll(\".intro-with-card\");\nconst introBlock = document.querySelectorAll(\".intro-with-card .intro-block\");\nconst colThree = document.querySelectorAll(\n \".intro-with-card .wrapp .box .col-three\"\n);\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n if (introWithCard.length > 0) {\n introWithCard.forEach((intro) => {\n const card = intro.querySelectorAll(\".wrapp .box\");\n if (card.length <= 2) {\n intro.classList.add(\"two\");\n } else {\n intro.classList.add(\"three\");\n }\n });\n\n if (!introBlock.length > 0) {\n colThree.forEach((cB) => (cB.style.marginTop = \"0px\"));\n }\n }\n});\n","\"use strict\";\n\nlet activate = false;\nconst counters = document.querySelectorAll(\".counter\");\n\nwindow.addEventListener(\"scroll\", function () {\n const body = document.querySelector(\".intro-with-counter\");\n if (body) {\n let topElement = body.offsetTop;\n let bottomElement = topElement + body.clientHeight;\n let topScreen = window.scrollY;\n let bottomScreen = topScreen + window.innerHeight;\n if (bottomScreen > topElement && topScreen < bottomElement && !activate) {\n counters.forEach((counter) => {\n counter.innerText = 0;\n let count = 0;\n function updateCount() {\n const target = +counter.dataset.count;\n const time = (3 / target) * 1000;\n if (count < target) {\n count++;\n counter.innerText = count;\n setTimeout(updateCount, time);\n } else {\n counter.innerText = target;\n }\n }\n updateCount();\n activate = true;\n });\n }\n }\n});\n","document.addEventListener(\"DOMContentLoaded\", function () {\n const introWithImage = document.querySelectorAll(\".intro-with-image\");\n if (introWithImage.length > 0) {\n introWithImage.forEach((section) => {\n const heading = section.querySelector(\".mobile-view .inner\");\n const headingText = section.querySelector(\".mobile-view .inner h6\");\n const titleWrap = section.querySelector(\".mobile-view .title-wrap\");\n const bottons = section.querySelectorAll(\".mobile-view .title-wrap h6\");\n const innerContent = section.querySelectorAll(\n \".mobile-view .text-content .inner-content\"\n );\n const dots = section.querySelectorAll(\".bg-img .dot\");\n\n innerContent[0].classList.add(\"active\");\n dots[0].classList.add(\"active\");\n // console.log(dots[0].classList);\n bottons[0].classList.add(\"active\");\n\n heading.addEventListener(\"click\", function () {\n titleWrap.classList.toggle(\"active\");\n heading.classList.toggle(\"rotate\");\n });\n\n bottons.forEach((btn, index) => {\n btn.addEventListener(\"click\", function () {\n bottons.forEach((bt) => bt.classList.remove(\"active\"));\n btn.classList.add(\"active\");\n innerContent.forEach((div) => div.classList.remove(\"active\"));\n dots.forEach((dot) => dot.classList.remove(\"active\"));\n headingText.textContent = btn.textContent;\n titleWrap.classList.remove(\"active\");\n dots[index].classList.add(\"active\");\n innerContent[index].classList.add(\"active\");\n heading.classList.toggle(\"rotate\");\n });\n });\n });\n }\n});\n","(function () {\n const introWithParallax = document.querySelectorAll('.intro-with-parallax');\n if (introWithParallax.length > 0) {\n let ticking = false; // Flag to manage requestAnimationFrame\n let lastFrameTime = 0; // Tracks the last frame's timestamp\n\n // Option to set frames per second\n const desiredFPS = 12; // Change this value for a different frame rate\n const frameInterval = 1 / desiredFPS; // Time between frames in ms\n\n const handleScrollingVideoBackgrounds = function () {\n introWithParallax.forEach((element) => {\n const container = element.querySelector('.container');\n const video = element.querySelector('video');\n const items = element.querySelectorAll('.parallax__text--item');\n const numItems = items.length;\n\n if (video) {\n // Calculate scroll-based animation progress\n const topOfElement = element.getBoundingClientRect().top;\n const bottomOfElement = element.getBoundingClientRect().bottom;\n const startPoint = topOfElement;\n const endPoint = bottomOfElement - window.innerHeight;\n const animateDistance = endPoint - startPoint;\n\n let animateRatio = (-1 * startPoint) / animateDistance;\n animateRatio = Math.min(1, Math.max(0, animateRatio)); // Clamp between 0 and 1\n\n const contentFadeDuration = 300;\n const breakpoint = 768;\n\n if (window.innerWidth < breakpoint) {\n // Mobile behavior: show all items\n items.forEach((item) => {\n jQuery(item).fadeIn(1);\n item.classList.remove('next-sib', 'prev-sib');\n });\n } else {\n // Desktop behavior: dynamically fade items based on animateRatio\n const segment = 1 / numItems;\n\n items.forEach((item, index) => {\n const fadeInCondition = animateRatio >= segment * index && animateRatio < segment * (index + 1);\n\n if (fadeInCondition) {\n jQuery(item).fadeIn(contentFadeDuration);\n\n // Remove sibling classes from all items initially\n items.forEach((sibling) => sibling.classList.remove('next-sib', 'prev-sib'));\n\n // Add `next-sib` class to all following siblings\n for (let i = index + 1; i < numItems; i++) {\n items[i].classList.add('next-sib');\n }\n\n // Add `prev-sib` class to all preceding siblings\n for (let i = 0; i < index; i++) {\n items[i].classList.add('prev-sib');\n }\n } else {\n jQuery(item).fadeOut(contentFadeDuration);\n }\n });\n }\n }\n });\n };\n\n function getBrowser() {\n const ua = navigator.userAgent;\n if (ua.includes(\"Safari\") && !ua.includes(\"Chrome\")) return \"safari\";\n return \"chrome\";\n }\n\n document.addEventListener(\"DOMContentLoaded\", function () {\n const video = document.getElementById(\"scroll_video\");\n const sources = video.querySelectorAll(\"source\");\n const browser = getBrowser();\n let selectedSource = \"\";\n\n // Loop through all tags and pick the correct one\n sources.forEach(source => {\n const type = source.getAttribute(\"type\");\n\n if (browser === \"safari\" && type === \"video/mp4\") {\n selectedSource = source.getAttribute(\"src\");\n } else if (browser !== \"safari\" && type === \"video/webm\") {\n selectedSource = source.getAttribute(\"src\");\n }\n });\n\n // If a source was found, update the video src and reload it\n if (selectedSource) {\n video.setAttribute(\"src\", selectedSource);\n video.load();\n }\n\n // Load the scroll-lock scripts after video source is set\n var scriptModule = document.createElement('script');\n scriptModule.src = '/wp-content/themes/autobrains/assets/scripts/scroll-lock/index.8d4d43e7.js';\n scriptModule.type = 'module';\n scriptModule.async = true;\n scriptModule.defer = true;\n document.body.appendChild(scriptModule);\n\n var scriptNoModule = document.createElement('script');\n scriptNoModule.src = '/wp-content/themes/autobrains/assets/scripts/scroll-lock/index.0db9f4e6.js';\n scriptNoModule.setAttribute('nomodule', '');\n scriptNoModule.async = true;\n scriptNoModule.defer = true;\n document.body.appendChild(scriptNoModule);\n });\n\n // Event listeners\n window.addEventListener('scroll', handleScrollingVideoBackgrounds);\n // window.requestAnimationFrame(handleScrollingVideoBackgrounds);\n window.addEventListener('resize', handleScrollingVideoBackgrounds);\n window.addEventListener('DOMContentLoaded', handleScrollingVideoBackgrounds);\n }\n\n\n document.addEventListener(\"DOMContentLoaded\", function () {\n function updateStyles() {\n const textItems = document.querySelectorAll(\".parallax__text\");\n textItems.forEach(item => {\n item.style.opacity = 1; // Apply opacity change to each item\n });\n }\n\n // Delay opacity update on page load\n setTimeout(updateStyles, 1500);\n });\n})();","document.addEventListener(\"DOMContentLoaded\", function () {\n const introWithTab = document.querySelector(\".intro-with-tab\");\n if (introWithTab) {\n const tabs = document.querySelectorAll(\".intro-with-tab .text-wrapper\");\n const contents = document.querySelectorAll(\n \".intro-with-tab .tab-text .img-wrap\"\n );\n const mobileContent = document.querySelector(\n \".intro-with-tab .row .content\"\n );\n const dropDown = document.querySelector(\".intro-with-tab button.open\");\n const dropDownText = dropDown.querySelector(\n \".intro-with-tab .row button span\"\n );\n const contentWrap = document.querySelector(\".intro-with-tab .content-wrap\");\n const animationDuration = 500;\n\n if (tabs.length > 0 && contents.length > 0) {\n tabs[0].classList.add(\"active\");\n contents[0].classList.add(\"active\");\n\n // Copy the first tab's text to drop-down span and hidden content\n const tabHeading = tabs[0].querySelector(\".arrow-wrap\");\n const innerWrap = tabs[0].querySelector(\".inner-wrapper\");\n const firstTabText = tabHeading.textContent;\n const firstTabContent = innerWrap.innerHTML;\n const firstHeading = tabHeading.innerHTML;\n //dropDownText.textContent = firstTabText;\n mobileContent.innerHTML = firstTabContent;\n\n innerWrap.style.height = \"auto\";\n innerWrap.style.display = \"block\";\n }\n\n function slideUp(element) {\n element.animate(\n [{ height: element.scrollHeight + \"px\" }, { height: \"0\" }],\n {\n duration: animationDuration,\n easing: \"ease\",\n }\n ).onfinish = function () {\n element.style.height = \"0\";\n element.style.display = \"none\"; // Hide after animation\n };\n }\n\n function slideDown(element) {\n element.style.display = \"block\"; // Show before animation\n element.animate(\n [{ height: \"0\" }, { height: element.scrollHeight + \"px\" }],\n {\n duration: animationDuration,\n easing: \"ease\",\n }\n ).onfinish = function () {\n element.style.height = element.scrollHeight + \"px\";\n };\n }\n\n tabs.forEach((tab, index) => {\n tab.addEventListener(\"click\", function () {\n if (tab.classList.contains(\"active\")) {\n return;\n }\n const target = this.querySelector(\".inner-wrapper\");\n\n document.querySelectorAll(\".inner-wrapper\").forEach((child) => {\n if (child !== target) {\n slideUp(child);\n }\n });\n\n slideDown(target);\n\n // Remove active class from all tabs and contents\n tabs.forEach((tab) => tab.classList.remove(\"active\"));\n contents.forEach((content) => content.classList.remove(\"active\"));\n\n // Add active class to the clicked tab and corresponding content\n tab.classList.add(\"active\");\n contents[index].classList.add(\"active\");\n dropDown.classList.remove(\"active\");\n\n // Copy tab text to drop-down span and hidden content\n const tabHeading = tab.querySelector(\".arrow-wrap\");\n const headingWrap = tab.querySelector(\".arrow-wrap\");\n const innerWrap = tab.querySelector(\".inner-wrapper\");\n const tabText = tabHeading.textContent;\n\n dropDownText.textContent = tabText;\n const tabContent = innerWrap.innerHTML;\n const headingContent = headingWrap.innerHTML;\n //mobileContent.innerHTML = tabContent;\n mobileContent.innerHTML = tabContent;\n\n if (contentWrap.classList.contains(\"active\")) {\n contentWrap.classList.remove(\"active\");\n }\n });\n });\n dropDown.addEventListener(\"click\", function () {\n contentWrap.classList.toggle(\"active\");\n dropDown.classList.toggle(\"active\");\n });\n }\n});\n","$(document).ready(function () {\n // Initialize Slick Carousel\n $(\".intro-with-video .two-col-block .second-block\").slick({\n dots: true,\n });\n\n const textContent = document.querySelectorAll(\n \".intro-with-video .two-col-block .first-block .text-content\"\n );\n const slickDots = document.querySelectorAll(\n \".intro-with-video .second-block .slick-dots li\"\n );\n\n let current = 0;\n\n // Make sure first text content is active on page load\n if (textContent.length > 0) {\n textContent[0].classList.add(\"active\");\n }\n\n // Create a MutationObserver instance to listen for changes in the active slide\n const observer = new MutationObserver((mutationsList) => {\n for (let mutation of mutationsList) {\n if (\n mutation.type === \"attributes\" &&\n mutation.attributeName === \"class\"\n ) {\n setImage();\n changeContent();\n }\n }\n });\n\n // Iterate over each dot element and observe class changes\n slickDots.forEach((div) => {\n observer.observe(div, {\n attributes: true, // Listen for changes to attributes\n attributeFilter: [\"class\"], // Specifically listen for changes to the 'class' attribute\n });\n });\n\n // Function to update current slide index\n function setImage() {\n slickDots.forEach((dot, index) => {\n if (dot.classList.contains(\"slick-active\")) {\n current = index;\n }\n });\n }\n\n // Function to change text content based on the current slide\n function changeContent() {\n textContent.forEach((tc) => tc.classList.remove(\"active\"));\n if (textContent[current]) {\n textContent[current].classList.add(\"active\");\n }\n }\n});\n","document.addEventListener(\"DOMContentLoaded\", function () {\n const logoSlider = document.querySelector(\".logo-slider\");\n\n // Check if .logo-slider exists and does NOT have the 'no-slider' class\n if (logoSlider && !logoSlider.classList.contains(\"no-slider\")) {\n const off = 60;\n const marqueeContainer = document.querySelector(\n \".logo-slider .content-wrap\"\n );\n const marqueeElements = Array.from(\n document.querySelectorAll(\".logo-slider .content-wrap .logo-item\")\n );\n const speed = 1;\n const stack = [];\n let pause = false;\n\n // Clone items to fill the space\n let totalWidth = marqueeElements.reduce(\n (acc, element) => acc + element.offsetWidth + off,\n 0\n );\n const containerWidth = marqueeContainer.offsetWidth;\n\n // Clone elements until total width exceeds container width\n let clonedElements = [];\n while (totalWidth < containerWidth * 2) {\n // Ensure enough elements for a smooth loop\n marqueeElements.forEach((element) => {\n const clone = element.cloneNode(true);\n marqueeContainer.appendChild(clone);\n clonedElements.push(clone);\n totalWidth += element.offsetWidth + off;\n });\n }\n\n // Add all items (original and cloned) to the stack\n const allElements = [...marqueeElements, ...clonedElements];\n let l = off;\n\n allElements.forEach((element) => {\n const width = element.offsetWidth + off;\n element.style.left = `${l}px`;\n l += width;\n stack.push(element);\n });\n\n function moveMarquee() {\n if (!pause) {\n allElements.forEach((element) => {\n const currentLeft = parseFloat(getComputedStyle(element).left);\n const newLeft = currentLeft - speed;\n\n // If the element moves completely out of view\n if (newLeft + element.offsetWidth < 0) {\n const lastElement = stack[stack.length - 1];\n const lastElementRightEdge =\n parseFloat(getComputedStyle(lastElement).left) +\n lastElement.offsetWidth;\n element.style.left = `${lastElementRightEdge + off}px`;\n stack.shift(); // Remove from the start of the stack\n stack.push(element); // Add to the end of the stack\n } else {\n element.style.left = `${newLeft}px`;\n }\n });\n }\n requestAnimationFrame(moveMarquee);\n }\n\n requestAnimationFrame(moveMarquee);\n }\n});\n","// const counter = document.querySelector('.num-count');\n\n// if (counter) {\n// window.addEventListener(\"load\", function () {\n// setTimeout(function () {\n// const numCountElements = document.querySelectorAll(\".num-count\");\n\n// const observerOptions = {\n// root: null, // relative to the viewport\n// rootMargin: '-30% 0px', // Adjust the offset to target the middle of the screen on scroll\n// threshold: 0 // The element just needs to enter this area to trigger\n// };\n\n// const countUp = (spanElement) => {\n// const target = +spanElement.getAttribute(\"data-count\");\n// let count = 0;\n\n// const updateCount = () => {\n// const increment = target / 100; // adjust for smoothness\n// count = Math.min(count + increment, target);\n// spanElement.textContent = Math.floor(count);\n// if (count < target) {\n// requestAnimationFrame(updateCount);\n// }\n// };\n\n// updateCount();\n// };\n\n// const handleIntersection = (entries, observer) => {\n// entries.forEach(entry => {\n// if (entry.isIntersecting) {\n// const span = entry.target.querySelector('.num-count');\n// if (span) countUp(span);\n// observer.unobserve(entry.target); // stop observing once animation starts\n// }\n// });\n// };\n\n// const observer = new IntersectionObserver(handleIntersection, observerOptions);\n\n// // Observe each parent of .num-count elements\n// numCountElements.forEach(numCount => {\n// const parent = numCount.parentElement; // Get the parent of the .num-count element\n// observer.observe(parent); // Observe the parent element\n\n// // Immediate check if the element is already visible on page load\n// const rect = parent.getBoundingClientRect();\n// if (rect.top >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)) {\n// const span = parent.querySelector('.num-count');\n// if (span) countUp(span);\n// observer.unobserve(parent); // Stop observing once counting has started\n// }\n// });\n// }, 500);\n// });\n// }\n\nconst counter = document.querySelector('.num-count');\n\nif (counter) {\n window.addEventListener(\"load\", function () {\n setTimeout(function () {\n const numCountElements = document.querySelectorAll(\".num-count\");\n const startCountButtons = document.querySelectorAll(\".start-count\"); // Buttons to trigger counting\n\n const observerOptions = {\n root: null, // relative to the viewport\n rootMargin: '-30% 0px', // Adjust the offset to target the middle of the screen on scroll\n threshold: 0 // The element just needs to enter this area to trigger\n };\n\n const countUp = (spanElement, duration) => {\n const target = +spanElement.getAttribute(\"data-count\");\n let count = 0;\n\n // Adjust the increment based on the target value and dynamic duration\n const increment = target / (duration / 16); // 16ms per frame for 60 FPS\n\n const updateCount = () => {\n count += increment;\n spanElement.textContent = Math.floor(count);\n\n if (count < target) {\n requestAnimationFrame(updateCount);\n } else {\n spanElement.textContent = target; // Ensure final value is set correctly\n }\n };\n\n updateCount();\n };\n\n const startCounting = (wrapper) => {\n const spans = wrapper.querySelectorAll('.num-count');\n const maxNumber = Math.max(...Array.from(spans).map(span => +span.getAttribute('data-count')));\n\n spans.forEach(span => {\n span.textContent = \"0\"; // Reset to 0 for counting\n\n // Set a base duration for the largest number\n const baseDuration = 2000; // 2 seconds for the largest number\n const targetNumber = +span.getAttribute('data-count');\n const duration = (targetNumber / maxNumber) * baseDuration; // Duration proportional to the number size\n\n countUp(span, duration);\n });\n };\n\n const handleIntersection = (entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n startCounting(entry.target);\n observer.unobserve(entry.target); // Stop observing once animation starts\n }\n });\n };\n\n const observer = new IntersectionObserver(handleIntersection, observerOptions);\n\n // Observe each parent of .num-count elements\n numCountElements.forEach(numCount => {\n const parent = numCount.parentElement; // Get the parent of the .num-count element\n observer.observe(parent); // Observe the parent element\n\n // Immediate check if the element is already visible on page load\n const rect = parent.getBoundingClientRect();\n if (rect.top >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)) {\n const span = parent.querySelector('.num-count');\n startCounting(parent);\n observer.unobserve(parent); // Stop observing once counting has started\n }\n });\n\n // Add click event listener to all buttons\n startCountButtons.forEach(button => {\n button.addEventListener('click', (event) => {\n // Get the closest section related to the button\n const section = button.closest('section');\n if (section) {\n const wrappers = section.querySelectorAll('.num-count'); // Get the corresponding container for this section\n wrappers.forEach(wrapper => {\n const numParent = wrapper.parentElement;\n if (numParent) {\n startCounting(numParent);\n observer.unobserve(numParent); // Stop observing if clicked manually\n }\n });\n }\n });\n });\n }, 500);\n });\n}","document.addEventListener('DOMContentLoaded', () => {\n const parallaxElements = document.querySelectorAll('.parallax--img img');\n\n function handleScroll() {\n const scrollPos = window.scrollY;\n const height = window.innerHeight;\n\n parallaxElements.forEach(function (element) {\n if (window.innerWidth > 991) { // Apply styles only if window width is greater than 767px\n const parent = element.parentNode;\n const parentHeight = parent.getBoundingClientRect().height;\n const elementTop = element.getBoundingClientRect().top;\n const elementHeight = window.pageYOffset + element.getBoundingClientRect().top;\n\n // Adjust the top position of the element if needed\n element.style.top = `${(parentHeight - 100) / 100}px`;\n\n let translate;\n // Adjust the speed of the parallax effect here\n translate = (height - elementTop - 250) / 1.2; // Adjust speed for desktop\n\n if (elementHeight - height < scrollPos) {\n element.style.transform = `translate3d(0, ${translate}px, 0)`;\n }\n } else {\n // Remove styles if window width is less than or equal to 767px\n element.style.transform = '';\n element.style.top = '';\n }\n });\n }\n\n // Run the function on scroll\n window.addEventListener('scroll', handleScroll);\n\n // Run the function initially to set styles correctly based on the current window size\n handleScroll();\n});\n","function adjustQuoteImageHeight() {\n const quoteImage = document.querySelector(\".quote-image\");\n const boxParent = document.getElementById(\"boxParent\");\n const contentWrap = document.getElementById(\"contentWrap\");\n\n if (quoteImage && boxParent && contentWrap) {\n const quoteImageRect = quoteImage.getBoundingClientRect();\n const boxParentRect = boxParent.getBoundingClientRect();\n const contentWrapRect = contentWrap.getBoundingClientRect();\n\n const contentWrapBottom = contentWrapRect.bottom - quoteImageRect.top;\n\n const quoteImagePaddingBottom = parseFloat(\n getComputedStyle(quoteImage).paddingBottom\n );\n const totalHeight =\n Math.max(contentWrapBottom, boxParentRect.bottom - quoteImageRect.top) +\n quoteImagePaddingBottom;\n\n quoteImage.style.height = `${totalHeight}px`;\n } else {\n console.error(\"One or more elements not found:\", {\n quoteImage,\n boxParent,\n contentWrap,\n });\n }\n}\n\nfunction init() {\n if (document.querySelector(\".quote-image\")) {\n adjustQuoteImageHeight();\n window.onresize = adjustQuoteImageHeight;\n }\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", init);\n","document.addEventListener(\"DOMContentLoaded\", function () {\n (function ($) {\n var sticky = document.querySelector(\".sticky-nav\");\n if (sticky != null) {\n var stickySidebar = document.querySelector(\n \".sticky-nav .outer-container\"\n );\n var headerDiv = document.querySelector(\"header\");\n var prevScrollpos = window.pageYOffset;\n var prevIndex = -1; // Initialize to -1 to handle the first click differently\n\n function posStickyNav() {\n var stickyNav = document.querySelector(\".sticky-nav\");\n var stickyNavHeight = stickyNav.offsetHeight;\n if (stickyNav.classList.contains(\"overlap\")) {\n var stickyPos = stickyNavHeight / 2;\n var nxtBlade = stickyNav.nextElementSibling;\n stickyNav.style.marginTop = -stickyPos + \"px\";\n nxtBlade.style.marginTop = -stickyPos + \"px\";\n nxtBlade.style.paddingTop = stickyPos + stickyPos + \"px\";\n }\n }\n posStickyNav();\n\n function stickify(wrapper, stickyEl) {\n var headerHeight = headerDiv.offsetHeight;\n var stickyHeight = stickyEl.offsetHeight;\n var stop;\n var scrollTop = window.pageYOffset;\n var currentScrollPos = window.pageYOffset;\n var nextBlade = document.querySelector(\"footer\");\n var limit = nextBlade.offsetTop - stickyHeight - 200;\n\n if (headerDiv.classList.contains(\"hide-nav\")) {\n stop = sticky.offsetTop;\n } else {\n stop = sticky.offsetTop - headerHeight;\n }\n\n if (scrollTop >= stop) {\n // Add the 'sticky-active' class when sticky becomes fixed\n sticky.classList.add(\"sticky-active\");\n\n stickyEl.style.position = \"fixed\";\n stickyEl.style.transition = \"top .3s ease-in-out\";\n\n if (window.innerWidth > 1199) {\n stickyEl.style.top = headerDiv.classList.contains(\"hide-nav\")\n ? \"0px\"\n : headerHeight + \"px\";\n } else {\n stickyEl.style.top = headerHeight + \"px\";\n }\n\n if (prevScrollpos <= currentScrollPos) {\n } else {\n stickyEl.style.top = headerHeight - 1 + \"px\";\n }\n prevScrollpos = currentScrollPos;\n } else {\n // Remove the 'sticky-active' class when sticky is not fixed\n sticky.classList.remove(\"sticky-active\");\n\n stickyEl.style.position = \"relative\";\n stickyEl.style.top = \"\";\n stickyEl.style.transition = \"\";\n }\n if (scrollTop > limit) {\n stickyEl.style.position = \"relative\";\n stickyEl.style.top = headerHeight - stickyHeight + \"px\";\n }\n }\n stickify(sticky, stickySidebar);\n\n document.addEventListener(\"scroll\", function () {\n stickify(sticky, stickySidebar);\n });\n\n window.addEventListener(\"resize\", function () {\n stickify(sticky, stickySidebar);\n posStickyNav();\n });\n\n var navLinks = document.querySelectorAll('.sticky-nav li a[href*=\"#\"]');\n navLinks.forEach(function (link, index) {\n link.addEventListener(\"click\", function (e) {\n e.preventDefault();\n var sectionId = this.getAttribute(\"href\").substring(1);\n var el = document.getElementById(sectionId);\n var headerHeight = headerDiv.offsetHeight;\n var stickyHeight = stickySidebar.offsetHeight;\n var headerIsHidden = headerDiv.classList.contains(\"hide-nav\");\n\n var offsetPosition = el.offsetTop - stickyHeight;\n\n if (prevIndex === -1) {\n // On the first click, handle header height differently\n offsetPosition = el.offsetTop - stickyHeight;\n } else if (index > prevIndex) {\n // Moving forward, header hides\n offsetPosition -= headerIsHidden ? 0 : headerHeight;\n } else {\n // Moving backward\n if (index === navLinks.length - 1) {\n // Special handling for the last link when coming backward\n offsetPosition -= headerHeight;\n } else {\n // General backward navigation\n offsetPosition -= headerHeight;\n }\n }\n\n // Scroll to the correct position\n window.scrollTo({\n top: offsetPosition,\n behavior: \"smooth\",\n });\n\n prevIndex = index; // Update the previous index\n\n const dropBtn = document.querySelector(\".sticky-nav .drop-btn\");\n if (!dropBtn.classList.contains(\"active\")) {\n dropBtn.classList.add(\"active\");\n } else {\n dropBtn.classList.remove(\"active\");\n }\n });\n });\n\n // Keep current link active on scroll\n var sections = document.querySelectorAll(\"section[id]\");\n window.addEventListener(\"scroll\", navHighlighter);\n\n function navHighlighter() {\n var headerHeight = headerDiv.offsetHeight;\n var stickyHeight = stickySidebar.offsetHeight;\n let scrollY = window.pageYOffset;\n var dropDownBtn = document.querySelector(\".sticky-nav .drop-btn span\");\n\n sections.forEach((current) => {\n const sectionTop =\n current.offsetTop - headerHeight - stickyHeight - 2;\n const sectionHeight = current.offsetHeight;\n const sectionId = current.getAttribute(\"id\");\n\n if (scrollY > sectionTop && scrollY <= sectionTop + sectionHeight) {\n $(\".sticky-nav a[href*=\" + sectionId + \"]\").addClass(\"active\");\n var activeTab = document.querySelector(\n \".sticky-nav a[href*=\" + sectionId + \"]\"\n ).innerText;\n dropDownBtn.innerText = activeTab;\n } else {\n $(\".sticky-nav a[href*=\" + sectionId + \"]\").removeClass(\"active\");\n }\n });\n }\n\n // Dropdown handling\n var linkToggle = document.querySelectorAll(\".sticky-nav .drop-btn\");\n var dropDown = document.querySelector(\".sticky-nav .nav-wrap\");\n linkToggle.forEach(function (btn) {\n btn.addEventListener(\"click\", function (event) {\n event.preventDefault();\n if (!dropDown.classList.contains(\"active\")) {\n dropDown.classList.add(\"active\");\n dropDown.style.height = \"auto\";\n var height = dropDown.clientHeight + \"px\";\n dropDown.style.height = \"0px\";\n this.classList.add(\"active\");\n setTimeout(function () {\n dropDown.style.height = height;\n }, 0);\n } else {\n dropDown.style.height = \"0px\";\n dropDown.addEventListener(\n \"transitionend\",\n function () {\n dropDown.classList.remove(\"active\");\n },\n {\n once: true,\n }\n );\n this.classList.remove(\"active\");\n }\n });\n });\n\n var navLink = document.querySelectorAll(\".sticky-nav li a\");\n navLink.forEach(function (link) {\n link.addEventListener(\"click\", function (event) {\n event.preventDefault();\n dropDown.classList.remove(\"active\");\n var linkText = this.innerText;\n document.querySelector(\".sticky-nav .drop-btn span\").innerText =\n linkText;\n });\n });\n }\n })(jQuery);\n});\n","document.addEventListener(\"DOMContentLoaded\", function () {\n if (document.querySelectorAll(\".tab-with-img\").length > 0) {\n const tabWithImg = document.querySelectorAll(\".tab-with-img\");\n const desktopButtons = document.querySelectorAll(\".tab-with-img .tab-body .tab h6\");\n const dd = document.querySelectorAll(\".tab-with-img .tab-body .tab .wrap-heading\");\n const data = document.querySelectorAll(\".tab-with-img .tab-content-img .img-tab\");\n const tabData = document.querySelectorAll(\".tab-with-img .tab-content .tab-data\");\n //const mobileContent = document.querySelector('.tab-with-img .tab-body .tab');\n const contentWrap = document.querySelector(\".tab-with-img .tab-body .tab\");\n const dropDown = document.querySelector(\".tab-with-img button.open\");\n const tabheading = document.querySelector(\".tab-with-img .tab-body button span\");\n \n if(tabWithImg){\n if (data.length > 0) {\n data[0].classList.add(\"active\");\n desktopButtons[0].classList.add(\"active\");\n desktopButtons.forEach((btn, index) => {\n btn.addEventListener(\"click\", function () {\n desktopButtons.forEach((btn) => btn.classList.remove(\"active\"));\n data.forEach((image) => image.classList.remove(\"active\"));\n btn.classList.add(\"active\");\n data[index].classList.add(\"active\");\n dropDown.classList.remove('active');\n if (contentWrap.classList.contains('active')) {\n contentWrap.classList.remove('active');\n }\n tabheading.textContent = btn.textContent;\n // const sourceText = dd.innerHTML;\n // dropDown.innerHTML = sourceText;\n });\n });\n }\n else {\n tabData[0].classList.add(\"active\");\n desktopButtons[0].classList.add(\"active\");\n desktopButtons.forEach((btn, index) => {\n btn.addEventListener(\"click\", function () {\n desktopButtons.forEach((btn) => btn.classList.remove(\"active\"));\n tabData.forEach((image) => image.classList.remove(\"active\"));\n btn.classList.add(\"active\");\n desktopButtons.textContent = btn.textContent;\n tabData[index].classList.add(\"active\");\n dropDown.classList.remove('active');\n if (contentWrap.classList.contains('active')) {\n contentWrap.classList.remove('active');\n }\n tabheading.textContent = btn.textContent;\n // const sourceText = dd.innerHTML;\n // dropDown.innerHTML = sourceText;\n });\n });\n }\n \n \n\n //dropDownText.textContent = firstTabText;\n dropDown.addEventListener('click', function () {\n contentWrap.classList.toggle('active');\n dropDown.classList.toggle('active');\n });\n \n }\n }\n});\n","// document.addEventListener(\"DOMContentLoaded\", function () {\n// const section = document.querySelector(`.tab-with-video`);\n\n// if (section) {\n// const video = section.querySelector('video');\n// const timeStamps = section.querySelectorAll('.time-stamp');\n// // const timestampOverlay = document.getElementById('video-timestamp');\n// let isPaused = false; // Flag to track if the video should pause on the clicked timestamp\n// let clickedTime = null; // Variable to store the clicked timestamp time\n// let autoActive = true; // Flag to control the automatic active class rotation\n// let easeInterval = null; // Interval to smoothly transition to the clicked time\n// const pauseBuffer = 0; // Buffer time in seconds to delay pausing the video\n\n// // Functionality for the current timestamp highlighting\n// video.addEventListener('timeupdate', function () {\n// const currentTime = video.currentTime;\n// // const minutes = Math.floor(currentTime / 60);\n// // const seconds = Math.floor(currentTime % 60);\n\n// // Update the timestamp display\n// // timestampOverlay.textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\n\n// if (autoActive) {\n// timeStamps.forEach((stamp) => {\n// const time = parseFloat(stamp.getAttribute('data-time'));\n\n// if (currentTime >= time - 1 && currentTime < time + 1) {\n// // Remove active class from all time stamps after 2.4 seconds\n// setTimeout(() => {\n// timeStamps.forEach((s) => s.classList.remove('active'));\n// }, 2600);\n\n// // Add active class to the current time stamp\n// stamp.classList.add('active');\n// }\n// });\n// }\n\n// // Pause the video if it reaches the clicked timestamp plus buffer\n// if (isPaused && clickedTime !== null && currentTime >= (clickedTime + pauseBuffer) && currentTime < (clickedTime + pauseBuffer + 1)) {\n// video.pause();\n// isPaused = false; // Reset flag after pausing\n// clearInterval(easeInterval); // Clear the easing interval\n// }\n// });\n\n// // Add click event listeners to each timestamp (this should only happen once)\n// timeStamps.forEach(timeStamp => {\n// timeStamp.addEventListener('click', function () {\n// timeStamps.forEach((s) => s.classList.remove('active'));\n// timeStamp.classList.add('active');\n\n// const targetTime = parseFloat(timeStamp.getAttribute('data-time'));\n\n// // Stop automatic active class rotation\n// autoActive = false;\n\n// // Start easing towards the clicked timestamp\n// easeToTime(targetTime);\n\n// // Set the clicked timestamp so the video pauses when it reaches this time plus buffer\n// clickedTime = targetTime;\n// isPaused = true; // Set flag to pause the video when it reaches the clicked timestamp plus buffer\n// });\n// });\n\n// // Function to ease the video towards the target time\n// function easeToTime(targetTime) {\n// clearInterval(easeInterval); // Clear any existing interval to prevent conflicts\n\n// const currentTime = video.currentTime;\n// const forward = targetTime > currentTime; // Determine if moving forward or backward\n// const increment = Math.abs(targetTime - currentTime) / 20; // Adjust increment based on the jump size\n// const intervalTime = 70; // Time between each increment\n\n// // Start playing the video if it's paused\n// video.play();\n\n// // Smoothly move the video towards the target time\n// easeInterval = setInterval(() => {\n// if (forward) {\n// // Move forward in time\n// if (video.currentTime < targetTime) {\n// video.currentTime = Math.min(video.currentTime + increment, targetTime); // Increment time\n// } else {\n// clearInterval(easeInterval); // Clear the interval if the target is reached\n// }\n// } else {\n// // Move backward in time\n// if (video.currentTime > targetTime) {\n// video.currentTime = Math.max(video.currentTime - increment, targetTime); // Decrement time\n// } else {\n// clearInterval(easeInterval); // Clear the interval if the target is reached\n// }\n// }\n// }, intervalTime); // Adjust interval timing for smoother transitions\n// }\n\n// // Drop down functionality\n// const toggleDropDown = section.querySelector(`.dropDown`);\n// const dropDown = section.querySelector(`.tab`);\n\n// toggleDropDown.addEventListener('click', function () {\n// dropDown.classList.toggle('active');\n// toggleDropDown.classList.toggle('active');\n// });\n\n// dropDown.addEventListener('click', function () {\n// dropDown.classList.toggle('active');\n// toggleDropDown.classList.toggle('active');\n// });\n// }\n// });\n\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n const section = document.querySelector(`.tab-with-video`);\n\n if (section) {\n const video = section.querySelector('video');\n const timeStamps = section.querySelectorAll('.time-stamp');\n let isPaused = false; // Flag to pause the video at the end of the timestamp\n let activeTimeRange = null; // Variable to store the active time range (start and end)\n let autoLoopActive = true; // Flag to allow automatic active class during video looping\n\n // Functionality to handle pausing the video at the end of the clicked time range\n video.addEventListener('timeupdate', function () {\n const currentTime = video.currentTime;\n\n // Automatically add active class based on video time during looping\n if (autoLoopActive) {\n timeStamps.forEach(timeStamp => {\n const timeStart = parseFloat(timeStamp.getAttribute('data-time-start'));\n const timeEnd = parseFloat(timeStamp.getAttribute('data-time-end'));\n\n if (currentTime >= timeStart && currentTime <= timeEnd + 1) {\n // Add active class when video is within the time range\n timeStamp.classList.add('active');\n } else {\n // Remove active class 1 second after the end time\n timeStamp.classList.remove('active');\n }\n });\n }\n\n // Pause the video if it reaches the clicked time range's end time\n if (activeTimeRange !== null && currentTime >= activeTimeRange.end) {\n // video.pause(); // Pause video when it reaches the end time\n activeTimeRange = null; // Reset active range after pausing\n }\n });\n\n // Add click event listeners to each timestamp\n timeStamps.forEach(timeStamp => {\n timeStamp.addEventListener('click', function () {\n // Remove active class from all time stamps\n timeStamps.forEach((s) => s.classList.remove('active'));\n timeStamp.classList.add('active');\n\n const timeStart = parseFloat(timeStamp.getAttribute('data-time-start'));\n const timeEnd = parseFloat(timeStamp.getAttribute('data-time-end'));\n\n // Set the clicked timestamp's start and end time as the active range\n activeTimeRange = { start: timeStart, end: timeEnd };\n\n // Disable automatic active class addition while manually controlling the video\n // autoLoopActive = false;\n\n // Jump to the `data-time-start` and play the video\n video.currentTime = timeStart;\n video.play();\n });\n });\n\n // Re-enable autoLoopActive when the video loops naturally\n video.addEventListener('ended', function () {\n autoLoopActive = true;\n });\n\n // Drop down functionality\n const toggleDropDown = section.querySelector(`.dropDown`);\n const dropDownText = section.querySelector('.dropDown h6');\n const dropDown = section.querySelector(`.tab`);\n const dropDownItems = section.querySelectorAll('.time-stamp');\n\n toggleDropDown.addEventListener('click', function () {\n dropDown.classList.toggle('active');\n toggleDropDown.classList.toggle('active');\n });\n\n dropDownItems.forEach(dropDownItem => {\n dropDownItem.addEventListener('click', function () {\n dropDownText.textContent = dropDownItem.textContent;\n dropDown.classList.remove('active');\n toggleDropDown.classList.remove('active');\n });\n });\n }\n});\n\n\n","const timeline = document.querySelector(\".timeline\");\n\nif (timeline) {\n // Select all elements with the class \"timeline-item\"\n const timelineItems = timeline.querySelectorAll(\".timeline-item\");\n\n // Loop through the timeline items and add \"reverse\" to every alternate item\n timelineItems.forEach((item, index) => {\n if (index % 2 !== 0) {\n // Add the class to every second item (odd index)\n item.classList.add(\"reverse\");\n }\n });\n}\n","(function ($) {\n $(document).ready(function () {\n $(document).on(\"click\", \".video-active\", \".play-video\", function (e) {\n e.preventDefault();\n var linkval = $(this).attr(\"data-video\");\n var video_type = $(this).attr(\"data-type\");\n var url = linkval;\n linkval = linkval.split(\" \")[0];\n var autoplay = linkval.includes(\"autoplay=1\") ? \"\" : \"?autoplay=1&mute=1&feature=youtu.be\";\n\n $(\".video-overlay\").addClass(\"active\");\n $(\"body\").css(\"overflow\", \"hidden\");\n\n if (url.includes(\"youtube.com\") || url.includes(\"youtu.be\") || url.includes(\"youtube-nocookie.com\")) {\n var newUrl = getVideoId(url);\n if ($(\".video-overlay .video-container > iframe\").length == 0) {\n $('')\n .appendTo($(\".video-overlay .video-container\"));\n }\n var youtubeBase = url.includes(\"youtube-nocookie.com\")\n ? \"//www.youtube-nocookie.com/embed/\"\n : \"//www.youtube.com/embed/\";\n\n $(\".video-overlay .video-container > iframe\").attr(\"src\", youtubeBase + newUrl + \"?autoplay=1\");\n } else if (url.includes(\"brightcove.net\")) {\n $(\".video-overlay .video-container > iframe\").attr(\"src\", url + \"&autoplay\");\n } else if (url.includes(\"studio.brightcove\") || video_type == \"brightcove\") {\n var video_id = url.substring(url.lastIndexOf(\"/\") + 1);\n var iframecode =\n '' +\n '';\n $(\".video-overlay .video-container\").html(iframecode);\n } else {\n $(\".video-overlay .video-container > iframe\").attr(\"src\", url + \"?autoplay=1\");\n }\n $(\".video-overlay\").css({ display: \"block\", visibility: \"visible\" });\n });\n\n $(document).on(\"click\", \".video-overlay .closeVideo, .video-overlay\", function (e) {\n $(\".video-overlay\").removeClass(\"active\");\n $(\".video-overlay\").css({ display: \"none\", visibility: \"hidden\" });\n $(\"body\").css(\"overflow\", \"inherit\");\n $(\".video-overlay iframe\").attr(\"src\", \"\");\n $(\".video-overlay .video-container #myPlayerID\").remove();\n });\n\n $(\".video-overlay .video-container\").click(function (e) {\n e.stopPropagation();\n });\n\n function getVideoId(url) {\n var regExp = /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube\\.com|youtube-nocookie\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|v\\/)?)([\\w\\-]+)(\\S+)?$/;\n var match = url.match(regExp);\n return match && match[5].length === 11 ? match[5] : \"error\";\n }\n });\n})(jQuery);\n","const tabsOuter = document.querySelector(\".video-slider .tabs-outer\");\nconst imgWrap = document.querySelectorAll(\n \".video-slider .tabs-outer .img-wrap\"\n);\nconst nextBtn = document.querySelector(\".video-slider .nextBtn\");\nconst prevBtn = document.querySelector(\".video-slider .prevBtn\");\nconst textContent = document.querySelectorAll(\".video-slider .text-content h6\");\n\nlet currentIndex = 0;\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n if (document.querySelectorAll(\".video-slider\").length > 0) {\n nextBtn.addEventListener(\"click\", function () {\n if (currentIndex === imgWrap.length - 1) {\n currentIndex = 0;\n } else {\n currentIndex++;\n }\n setPosition();\n setTextPosition();\n });\n prevBtn.addEventListener(\"click\", function () {\n if (currentIndex === 0) {\n currentIndex = imgWrap.length - 1;\n } else {\n currentIndex--;\n }\n setPosition();\n setTextPosition();\n });\n\n setPosition();\n setTextPosition();\n\n function setPosition() {\n imgWrap.forEach((box, index) => {\n box.classList.remove(\"nextSlide\");\n box.classList.remove(\"activeSlide\");\n box.classList.remove(\"lastSlide\");\n let position = \"nextSlide\";\n if (currentIndex === index) {\n position = \"activeSlide\";\n } else if (\n index === currentIndex - 1 ||\n (currentIndex === 0 && index === imgWrap.length - 1)\n ) {\n position = \"lastSlide\";\n }\n box.classList.add(position);\n });\n }\n\n function setTextPosition() {\n textContent.forEach((p, index) => {\n p.classList.remove(\"nextP\");\n p.classList.remove(\"activeP\");\n p.classList.remove(\"lastP\");\n let position = \"nextP\";\n if (currentIndex === index) {\n position = \"activeP\";\n } else if (\n index === currentIndex - 1 ||\n (currentIndex === 0 && index === textContent.length - 1)\n ) {\n position = \"lastP\";\n }\n p.classList.add(position);\n });\n }\n textContent.forEach((h6, index) => {\n h6.addEventListener(\"click\", function () {\n currentIndex = index;\n setPosition();\n setTextPosition();\n });\n });\n }\n});\n","// wysiwyg-editor.js\n\n$(document).ready(function () {\n var $wysiwygEditorSection = $(\"section.wysiwyg-editor\");\n\n if ($wysiwygEditorSection.length > 0) {\n // Check if any section exists above the wysiwyg-editor section\n var $prevSection = $wysiwygEditorSection.prev(\"section\");\n\n if ($prevSection.length === 0) {\n // No section exists above, add padding-top\n $wysiwygEditorSection.css(\"padding-top\", \"163px\");\n\n // Add media query to adjust padding-top for specific screen sizes\n $(window).on(\"resize\", function () {\n if ($(window).width() >= 1200 && $(window).width() <= 1400) {\n $wysiwygEditorSection.css(\"padding-top\", \"140px\");\n } else {\n $wysiwygEditorSection.css(\"padding-top\", \"163px\");\n }\n });\n } else {\n // Do Nothing :)\n }\n }\n});\n"],"sourceRoot":"assets/scripts/"}