PageSourceSearch

https://xtenav.com/

html xtenav.com collected 2026-10-02 10:53:41 UTC 531,348 bytes, 12,198 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3<head><meta charset="UTF-8">
3<script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script>
3<script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.5",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseout","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),await this.T(),await this.F(),await this.j(),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise(t=>setTimeout(t,500-Date.now()+this.lastTouchEnd)),this.I(),this.H(),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))},{isRocket:!0})}o(){window.addEventListener("pageshow",t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0},{isRocket:!0}),window.addEventListener("pagehide",()=>{this.onFirstUserAction=null},{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",function i(o){o.changedTouches[0]&&t.changedTouches[0]&&Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}),"INPUT"===o.target.tagName&&"text"===o.target.type||(o.target.dispatchEvent(new TouchEvent("touchend",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new MouseEvent("mouseover",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0,detail:1,clientX:o.changedTouches[0].clientX,clientY:o.changedTouches[0].clientY})),event.preventDefault()))},{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,t.composedPath&&t.composedPath()[0].getRootNode()instanceof ShadowRoot&&(t.rocketTarget=t.composedPath()[0]),this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach(t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.addEventListener("visibilitychange",this.userEventHandler,{isRocket:!0})}U(){this.userEvents.forEach(t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.removeEventListener("visibilitychange",this.userEventHandler,{isRocket:!0}),this.savedUserEvents.forEach(t=>{(t.rocketTarget||t.target).dispatchEvent(new window[t.constructor.name](t.type,t))})}m(){const t="return false",e=Array.from(this.attributeEvents,t=>"data-rocket-"+t),i="["+this.attributeEvents.join("],[")+"]",o="[data-rocket-"+this.attributeEvents.join("],[data-rocket-")+"]",s=(e,i,o)=>{o&&o!==t&&(e.setAttribute("data-rocket-"+i,o),e["rocket"+i]=new Function("event",o),e.setAttribute(i,t))};new MutationObserver(t=>{for(const n of t)"attributes"===n.type&&(n.attributeName.startsWith("data-rocket-")||this.everythingLoaded?n.attributeName.startsWith("data-rocket-")&&this.everythingLoaded&&this.N(n.target,n.attributeName.substring(12)):s(n.target,n.attributeName,n.target.getAttribute(n.attributeName))),"childList"===n.type&&n.addedNodes.forEac
3h(t=>{if(t.nodeType===Node.ELEMENT_NODE)if(this.everythingLoaded)for(const i of[t,...t.querySelectorAll(o)])for(const t of i.getAttributeNames())e.includes(t)&&this.N(i,t.substring(12));else for(const e of[t,...t.querySelectorAll(i)])for(const t of e.getAttributeNames())this.attributeEvents.includes(t)&&s(e,t,e.getAttribute(t))})}).observe(document,{subtree:!0,childList:!0,attributeFilter:[...this.attributeEvents,...e]})}I(){this.attributeEvents.forEach(t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach(e=>{this.N(e,t)})})}N(t,e){const i=t.getAttribute("data-rocket-"+e);i&&(t.setAttribute(e,i),t.removeAttribute("data-rocket-"+e))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick||null},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalAddEventListener.call(this,e,i,o):(t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o}),"mouseenter"!==e&&"mouseleave"!==e||t.originalAddEventListener.call(this,e,t.savedUserEvents.push,o))},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}J(t,e){this.savedEventListeners=this.savedEventListeners.filter(i=>{let o=i.type,s=i.target||window;return e!==o||t!==s||(this.B(o,s)&&(i.type="rocket-"+o),this.$(i),!1)})}H(){EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener,this.savedEventListeners.forEach(t=>this.$(t))}$(t){t.remove?this.originalRemoveEventListener.call(t.target,t.type,t.func,t.options):this.originalAddEventListener.call(t.target,t.type,t.func,t.options)}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map(t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e})),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,()=>{e[t].forEach(t=>t())},{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout(()=>i.bind(document)(o)):i.bind(document)(o)}return"function"==typeof i&&(t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s)),this},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async R(){return new Promise(t=>{this.userActionTriggered?t():this.onFirstUserAction=t})}async L(){return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>{this.realDomReadyFired=!0,t()},{isRocket:!0})})}async j(){return this.realWindowLoadedFired?Promise.resolve():new Promise(t=>{window.addEventListener("load",t,{isRocket:!0})})}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver(t=>
3{for(const e of t)e.addedNodes.forEach(t=>{"SCRIPT"!==t.tagName||!t.src||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise(e=>{const i=()=>{const i=this.pendingScripts.findIndex(e=>e.script===t);i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)})})})}),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async F(){await this.X(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.F()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach(t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)})}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach(e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}}),t=[...new Map(t.map(t=>[JSON.stringify(t),t])).values()],this.Y(t,"preconnect")}
3async G(t){if(await this.K(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise(e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach(t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))}),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",()=>{i.setAttribute("data-rocket-status","failed-network"),e()},{isRocket:!0}),setTimeout(()=>{i.isConnected||e()},1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.G(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())},{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}});t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.G(e),this.C(t)):Promise.resolve()}O(){this.Y([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}Y(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach(t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}}),document.head.appendChild(o)}W(){this.trash.forEach(t=>t.remove())}async T(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(document,"DOMContentLoaded"),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.K(),this.J(window,"DOMContentLoaded"),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(window,"load"),window.dispatchEvent(new Event("rocket-load")),await this.K(),window.rocketonload&&window.rocketonload(),await this.K(),this.allJQueries.forEach(t=>t(window).trigger("rocket-jquery-load")),await this.K(),this.J(window,"pageshow");const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.K(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async K(){Date.now()-this.lastBreath>45&&(await this.X(),this.lastBreath=Date.now())}async X(){return document.hidden?new Promise(t=>setTimeout(t)):new Promise(t=>requestAnimationFrame(t))}B(t,e=window){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})();
4</script>
4
5    <!-- Google Tag Manager -->
6<script>
vendor: 327 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10})(window,document,'script','dataLayer','
10GTM-K548B4B
vendor: 3 bytes, line 10
10');
10</script>
10
11<!-- End Google Tag Manager -->
12    
13    <meta name="viewport" content="width=device-width, initial-scale=1.0">
14    <link rel="preload" as="image" href="https://xtenav.com/wp-content/uploads/2026/04/bg-scaled.webp" fetchpriority="high">
15<link rel="preload" as="image" href="https://xtenav.com/wp-content/uploads/2026/04/bg-grids-3.png" fetchpriority="high">
16    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
17<link rel="canonical" href="https://xtenav.com/" />
18
19	<!-- This site is optimized with the Yoast SEO plugin v20.1 - https://yoast.com/wordpress/plugins/seo/ -->
20	<title>XTEN-AV: AI Tool for AV Design, Proposal &amp; Project Management</title>
21<link data-rocket-prefetch href="https://snap.licdn.com" rel="dns-prefetch">
22<link data-rocket-prefetch href="https://www.datadoghq-browser-agent.com" rel="dns-prefetch">
23<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
24<link data-rocket-prefetch href="https://fonts.googleapis.com" rel="dns-prefetch">
25<link data-rocket-prefetch href="https://code.jquery.com" rel="dns-prefetch">
26<link data-rocket-prefetch href="https://cdnjs.cloudflare.com" rel="dns-prefetch">
27<link data-rocket-prefetch href="https://client.crisp.chat" rel="dns-prefetch">
28<link data-rocket-prefetch href="https://iframe.mediadelivery.net" rel="dns-prefetch">
29<link data-rocket-prefetch href="https://unpkg.com" rel="dns-prefetch">
30<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css?display=swap&family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPoppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A800%2C700%2C600%2C500%2C400%2C300%2C200%7CPoppins%3A900i%2C900%2C800i%2C800%2C700i%2C700%2C600i%2C600%2C500i%2C500%2C400i%2C400%2C300i%2C300%2C200i%2C200%2C100i%2C100%26amp%3Bsubset%3Dvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%26amp%3Bdisplay%3Dswap" rel="preload">
31<link href="https://fonts.googleapis.com/css?display=swap&family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPoppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A800%2C700%2C600%2C500%2C400%2C300%2C200%7CPoppins%3A900i%2C900%2C800i%2C800%2C700i%2C700%2C600i%2C600%2C500i%2C500%2C400i%2C400%2C300i%2C300%2C200i%2C200%2C100i%2C100%26amp%3Bsubset%3Dvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%26amp%3Bdisplay%3Dswap" media="print" onload="this.media=&#039;all&#039;" rel="stylesheet">
32<noscript data-wpr-hosted-gf-parameters=""><link rel="stylesheet" href="https://fonts.googleapis.com/css?display=swap&family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%20Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPoppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CManrope%3A800%2C700%2C600%2C500%2C400%2C300%2C200%7CPoppins%3A900i%2C900%2C800i%2C800%2C700i%2C700%2C600i%2C600%2C500i%2C500%2C400i%2C400%2C300i%2C300%2C200i%2C200%2C100i%2C100%26amp%3Bsubset%3Dvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Cvietnamese%2Clatin-ext%2Cgreek%2Ccyrillic-ext%2Ccyrillic%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%2Clatin-ext%2Cdevanagari%26amp%3Bdisplay%3Dswap"></noscript><link rel="preload" data-rocket-preload as="image" href="https://xtenav.com/wp-content/uploads/2026/04/bg-scaled.webp" fetchpriority="high">
33	<meta name="description" content="XTEN-AV, an AI-powered AV software that automates audio visual design, proposals &amp; project management. Utility patent. Trusted by 30K+ integrators" />
34	<meta property="og:locale" content="en_US" />
35	<meta property="og:type" content="website" />
36	<meta property="og:title" content="XTEN-AV: AI Tool for AV Design, Proposal &amp; Project Management" />
37	<meta property="og:description" content="XTEN-AV, an AI-powered AV software that automates audio visual design, proposals &amp; project management. Utility patent. Trusted by 30K+ integrators" />
38	<meta property="og:url" content="https://xtenav.com/" />
39	<meta property="og:site_name" content="XTEN-AV" />
40	<meta property="article:modified_time" content="2026-09-21T11:53:57+00:00" />
41	<meta property="og:image" content="https://xtenav.com/wp-content/uploads/2026/04/Vector.webp" />
42	<meta name="twitter:card" content="summary_large_image" />
43	<meta name="twitter:label1" content="Est. reading time" />
44	<meta name="twitter:data1" content="76 minutes" />
45	
45<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://xtenav.com/","url":"https://xtenav.com/","name":"XTEN-AV: AI Tool for AV Design, Proposal & Project Management","isPartOf":{"@id":"https://xtenav.com/#website"},"primaryImageOfPage":{"@id":"https://xtenav.com/#primaryimage"},"image":{"@id":"https://xtenav.com/#primaryimage"},"thumbnailUrl":"https://xtenav.com/wp-content/uploads/2026/04/Vector.webp","datePublished":"2025-05-28T14:02:47+00:00","dateModified":"2026-09-21T11:53:57+00:00","description":"XTEN-AV, an AI-powered AV software that automates audio visual design, proposals & project management. Utility patent. Trusted by 30K+ integrators","breadcrumb":{"@id":"https://xtenav.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://xtenav.com/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://xtenav.com/#primaryimage","url":"https://xtenav.com/wp-content/uploads/2026/04/Vector.webp","contentUrl":"https://xtenav.com/wp-content/uploads/2026/04/Vector.webp","width":99,"height":102},{"@type":"BreadcrumbList","@id":"https://xtenav.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://xtenav.com/#website","url":"https://xtenav.com/","name":"XTEN-AV","description":"xtenav","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://xtenav.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}</script>
45
46	<!-- / Yoast SEO plugin. -->
47
48
49<link rel='dns-prefetch' href='//client.crisp.chat' />
50<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
51<link rel="alternate" type="application/rss+xml" title="XTEN-AV &raquo; Feed" href="https://xtenav.com/feed/" />
52<link rel="alternate" type="application/rss+xml" title="XTEN-AV &raquo; Comments Feed" href="https://xtenav.com/comments/feed/" />
53<link rel='stylesheet' id='sbi_styles-css' href='https://xtenav.com/wp-content/plugins/instagram-feed/css/sbi-styles.min.css?ver=6.7.0' type='text/css' media='all' />
54<style id='wp-emoji-styles-inline-css' type='text/css'>
55
56	img.wp-smiley, img.emoji {
57		display: inline !important;
58		border: none !important;
59		box-shadow: none !important;
60		height: 1em !important;
61		width: 1em !important;
62		margin: 0 0.07em !important;
63		vertical-align: -0.1em !important;
64		background: none !important;
65		padding: 0 !important;
66	}
67</style>
68<link rel='stylesheet' id='wp-block-library-css' href='https://xtenav.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.3' type='text/css' media='all' />
69<style id='wp-block-library-theme-inline-css' type='text/css'>
70.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
71</style>
72<style id='classic-theme-styles-inline-css' type='text/css'>
73/*! This file is auto-generated */
74.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
75</style>
76<style id='global-styles-inline-css' type='text/css'>
77body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--brand-color: #2a50a6;--wp--preset--color--beige-dark: #A1824F;--wp--preset--color--dark-strong: #24262B;--wp--preset--color--dark-light: #32353C;--wp--preset--color--grey-strong: #838998;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,
770,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 14px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 17px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--extra-small: 13px;--wp--preset--font-size--normal: 15px;--wp--preset--font-size--larger: 20px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
77.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
78.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
79:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
80:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
81.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
82</style>
83<link data-minify="1" rel='stylesheet' id='wp-job-manager-job-listings-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/wp-job-manager/assets/dist/css/job-listings.css?ver=1790853475' type='text/css' media='all' />
84<link data-minify="1" rel='stylesheet' id='ohio-style-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/themes/ohio/style.css?ver=1790853475' type='text/css' media='all' />
85<style id='ohio-style-inline-css' type='text/css'>
86.brand-color,a:not(.-unlink):not(.-highlighted):hover,a:not(.-unlink):not(.-highlighted):hover .title,a:not(.-unlink):not(.-highlighted):active,a:not(.-unlink):not(.-highlighted):active .title,a:not(.-unlink):not(.-highlighted):focus,a:not(.-unlink):not(.-highlighted):focus .title,.nav .nav-item.active-main-item > a,.nav .nav-item.active > a,.nav .current-menu-ancestor > a,.nav .current-menu-item > a,.hamburger-nav .menu li.current-menu-ancestor > a > span,.hamburger-nav .menu li.current-menu-item > a > span,.widget_rss a,.single-post .entry-content a:not(.wp-block-button__link),.page-id-124 .entry-content a:not(.wp-block-button__link),ul:not(.-unlist) > li::before,ol:not(.-unlist) > li::before,.social-networks.-outlined .network:hover,.portfolio-filter a.active,.category-holder:not(.no-divider):after,.video-button.-outlined .icon-button:hover,.comments .comment-body time:after,.button.-outlined:not(.-pagination):hover,a.button.-outlined:not(.-pagination):hover,.button.-outlined:active,.button.-outlined:focus,.pagination .button:hover,.pagination.-outlined a.button:not(.-flat):hover,.pricing-table-features .exist .icon,.service-table-features .exist .icon,.lazy-load.-outlined .button.-pagination:hover,.lazy-load.-flat .button.-pagination:hover,.button.-primary.-outlined,a.button.-primary.-outlined,.button.-primary.-flat,a.button.-primary.-flat,.button.-primary.-text,a.button.-primary.-text{color:#2a50a6;}.custom-cursor .circle-cursor-outer,a.button.-outlined:active,a.button.-outlined:focus,input[type="checkbox"]:checked,input[type="radio"]:checked,.button.-primary.-outlined,a.button.-primary.-outlined{border-color:#2a50a6;}.custom-cursor .circle-cursor-inner,.custom-cursor .circle-cursor-inner.cursor-link-hover,.button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.-pagination):hover,.button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.-pagination):active,.button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.-pagination):focus,a.button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.-pagination):hover,a.button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.-pagination):active,a.button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.-pagination):focus,.widget_price_filter .ui-slider-range,.widget_price_filter .ui-slider-handle:after,input[type="checkbox"]:checked,input[type="radio"]:checked,.video-button:not(.-outlined):not(.-blurred) .icon-button:hover,.tag.tag-sale,.social-networks.-contained .network:hover,input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):hover,.button.-primary:not(.-outlined):not(.-flat):not(.-text),a.button.-primary:not(.-outlined):not(.-flat):not(.-text),input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text),.icon-buttons-animation .icon-button::before{background-color:#2a50a6;}::selection{background-color:#3669d9;}a:not(.-unlink):not(.-highlighted):hover,.post .entry-content a:not(.wp-block-button__link):hover{color:#3669d9;}.button:not(.-outlined):not(.-text):not(.-flat),a.button:not(.-outlined):not(.-text):not(.-flat),input[type="submit"]{background:#3669d9;}body:not(.dark-scheme) .button.-outlined,body:not(.dark-scheme) a.button.-outlined,body:not(.dark-scheme) input[type="submit"].-outlined,body:not(.dark-scheme) .button.-text:not(:hover),body:not(.dark-scheme) a.button.-text:not(:hover),body:not(.dark-scheme) input[type="submit"].-text:not(:hover){color:#3669d9;}@media screen and (max-width: 768px) { .header,.mobile-overlay{opacity: 0;}}#masthead.header:not(.-sticky){background-color:rgba(0,0,0,0.01);}.search-global.fixed{color:#000000;}.header,.header:not(.-mobile).header-5,.header:not(.-mobile).header-6,.header:not(.-mobile).header-7{border:none;}.header.-sticky{border:none;}.btn-optional.button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.page-link):not(:hover){background-color:#3669d9;color:#ffffff;}.page-headline::after{background-color:transparent;}.site-content,.page-headline:before{background-color:#ffffff;}
86.blog-item:not(.-layout2).-contained .card-details{background-color:#f9f8fa;}.scroll-top:not(.light-typo):not(.dark-typo),.scroll-top:hover,.scroll-top:not(.light-typo):not(.dark-typo) .titles-typo{color:#000000;}.site-footer{background-color:#f9f9fa;}.site-footer .widget-title{font-family:'Manrope', sans-serif;}.site-footer,.site-footer h6,.site-footer .widgets,.site-footer .button{font-family:'Manrope', sans-serif;}.site-footer a:not(.-unlink):not(.-undash):not(.button){font-family:'Manrope', sans-serif;}body{font-family:'Poppins', sans-serif;color:#161519;}{font-family:'Poppins', sans-serif;}h1,h2,h3,h4,h5,h6,.box-count,.titles-typo,.hamburger-nav .menu,.btn, .button:not(.-reset-color), a.button:not(.-reset-color), input[type="submit"], a.btn-link,.widget_shopping_cart_content .mini-cart-description .mini-cart-item-title > a,.woo-c_product_name > a:not(.woo-c_product_category),.socialbar.inline a,.vc_row .vc-bg-side-text,.counter-box-count{font-family:'Poppins', sans-serif;color:#111013;}h1{font-family:'Poppins', sans-serif;}h2{font-family:'Poppins', sans-serif;}h3{font-family:'Poppins', sans-serif;}h4{font-family:'Manrope', sans-serif;}h5{font-family:'Poppins', sans-serif;}h6{font-family:'Poppins', sans-serif;}.countdown-box .box-time .box-count,.chart-box-pie-content{font-family:'Poppins', sans-serif;color:#111013;}.countdown-box .box-time .box-count,.chart-box-pie-content{font-family:'Poppins', sans-serif;color:#111013;}.countdown-box .box-time .box-count,.chart-box-pie-content{font-family:'Poppins', sans-serif;}.portfolio-item h4,.portfolio-item h4.title,.portfolio-item h4 a{font-family:'Poppins', sans-serif;color:#111013;}.blog-item h3.title{font-family:'Poppins', sans-serif;color:#111013;line-height:initial;}.blog-item h3.title a{font-size:initial;}p.subtitle,.subtitle-font,.heading .subtitle{font-family:'Poppins', sans-serif;color:#161519;}{font-family:'Poppins', sans-serif;color:#161519;}.portfolio-item .subtitle-font,.woocommerce ul.products li.product .subtitle-font.category,.woocommerce ul.products li.product .subtitle-font.category > a{font-family:'Poppins', sans-serif;color:#161519;font-size:inherit;line-height:inherit;}.contact-form.classic input::-webkit-input-placeholder,.contact-form.classic textarea::-webkit-input-placeholder,input.classic::-webkit-input-placeholder,input.classic::-moz-placeholder{font-family:'Poppins', sans-serif;color:#161519;}.contact-form.classic input::-moz-placeholder,.contact-form.classic textarea::-moz-placeholder{font-family:'Poppins', sans-serif;color:#161519;}input.classic:-ms-input-placeholder,.contact-form.classic input:-ms-input-placeholder,.contact-form.classic textarea:-ms-input-placeholder{font-family:'Poppins', sans-serif;color:#161519;}.popup-subscribe .thumbnail{background-image:url('http://website.xtenav.com/wp-content/uploads/2020/12/oh__demo6__2b-min.jpg');background-size:cover;background-position:center center;background-repeat:repeat;} @media screen and (min-width:1181px){.header .branding .logo img,.header .branding .logo-mobile img,.header .branding .logo-sticky-mobile img,.header .branding .logo-dynamic img{min-height:42px; height:42px;}.header.-sticky .branding .logo img,.header.-sticky .branding .logo-mobile img,.header.-sticky .branding .logo-sticky img,.header.-sticky .branding .logo-sticky-mobile img,.header.-sticky .branding .logo-dynamic img{min-height:36px; height:36px;}} @media screen and (min-width:769px) and (max-width:1180px){} @media screen and (max-width:768px){.header .branding .logo img,.header .branding .logo-mobile img,.header .branding .logo-sticky-mobile img,.header .branding .logo-dynamic img{min-height:24px; height:24px;}}
87</style>
88<link data-minify="1" rel='stylesheet' id='elementor-icons-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=1790853475' type='text/css' media='all' />
89<link rel='stylesheet' id='elementor-frontend-css' href='https://xtenav.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.10.0' type='text/css' media='all' />
90<link rel='stylesheet' id='elementor-post-6-css' href='https://xtenav.com/wp-content/uploads/elementor/css/post-6.css?ver=1790081355' type='text/css' media='all' />
91<link rel='stylesheet' id='elementor-pro-css' href='https://xtenav.com/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css?ver=3.10.1' type='text/css' media='all' />
92<link rel='stylesheet' id='elementor-post-276511-css' href='https://xtenav.com/wp-content/uploads/elementor/css/post-276511.css?ver=1790081364' type='text/css' media='all' />
93<link rel='stylesheet' id='elementor-post-300762-css' href='https://xtenav.com/wp-content/uploads/elementor/css/post-300762.css?ver=1790081356' type='text/css' media='all' />
94<link rel='stylesheet' id='popup-maker-site-css' href='https://xtenav.com/wp-content/plugins/popup-maker/assets/css/pum-site.min.css?ver=1.20.4' type='text/css' media='all' />
95<style id='popup-maker-site-inline-css' type='text/css'>
96/* Popup Google Fonts */
97@import url('//fonts.googleapis.com/css?display=swap&family=Montserrat:100');
98
99/* Popup Theme 254004: Light Box */
100.pum-theme-254004, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } 
101.pum-theme-254004 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px none #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
102.pum-theme-254004 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
103.pum-theme-254004 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 } 
104.pum-theme-254004 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute;
104 height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } 
105
106/* Popup Theme 254009: Floating Bar - Soft Blue */
107.pum-theme-254009, .pum-theme-floating-bar { background-color: rgba( 255, 255, 255, 0.00 ) } 
108.pum-theme-254009 .pum-container, .pum-theme-floating-bar .pum-container { padding: 8px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 238, 246, 252, 1.00 ) } 
109.pum-theme-254009 .pum-title, .pum-theme-floating-bar .pum-title { color: #505050; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
110.pum-theme-254009 .pum-content, .pum-theme-floating-bar .pum-content { color: #505050; font-family: inherit; font-weight: 400 } 
111.pum-theme-254009 .pum-content + .pum-close, .pum-theme-floating-bar .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 5px; bottom: auto; top: 50%; padding: 0px; color: #505050; font-family: Sans-Serif; font-weight: 700; font-size: 15px; line-height: 18px; border: 1px solid #505050; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ); transform: translate(0, -50%) } 
112
113/* Popup Theme 254010: Content Only - For use with page builders or block editor */
114.pum-theme-254010, .pum-theme-content-only { background-color: rgba( 0, 0, 0, 0.70 ) } 
115.pum-theme-254010 .pum-container, .pum-theme-content-only .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ) } 
116.pum-theme-254010 .pum-title, .pum-theme-content-only .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } 
117.pum-theme-254010 .pum-content, .pum-theme-content-only .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } 
118.pum-theme-254010 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 7px; bottom: auto; top: 7px; padding: 0px; color: #000000; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ) } 
119
120/* Popup Theme 254005: Enterprise Blue */
121.pum-theme-254005, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } 
122.pum-theme-254005 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
123.pum-theme-254005 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 34px; line-height: 36px } 
124.pum-theme-254005 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
125.pum-theme-254005 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
125 background-color: rgba( 49, 91, 124, 1.00 ) } 
126
127/* Popup Theme 254006: Hello Box */
128.pum-theme-254006, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } 
129.pum-theme-254006 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
130.pum-theme-254006 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px } 
131.pum-theme-254006 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
132.pum-theme-254006 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } 
133
134/* Popup Theme 254007: Cutting Edge */
135.pum-theme-254007, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) } 
136.pum-theme-254007 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) } 
137.pum-theme-254007 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-weight: 100; font-size: 26px; line-height: 28px } 
138.pum-theme-254007 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit; font-weight: 100 } 
139.pum-theme-254007 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) } 
140
141/* Popup Theme 254008: Framed Border */
142.pum-theme-254008, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } 
143.pum-theme-254008 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } 
144.pum-theme-254008 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } 
145.pum-theme-254008 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } 
146.pum-theme-254008 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } 
147
148/* Popup Theme 254003: Default Theme */
149.pum-theme-254003, .pum-theme-default-theme { background-color: rgba( 255, 255, 255, 1.00 ) } 
150.pum-theme-254003 .pum-container, .pum-theme-default-theme .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) } 
151.pum-theme-254003 .pum-title, .pum-theme-default-theme .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; font-style: normal; line-height: 36px } 
152.pum-theme-254003 .pum-content, .pum-theme-default-theme .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400; font-style: inherit } 
153.pum-theme-254003 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: 400; font-size: 12px; font-style: inherit; line-height: 36px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) } 
154
155#pum-294722 {z-index: 1999999999}
156#pum-276659 {z-index: 1999999999}
157#pum-276973 {z-index: 1999999999}
158#pum-254012 {z-index: 1999999999}
159#pum-254011 {z-index: 1999999999}
160
161</style>
162<link rel='stylesheet' id='eael-general-css' href='https://xtenav.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=5.5.3' type='text/css' media='all' />
163<style id='rocket-lazyload-inline-css' type='text/css'>
164.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://xtenav.com/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0}
165</style>
166
167<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://xtenav.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' type='text/css' media='all' />
168<link data-minify="1" rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=1790853475' type='text/css' media='all' />
169<link data-minify="1" rel='stylesheet' id='elementor-icons-shared-5-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/themes/ohio/assets/fonts/linea/arrows/css/style.css?ver=1790853475' type='text/css' media='all' />
170<link data-minify="1" rel='stylesheet' id='elementor-icons-shared-6-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/themes/ohio/assets/fonts/linea/music/css/style.css?ver=1790853475' type='text/css' media='all' />
171<link data-minify="1" rel='stylesheet' id='elementor-icons-shared-7-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/themes/ohio/assets/fonts/linea/weather/css/style.css?ver=1790853475' type='text/css' media='all' />
172<link data-minify="1" rel='stylesheet' id='elementor-icons-linea_other-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/themes/ohio/assets/fonts/linea/arrows/css/style.css?ver=1790853475' type='text/css' media='all' />
173<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
173<script type="text/javascript" src="https://xtenav.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 173
173
174<script type="text/javascript" src="https://xtenav.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
174
175<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://xtenav.com/xmlrpc.php?rsd" />
176<meta name="generator" content="WordPress 6.4.3" />
177<link rel='shortlink' href='https://xtenav.com/' />
178<link rel="alternate" type="application/json+oembed" href="https://xtenav.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fxtenav.com%2F" />
179<link rel="alternate" type="text/xml+oembed" href="https://xtenav.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fxtenav.com%2F&#038;format=xml" />
180<meta name="google-site-verification" content="62svSV0FuqIJsJmV3E8Q-qcQwre8IHQAUdG4L75gObc" />
181<link data-minify="1" rel="stylesheet" href="https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=1790854550" media="print" onload="this.media='all'">
182<link data-minify="1" rel="stylesheet" href="https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/elementor-pro/assets/css/widget-theme-elements.min.css?ver=1790854550" media="print" onload="this.media='all'">
183<script data-minify="1" src="https://xtenav.com/wp-content/cache/min/1/jquery-3.6.0.min.js?ver=1790853476"></script>
183
184
185<script type="text/rocketlazyloadscript">
186  document.addEventListener('DOMContentLoaded', function () {
187    document.querySelectorAll('.template-button').forEach((button) => {
188      // Extract templateId from the inline href manually
189      const onclick = button.getAttribute('onclick')
190      if (onclick) {
191        const match = onclick.match(/template_id=([a-zA-Z0-9]+)/)
192        if (match && match[1]) {
193          const templateId = match[1]
194  
195          // Remove the old inline onclick so it doesn't override our logic
196          button.removeAttribute('onclick')
197  
198          // Add a new click handler with our custom behavior
199          button.addEventListener('click', function (e) {
200            e.preventDefault()
201            window.location.href = `https://app.xtenav.com/start-preview/${templateId}/`
202          })
203        }
204      }
205    })
206  })
207</script>
207
208
209<script>
210  jQuery(document).ready(function ($) {
211    setTimeout(function () {
212      var $content = $('.mysticky-welcomebar-content p')
213  
214      // Detect screen size
215      var isMobile = window.innerWidth <= 768
216  
217      // Create image with conditional size
218      // Create image with conditional size
219      var $img = $('<img>', {
220          src: 'https://xtenav.com/wp-content/uploads/2026/05/InfoComm-Wordmark-White-2.png',
221        alt: 'ISE 2026',
222        css: {
223          width: isMobile ? '120px' : '130px',
224          height: isMobile ? 'auto' : 'auto',
225          'vertical-align': 'middle',
226          'margin-right': isMobile ? '0px' : '40px'
227        }
228      })
229  
230      $content.prepend($img)
231    }, 100)
232  })
233</script>
233
234
235<script type="text/rocketlazyloadscript">
236  (function(h,o,u,n,d) {
237    h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}}
238    d=o.createElement(u);d.async=1;d.src=n
239    n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n)
240  })(window,document,'script','https://www.datadoghq-browser-agent.com/us5/v5/datadog-rum.js','DD_RUM')
241  window.DD_RUM.onReady(function() {
242    window.DD_RUM.init({
243      clientToken: 'pubfa4e9ce3f28dfb2c4af9d3a70a25f44e',
244      applicationId: '85043426-9051-4e04-834f-f3d6b5b55448',
245      site: 'us5.datadoghq.com',
246      service: 'xten-live',
247      env: 'live',
248     // Specify a version number to identify the deployed version of your application in Datadog 
249      // version: '1.0.0', 
250      sessionSampleRate: 100,
251      sessionReplaySampleRate: 100,
252      trackUserInteractions: true,
253      trackResources: true,
254      trackLongTasks: true,
255      defaultPrivacyLevel: 'mask-user-input',
256    });
257	window.DD_RUM.startSessionReplayRecording();
258  })
259</script>
259
260
261<script>
262	jQuery(document).ready(function ($) {
263      $('.nav-item.active .menu-depth-1.sub-menu').removeAttr('style')
264    })
265</script>
265
266
267
268
269<script type="text/rocketlazyloadscript">
270	if (window.location.href=='https://xtenav.com/what-is-an-av-integration/'){	
271		window.location.replace("https://xtenav.com/what-is-av-integration/");
272	}
273	 
274    function setCookie(source, value ,exp_days) {
275            var d = new Date();
276            d.setTime(d.getTime() + (exp_days*24*60*60*1000));
277            var expires = "expires=" + d.toUTCString();
278            document.cookie = source + "=" + value + ";" + expires + ";Path=/; Domain=.xtenav.com";
279        }
280        function getParameters() {
281                  urlString = window.location.href;
282                  let paramString = urlString.split('?')[1];
283                  let queryString = new URLSearchParams(paramString);
284                  for(let pair of queryString.entries()) {
285                       setCookie(pair[0], pair[1], 15);
286                  }
287          }
288        getParameters()
289    </script>
vendor: 2 bytes, line 289
289
290<script type="text/rocketlazyloadscript">
291	setTimeout(() => {
292  document.getElementsByClassName('header-wrap')[0].className += ' page-container'
293}, 2000);
294</script>
294
295
296<style>
297  @media (max-width: 768px) {
298    .menu-xavia img {
299      padding-top: 15px !important;
300      /*     max-height: 70px !important; */
301      height: 48px !important;
302      margin-left: 2px;
303      margin-bottom: 10px;
304    }
305    .menu-xavia {
306      display: flex;
307      align-items: center;
308    }
309  }
310  @media (max-width: 768px) {
311    .menu-xavia {
312      margin-bottom: 6px !important;
313    }
314  }
315  .menu-xavia {
316    height: 35px !important;
317    width: 168px;
318    margin-bottom: 10px !important;
319    padding-top: 0px !important;
320  }
321  @media (max-width: 768px) {
322    body .nav-item.active .menu-depth-1.sub-menu[data-sub-menu-height='140'] {
323      height: 150px !important;
324      /*         height: auto !important; */
325      max-height: none !important;
326    }
327  }
328  @media (max-width: 480px) {
329    .mysticky-welcomebar-fixed-wrap {
330      display: flex;
331      flex-direction: column;
332      align-items: center;
333      justify-content: space-between;
334      height: 100vh;
335      padding: 25px !important;
336      box-sizing: border-box;
337    }
338    .mysticky-welcomebar-content {
339      margin-bottom: auto;
340      text-align: center;
341      padding-top: 5px;
342    }
343    .mysticky-welcomebar-btn {
344      margin-top: auto;
345      text-align: center;
346    }
347    .mysticky-welcomebar-btn a {
348      display: inline-block;
349      padding: 10px 20px;
350      background-color: #0073e6;
351      color: #fff;
352      text-decoration: none;
353      border-radius: 5px;
354      font-size: 1rem;
355    }
356	  .mysticky-welcomebar-content img {
357        margin-right: 230px !important;
358        position: relative !important;
359        left: 30% !important;
360    }
361  }
362  @media (min-width: 768px) {
363    .middle-button {
364      display: none !important;
365    }
366  }
367  @media screen and (max-width: 360px) and (max-height: 740px) {
368    .logo-sticky img {
369      max-width: 400% !important;
370      height: auto !important;
371      object-fit: contain !important;
372    }
373  }
374  .page-headline {
375    display: none;
376  }
377  .footerx {
378    margin-bottom: -8px !important;
379  }
380  .loginmobile {
381    display: none !important;
382  }
383  .freetrialmobile {
384    display: none !important;
385  }
386  .alert {
387    display: none !important;
388  }
389  @media screen and (max-width: 768px) and (max-width: 1180px) {
390    .alert.-small.-fixed {
391      right: 4.25rem !important;
392      left: 20px;
393    }
394  }
395  @media only screen and (max-width: 768px) {
396    body.page-id-259351 .elementor-259526 .elementor-element.elementor-element-10dbdc1 {
397      width: 96% !important;
398      margin-left: 9px !important;
399    }
400  }
401  body.page-id-259351 .elementor-element-35506bd .elementor-widget-container {
402    height: 130px;
403  }
404  body.page-id-259351 .elementor-element-b46db66 .elementor-widget-container {
405    height: 170px;
406  }
407  @media only screen and (max-width: 768px) {
408    body.page-id-260631 .elementor-259526 .elementor-element.elementor-element-10dbdc1 {
409      width: 96% !important;
410      margin-left: 9px !important;
411    }
412  }
413  body.page-id-260631 .elementor-element-35506bd .elementor-widget-container {
414    height: 130px;
415  }
416  body.page-id-260631 .elementor-element-b46db66 .elementor-widget-container {
417    height: 170px;
418  }
419  .elementor-260889 .elementor-element.elementor-element-1f2e1d9 .subtitle {
420    margin-top: 13px;
421  }
422  .select2-search__field {
423    min-height: 2.2rem !important;
424  }
425  .select2-container .select2-search--inline .select2-search__field {
426    margin-top: -5px !important;
427  }
428  @media screen and (max-width: 768px) {
429    .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
430      width: 10px !important;
431      right: 10px !important;
432      top: 5px !important;
433    }
434  }
435  .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a {
436		padding-top: 7px !important;
437		border-radius: 6px !important;
438		font-size: 14px !important;
439		font-weight: 500 !important;
440		margin-left: 40px !important;
441		color: #0a1b40 !important;
442		} 
443  @media screen and (max-width: 768px) {
444    .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a {
445      margin-left: 0px !important;
446			font-size: 12px !important;
447			height: auto !important;
448			padding: 5px 20px !important;
449    }
450  }
451  .mysticky-welcomebar-fixed-wrap {
452    padding-top: 15px !important;
453    padding-bottom: 15px !important;
454    z-index: 9999 !important;
455  }
456  @media screen and (max-width: 768px) {
457    .mysticky-welcomebar-fixed-wrap {
458      padding-top: 5px !important;
459      padding-bottom: 5px !important;
460    }
461  }
462  .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
463    margin-bottom: 6px;
464  }
465  @media screen and (max-width: 768px) {
466    .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
467      padding-left: 0px !important;
468      margin-bottom: 0px !important;
469      margin-top: 5px !important;
470      padding-bottom: 4px !important;
471    }
472  }
473  .mysticky-welcomebar-content p {
474    margin: 0;
475    font-size: 16px;
476    flex: 1;
477  }
478  .mysticky-welcomebar-btn a {
479    background-color: #007bff;
480    color: white;
481    padding: 10px 20px;
482    text-decoration: none;
483    border-radius: 4px;
484    white-space: nowrap;
485  }
486  @media only screen and (max-width: 768px) {
487    .mysticky-welcomebar-content p {
488      font-size: 13px !important;
489      line-height: 1.3 !important;
490      font-weight: normal !important;
491      text-align: center !important;
492      width: 101% !important;
493		display: flex;
494		flex-wrap: wrap;
495		justify-content: center;
496    }
497  }
498  .bookademomobile {
499    display: none !important;
500  }
501  .wpem-event-single-image {
502    padding: 20px;
503  }
504  .wpem-event-single-image-wrapper {
505    margin-top: 0px !important;
506  }
507  .single_event_listing {
508    margin-top: 13% !important ;
509  }
510  .wpem-event-single-image-wrapper {
511    margin-top: 60px;
512  }
513  .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link {
514    font-weight: 700 !important;
515    pointer-events: none;
516  }
517  .main_menu_content,
518  .main_menu_templates,
519  .main_menu_tool {
520    font-weight: 900 !important;
521    font-size: 20px !important;
522    color: #000000;
523  }
524  .menu-xdraw {
525    height: 30px !important;
526    width: 165px;
527  }
528  .menu-xdoc {
529    width: 136px;
530    height: 45px !important;
531    margin-top: 4px !important;
532  }
533  #nav-menu-item-244601-63ec3b022c69e,
534  #nav-menu-item-244602-63ec3b65bea7d {
535    height: 100px;
536  }
537  @media only screen and (max-width: 480px) {
538    .tabs-nav-line {
539      width: 95.812px;
540    }
541    .elementor-244000 .elementor-element.elementor-element-1ae00f3:not(.elementor-motion-effects-element-type-background),
542    .elementor-244000 .elementor-element.elementor-element-1ae00f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
543      background-image: none;
544    }
545    .elementor-244197 .elementor-element.elementor-element-99229ef:not(.elementor-motion-effects-element-type-background),
546    .elementor-244197 .elementor-element.elementor-element-99229ef > .elementor-motion-effects-container > .elementor-motion-effects-layer {
547      background-image: none;
548    }
549    .elementor-250045 .elementor-element.elementor-element-42e2c43:not(.elementor-motion-effects-element-type-background),
550    .elementor-250045 .elementor-element.elementor-element-42e2c43 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
551      background-image: none;
552    }
553    .main_menu_content,
554    .main_menu_templates,
555    .main_menu_tool {
556      font-weight: 600 !important;
557      font-size: 15px !important;
558      color: #000000;
559    }
560    .swiper-pagination-bullets {
561      display: none;
562    }
563    .loginmobile {
564      display: block !important;
565    }
566    .freetrialmobile {
567      display: block !important;
568    }
569    .bookademomobile {
570      display: block !important;
571    }
572    .free-trail-btn {
573      display: none !important;
574    }
575    .menu-optional {
576      display: none !important;
577    }
578    .elementor-152818 .elementor-element.elementor-element-14c376e {
579      margin-left: 20px !important;
580      margin-right: 20px !important;
581    }
582  }
583  @media only screen and (max-width: 844px) {
584    .mysticky-welcomebar-content > p {
585      text-align: center;
586    }
587}
588  #popmake-276973 {
589    padding: 0 !important;
590  }
591  #popmake-276973 .pum-content > :first-child {
592    margin-bottom: -16px !important;
593  }
594  .hidden {
595    visibility: hidden;
596    opacity: 0;
597    transition: opacity 0.3s ease-in-out;
598  }
599  .header:not(.-mobile) .menu li > ul {
600    padding-bottom: 1.3rem !important;
601    padding-top: 10px !important;
602  }
603  @media (max-width: 768px) {
604    .menu > li,
605    .menu .sub-menu > li,
606    .menu .sub-sub-menu > li {
607      margin: -3px;
608      padding: 0;
609    }
610  }
611  @media (max-width: 768px) {
612    body .nav-item.active .menu-depth-1.sub-menu[data-sub-menu-height='105'] {
613      height: 105px !important;
614      max-height: 105px !important;
615    }
616  }
617  @media screen and (min-width: 769px) {
618    .mysticky-welcomebar-fixed-wrap {
619      min-height: 60px;
620      width: 100% !important;
621      /* 	padding: 0px 457px !important;	 */
622    }
623    .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
624      margin-left: 30px !important;
625    }
626    .mysticky-welcomebar-close {
627      right: 2% !important;
628    }
629    .mysticky-welcomebar-close {
630      top: 3px !important;
631    }
632  }
633  .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
634    flex: unset !important;
635    text-align: center; /* optional: revert text alignment */
636  }
637  .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
638    color: #fff !important;
639  }
640</style>
641
642<script data-minify="1" src="https://xtenav.com/wp-content/cache/min/1/jquery-3.6.0.min.js?ver=1790853476"></script>
642
643
644<script type="text/rocketlazyloadscript">
645  $(window).scroll(function() {
646    if ($(this).scrollTop() > 400) {
647        $('.mysticky-welcomebar-fixed').addClass('hidden');
648    } else {
649        $('.mysticky-welcomebar-fixed').removeClass('hidden');
650    }
651  });
652</script>
652
653
654<script>
655jQuery(document).ready(function($) {
656  $('#popmake-276973 a').on('click', function(e) {
657    setTimeout(function() {
658      PUM.close('#popmake-276973');
659    }, 100);
660  });
661});
662</script>
662
663
664<script>
665(function () {
666  /* ================= CONFIG ================= */
667  const COOKIE_MAX_AGE = 30 * 24 * 60 * 60;
668  /* ================= HELPERS ================= */
669  function getParam(name) {
670    return new URLSearchParams(window.location.search).get(name);
671  }
672  function getCookie(name) {
673    return document.cookie
674      .split("; ")
675      .find(c => c.startsWith(name + "="))
676      ?.split("=")[1] || null;
677  }
678  function setCookie(name, value) {
679    if (!value) return;
680
681    document.cookie =
682      `${name}=${value}; path=/; max-age=${COOKIE_MAX_AGE}; Domain=.xtenav.com; SameSite=Lax`;
683}
684  function detectFromReferrer() {
685    if (!document.referrer)
686      return { source: "direct", medium: "direct" };
687
688    const host = new URL(document.referrer).hostname.toLowerCase();
689
690    if (host.includes("gmail") || host.includes("mail.google"))
691      return { source: "gmail", medium: "email" };
692    if (host.includes("linkedin"))
693      return { source: "linkedin", medium: "social" };
694    if (host.includes("google"))
695      return { source: "google", medium: "organic" };
696
697    return { source: host, medium: "referral" };
698  }
699
700  /* ================= URL UTMs ================= */
701  const urlUTM = {
702    source: getParam("utm_source"),
703    medium: getParam("utm_medium"),
704    campaign: getParam("utm_campaign"),
705    content: getParam("utm_content")
706  };
707
708  const hasURLUTM =
709    urlUTM.source || urlUTM.medium || urlUTM.campaign || urlUTM.content;
710	
711  const ref = detectFromReferrer();
712
713  const touchData = hasURLUTM
714    ? { ...urlUTM }
715    : {
716        source: ref.source,
717        medium: ref.medium,
718        campaign: null,
719        content: null
720      };
721	
722  /* ================= FIRST TOUCH ================= */
723  let firstTouch = {
724    source: getCookie("ft_utm_source"),
725    medium: getCookie("ft_utm_medium"),
726    campaign: getCookie("ft_utm_campaign"),
727    content: getCookie("ft_utm_content")
728  };
729  const isFirstTouchMissing =
730    !firstTouch.source && !firstTouch.medium;
731
732  /* ================= APPLY RULE ================= */
733  if (isFirstTouchMissing) {
734    // FIRST TOUCH → WRITE ONCE
735    setCookie("ft_utm_source", touchData.source);
736    setCookie("ft_utm_medium", touchData.medium);
737    setCookie("ft_utm_campaign", touchData.campaign);
738    setCookie("ft_utm_content", touchData.content);
739  } else {
740    // LAST TOUCH → UPDATE ALWAYS AFTER
741    setCookie("lt_utm_source", touchData.source);
742    setCookie("lt_utm_medium", touchData.medium);
743    setCookie("lt_utm_campaign", touchData.campaign);
744    setCookie("lt_utm_content", touchData.content);
745  }
746	/* ================= LAST TOUCH OBJECT ================= */
747  let lastTouch = {
748    source: getCookie("lt_utm_source") || touchData.source,
749    medium: getCookie("lt_utm_medium") || touchData.medium,
750    campaign: getCookie("lt_utm_campaign") || touchData.campaign,
751    content: getCookie("lt_utm_content") || touchData.content
752  };
753
754  /* ================= DEVICE / CHANNEL (LAST TOUCH) ================= */
755  const ua = navigator.userAgent.toLowerCase();
756  let device_type = "desktop_web";
757
758  if (/mobile|iphone|android/.test(ua)) {
759    device_type = "mobile_web";
760  } else if (/ipad|tablet/.test(ua)) {
761    device_type = "tablet_web";
762  }
763
764  setCookie("device_type", device_type);
765  setCookie("registration_channel", device_type);
766
767  /* ================= SOURCE PATH (LAST TOUCH) ================= */
768  const sourcePath =
769    window.location.pathname +
770    window.location.search +
771    window.location.hash;
772
773  setCookie("source_path", encodeURIComponent(sourcePath));
774
775  /* ================= IP + COUNTRY ================= */
776  if (!getCookie("user_ip") || !getCookie("utm_country")) {
777    fetch("https://ipapi.co/json/")
778      .then(r => r.json())
779      .then(d => {
780        if (d?.country_code) {
781          setCookie("utm_country", d.country_code.toLowerCase());
782        }
783        if (d?.ip) {
784          setCookie("user_ip", d.ip);
785        }
786      })
787      .catch(() => {});
788  }
789
790  /* ================= EXPOSE RUNTIME OBJECT ================= */
791  window.UTM = {
792    firstTouch,
793    lastTouch,
794    device_type,
795    source_path: sourcePath
796  };
797
798})();
799</script>
799
800
801<script type="text/rocketlazyloadscript">
802  ;(function () {
803    fetch('https://ipapi.co/json/')
804      .then((r) => r.json())
805      .then((d) => {
806        if (d) {
807          if (d.country_code) {
808            document.cookie = 'utm_country=' + d.country_code.toLowerCase() + '; path=/; max-age=2592000; SameSite=Lax'
809          }
810  
811          if (d.ip) {
812            document.cookie = 'user_ip=' + d.ip + '; path=/; max-age=2592000; SameSite=Lax'
813          }
814        }
815      })
816      .catch(() => {})
817  })()
818</script>
818
819
820<script type="application/ld+json">
821{
822  "@context": "https://schema.org",
823  "@type": "Organization",
824  "@id": "https://xtenav.com/#organization",
825  "name": "XTEN-AV",
826  "url": "https://xtenav.com/",
827  "logo": {
828    "@type": "ImageObject",
829    "@id": "https://xtenav.com/#logo",
830    "url": "https://xtenav.com/wp-content/uploads/2026/05/XTEN-AV-LOGO.webp",
831    "contentUrl": "https://xtenav.com/wp-content/uploads/2026/05/XTEN-AV-LOGO.webp"
832  },
833  "description": "XTEN-AV provides an AI-powered AV ecosystem that combines automation, AV design, proposals, project management, and service management in one cloud-based platform.",
834  "contactPoint": {
835    "@type": "ContactPoint",
836    "email": "[email protected]",
837    "contactType": "customer service",
838    "areaServed": [
839      "US",
840      "GB",
841      "CA",
842      "AU",
843      "BE",
844      "DK",
845      "FR",
846      "DE",
847      "IN",
848      "NL",
849      "NZ",
850      "NO",
851      "SG",
852      "AE"
853    ],
854    "availableLanguage": "en"
855  },
856  "sameAs": [
857    "https://www.facebook.com/xtenav/",
858    "https://x.com/xten_av",
859    "https://www.instagram.com/xtenav/",
860    "https://www.youtube.com/channel/UCX8FXl6IfiWcPIE4_jOvM7Q",
861    "https://www.linkedin.com/company/xtenav",
862    "https://www.pinterest.com/xtenavhq/"
863  ]
864}
865</script>
865
866<style id="mystickymenu" type="text/css">#mysticky-nav { width:100%; position: static; height: auto !important; }#mysticky-nav.wrapfixed { position:fixed; left: 0px; margin-top:0px;  z-index: 99990; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity:0.9; background-color: #f7f5e7;}#mysticky-nav.wrapfixed .myfixed{ background-color: #f7f5e7; position: relative;top: auto;left: auto;right: auto;}#mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; }</style>			<style type="text/css">
867																															</style>
868			<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
868<script>(function () {
869
870    const POPUP_ID = 294722; // Change to live popup ID
871    const STORAGE_KEY = "xtenav_exit_popup_shown";
872
873    let scrollReached = false;
874
875    /*
876    ==========================================
877    OPEN POPUP FUNCTION
878    ==========================================
879    */
880    function openExitPopup() {
881
882        // Changed to localStorage so it persists across all tabs
883        if (localStorage.getItem(STORAGE_KEY)) {
884            console.log("Popup already shown in this browser");
885            return;
886        }
887
888        if (typeof PUM !== "undefined") {
889            console.log("Opening popup");
890            PUM.open(POPUP_ID);
891            localStorage.setItem(STORAGE_KEY, "true");
892        } else {
893            console.log("Popup Maker not loaded");
894        }
895
896    }
897
898    /*
899    ==========================================
900    DESKTOP
901    MOUSE LEAVE EXIT INTENT
902    ==========================================
903    */
904    function initDesktopExitIntent() {
905
906        document.addEventListener(
907            "mouseout",
908            function (e) {
909                if (e.clientY <= 5 && e.relatedTarget === null) {
910                    console.log("Desktop exit intent");
911                    openExitPopup();
912                }
913            },
914            { passive: true }
915        );
916
917    }
918
919    /*
920    ==========================================
921    MOBILE + TABLET
922    ACCURATE 60% SCROLL TRIGGER
923    ==========================================
924    */
925    function initScrollTracking() {
926
927        window.addEventListener(
928            "scroll",
929            function () {
930
931                if (scrollReached) return;
932
933                const scrollTop = window.scrollY || document.documentElement.scrollTop;
934
935                const documentHeight = Math.max(
936                    document.body.scrollHeight,
937                    document.documentElement.scrollHeight
938                );
939
940                const viewportHeight = window.innerHeight;
941
942                // Total distance the user can actually scroll
943                const totalScrollable = documentHeight - viewportHeight;
944
945                if (totalScrollable <= 0) return;
946
947                // True percentage from top (0% to 100%)
948                const scrollPercentage = (scrollTop / totalScrollable) * 100;
949
950                console.log("Scroll:", Math.round(scrollPercentage) + "%");
951
952                /*
953                Triggers strictly at true 60% page depth
954                */
955                if (scrollPercentage >= 60) {
956
957                    console.log("60% Scroll reached");
958                    scrollReached = true;
959                    openExitPopup();
960
961                }
962
963            },
964            { passive: true }
965        );
966
967    }
968
969    /*
970    ==========================================
971    MOBILE + TABLET
972    BACK BUTTON INTENT
973    ==========================================
974    */
975    function initBackButtonIntent() {
976
977        // Push state to catch back button event
978        history.pushState({ xtenavExit: true }, "", window.location.href);
979
980        window.addEventListener("popstate", function () {
981
982            console.log("Back button pressed");
983
984            // Triggers popup on back button click
985            openExitPopup();
986
987            // Re-push state to prevent immediate page exit
988            history.pushState({ xtenavExit: true }, "", window.location.href);
989
990        });
991
992    }
993
994    /*
995    ==========================================
996    INITIALIZE
997    ==========================================
998    */
999    function initExitIntent() {
1000
1001        console.log("Exit intent initialized");
1002
1003        if (window.innerWidth > 1024) {
1004
1005            console.log("Desktop mode");
1006            initDesktopExitIntent();
1007
1008        } else {
1009
1010            console.log("Mobile/Tablet mode");
1011            initScrollTracking();
1012            initBackButtonIntent();
1013
1014        }
1015
1016    }
1017
1018    /*
1019    ==========================================
1020    WAIT FOR POPUP MAKER
1021    ==========================================
1022    */
1023    function startScript() {
1024
1025        if (typeof PUM !== "undefined") {
1026
1027            initExitIntent();
1028
1029        } else {
1030
1031            console.log("Waiting for Popup Maker");
1032            setTimeout(startScript, 500);
1033
1034        }
1035
1036    }
1037
1038    startScript();
1039
1040})();</script>
1040<link rel="icon" href="https://xtenav.com/wp-content/uploads/2023/03/cropped-android-chrome-192x192-1-32x32.png" sizes="32x32" />
1041<link rel="icon" href="https://xtenav.com/wp-content/uploads/2023/03/cropped-android-chrome-192x192-1-192x192.png" sizes="192x192" />
1042<link rel="apple-touch-icon" href="https://xtenav.com/wp-content/uploads/2023/03/cropped-android-chrome-192x192-1-180x180.png" />
1043<meta name="msapplication-TileImage" content="https://xtenav.com/wp-content/uploads/2023/03/cropped-android-chrome-192x192-1-270x270.png" />
1044		<style type="text/css" id="wp-custom-css">
1045			@import url('https://fonts.googleapis.com/css2?display=swap&family=Chivo+Mono:wght@400;500;600&display=swap');
1046
1047.img-greyscale .swiper-slide-inner img{
1048	transition: all 0.2s;
1049  -webkit-transition: all 0.2s;
1050  -moz-transition: all 0.2s;
1051  filter: grayscale(100%);
1052  -webkit-filter: grayscale(100%);
1053  -moz-filter: grayscale(100%);
1054}
1055.img-greyscale .swiper-slide-inner img:hover{
1056	filter: grayscale(0%);
1057  -webkit-filter: grayscale(0%);
1058  -moz-filter: grayscale(0%);
1059}
1060.header.-sticky.showed{box-shadow: -2px 3px 90px -20px rgb(0 0 0 / 25%);
1061}
1062.footer-info{line-height: 2.5;}
1063.single_event_listing{margin-top:7%;}
1064.scroll-top-holder{color:#000 !important;}
1065.scroll-track{color:#000 !important;}
1066.color-code span{color:#000;}
1067.color-code span:hover{color:#3669D9;}
1068 @media (min-width: 300px) and (max-width: 736px) {
1069	 .mobile-view .title{text-align:center;}}
1070@media (min-width: 300px) and (max-width: 736px) {
1071.mobile-view .subtitle{text-align:center;}
1072}
1073@media (min-width: 300px) and (max-width: 736px) {
1074.mobile-view .ohio-widget-holder {text-align:center;}
1075}
1076@media (min-width: 300px) and (max-width: 736px) {
1077.mobile-view .ohio-widget {text-align:center;}
1078}
1079@media (min-width: 300px) and (max-width: 736px) {
1080	.single_event_listing {
1081    margin-top: 20%;
1082}
1083}
1084.other-features .icon-box:not(.-left-icon):not(.-floating-icon) .icon-box-content .icon-box-heading {
1085    margin-top: 40px;
1086}
1087/* =====================================
1088   FORCE LEFT ALIGN FIX
1089===================================== */
1090/* Force dropdown UL to start from left */
1091.header .sub-menu {
1092    text-align: left !important;
1093/*     display: block !important; */
1094}
1095#masthead.header:not(.-sticky) {
1096	background-color: #fff !important;
1097}
1098.header-wrap {
1099	height: 9vh !important;
1100}
1101.header:not(.-mobile) .menu li span {
1102	font-family: Poppins !important;
1103    font-style: normal !important;
1104    font-size: 18px !important;
1105    font-weight: 500 !important;
1106}
1107/* Remove flex centering from dropdown if applied */
1108.header .sub-menu li {
1109    display: block !important;
1110    text-align: left !important;
1111}
1112/* Dropdown links */
1113.header .sub-menu li a {
1114    display: block !important;
1115    width: 100% !important;
1116    font-size: 18px !important;   /* 18px as requested */
1117    font-weight: 500;
1118    text-align: left !important;
1119    padding: 6px !important;
1120    margin: 0 !important;
1121    justify-content: flex-start !important;
1122    align-items: flex-start !important;
1123}
1124/* Hover → only text color */
1125.header .sub-menu li a:hover {
1126    background: transparent !important;
1127    border: none !important;
1128    box-shadow: none !important;
1129    color: #3669D9 !important;
1130}
1131.icon-wrapper {
1132    display: flex;
1133    flex-direction: row;
1134    gap: 12px;
1135	align-content: center;
1136	padding: 12px !important;
1137	align-items: center;
1138}
1139.icon-image {
1140    border-radius: 8px;
1141    flex-direction: column;
1142    /* flex: none; */
1143    justify-content: center !important;
1144    align-items: center;
1145    width: 40px;
1146    height: 40px;
1147    display: flex;
1148}
1149img.nav-icon.lazyloaded {
1150    width: 55px;
1151    height: 55px;
1152}
1153.icon-nav {
1154    grid-column-gap: .125rem;
1155    grid-row-gap: .125rem;
1156    flex-direction: column;
1157    justify-content: center;
1158    align-items: flex-start;
1159    display: flex;
1160}
1161.icon-nav h3 {
1162	font-family: Poppins !important;
1163	font-style: normal !important;
1164	font-size: 18px !important;
1165	font-weight: 500 !important;
1166}
1167.icon-nav p {
1168    font-size: 14px;
1169    margin-top: 8px;
1170    color: #6b7280;
1171	font-weight: 400;
1172    font-family: 'Poppins';
1173    font-style: normal;
1174}
1175.icon-wrapper:hover {
1176        border-radius: 7px;
1177background: #F0F8FF;
1178}
1179.header:not(.-mobile) .menu li span {
1180	line-height: 0 !important;
1181}
1182.header:not(.-mobile) .menu > li > ul {
1183	min-width: 350px;
1184	width: 350px;
1185}
1186.header:not(.-mobile) .menu li>ul {
1187	padding-bottom: 0 !important;
1188	padding-top: 0 !important;
1189	top: 55px !important;
1190}
1191.header:not(.-mobile) .menu li > ul > li {
1192	height: auto !important;
1193	width: 100% !important;
1194}
1195.menu-xavia {
1196	margin-bottom: 0 !important;
1197}
1198.header:not(.-mobile) .menu .sub-menu-wide > li {
1199    width: 100% !important;
1200}
1201.header:not(.-mobile) .menu li span {
1202  white-space: nowrap !important;
1203}
1204/* =====================================
1205   RESOURCES MEGA MENU FINAL CLEAN FIX
1206   (Only sub-menu-wide)
1207===================================== */
1208/* Center full dropdown box */
1209.header:not(.-mobile) .menu .sub-menu-wide {
1210    display: flex !important;
1211    justify-content: center !important;   /* center full menu */
1212    gap: 150px !important;                 /* equal column spacing */
1213    width: max-content !important;        /* remove right empty space */
1214    min-width: unset !important;
1215    padding: 25px 40px !important;
1216    margin: 0 auto !important;
1217}
1218/* Remove forced equal column width */
1219.header:not(.-mobile) .menu .sub-menu-wide > li {
1220    width: auto !important;
1221    padding: 0 !important;
1222}
1223/* Headings (CONTENT / TEMPLATES / FREE TOOLS) */
1224.header:not(.-mobile) .menu .sub-menu-wide > li > a {
1225    pointer-events: none;        /* disable hover on heading */
1226    margin-bottom: 12px !important;
1227    transform: none !important;
1228    transition: none !important;
1229}
1230/* Submenu links */
1231.header:not(.-mobile) .menu .sub-menu-wide li ul li a {
1232    padding: 6px 0 !important;
1233    white-space: nowrap !important;
1234    transform: none !important;
1235    transition: none !important;
1236	margin-bottom: 6px !important;
1237}
1238/* Hover → ONLY color change */
1239.header:not(.-mobile) .menu .sub-menu-wide li ul li a:hover {
1240    background: none !important;
1241    color: #3669D9 !important;
1242    transform: none !important;
1243}
1244/* Kill any theme hover movement */
1245.header:not(.-mobile) .menu .sub-menu-wide a,
1246.header:not(.-mobile) .menu .sub-menu-wide a:hover {
1247    transform: none !important;
1248    margin-top: 0 !important;
1249    box-shadow: none !important;
1250}
1251.header:not(.-mobile) .menu .sub-menu-wide {
1252    left: -618.972px !important;
1253}
1254.header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link {
1255	padding: 0 !important;
1256}
1257.header:not(.-mobile) .menu .sub-menu-wide > li:hover,
1258.header:not(.-mobile) .menu .sub-menu-wide > li > a:hover {
1259    transform: none !important;
1260}
1261.header:not(.-mobile) .menu > .nav-item > ul {
1262	border-radius: 12px;
1263border: 1px solid #DDD;
1264background: #FFF;
1265box-shadow: 0 4px 16px 0 rgba(6, 43, 123, 0.15);
1266}
1267.color-code span {
1268    color: inherit;
1269}
1270/* =====================================
1271   HIDE ICON ON TABLET + MOBILE
1272===================================== */
1273@media (max-width: 768px){
1274/*   .icon-image{
1275      display: none !important;
1276  } */
1277  .icon-wrapper{
1278              display: flex;
1279        flex-direction: row;
1280        gap: 10px;
1281  }
1282	.icon-nav h3 {
1283		font-size: 16px !important;
1284		font-weight: 500 !important;
1285	}
1286	.icon-nav p{
1287		font-size: 12px;
1288		line-height: 110%;
1289		margin-top: 5px;
1290		margin-bottom: 0;
1291	}
1292	.icon-nav {
1293		gap: 0;
1294	}
1295	.menu-xavia {
1296		height: auto !important;
1297	}
1298	.menu-xavia img {
1299		height: 0 !important;
1300		padding: 0 !important;
1301		margin: 0 !important;
1302	}
1303	img.nav-icon.lazyloaded {
1304		max-width: 40px !important;
1305		height: 40px !important;
1306	}
1307	.menu-xpro {
1308		height: auto !important;
1309	}
1310	a.menu-link.-undash.sub-menu-link {
1311    font-size: 16px !important;
1312    font-weight: 500 !important;
1313}
1314}
1315.header.-mobile .menu li > ul li {
1316	width: 100%;
1317}
1318.is-mobile-menu .mobile-overlay.visible .holder {
1319	width: 100% !important;
1320}
1321/* event manager size adjustment */
1322.wpem-event-single-image {
1323	padding: 0 !important;
1324}
1325.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
1326	height: 215px !important;
1327}
1328/* Blog UI FIX */
1329/* .elementor-scroll-progress-bar{
1330display:none !important;
1331} */
1332.my-sticky-start {
1333    z-index: 0 !important;
1334}
1335/* header.-sticky .branding img {
1336    min-height: 42px !important;
1337    max-height: 66px !important;
1338} */
1339/* GOOGLE RECAPTCHA */
1340.grecaptcha-badge {
1341	display: none !important;
1342}
1343/* Custom text selection color for modern browsers */
1344::selection {
1345  background: #3669D9;
1346  color: #ffffff;
1347}
1348/* Custom text selection color for Mozilla Firefox */
1349::-moz-selection {
1350  background: #3669D9;
1351  color: #ffffff;
1352}
1353/* homepage logo bug fix */
1354.branding .logo img {
1355	width: auto !important;
1356}
1357.header .logo-mobile {
1358	display: none !important;
1359}
1360.header .logo.with-mobile {
1361	display: block !important;
1362}
1363.logo-sticky-mobile {
1364	display: none !important;
1365}
1366.branding .logo-sticky {
1367	display: none!important;
1368}
1369.header.-fixed {
1370	z-index: 9999 !important;
1371}
1372/* .page-container {
1373	padding-left: 0;
1374  padding-right: 0;
1375} */
1376@media screen and (max-width: 768px) {
1377	.header .branding .logo img {
1378        width: 100%;
1379    }
1380}
1381@media screen and (min-width: 1181px) {
1382	.header.-sticky .branding .logo img {
1383		 min-height: 42px !important;
1384        height: 42px !important;
1385	}
1386    }
1387@media screen and (min-width: 1181px) and (max-width: 1280px) {
1388    .page-container:not(.-full-w) {
1389		max-width: 1200px !important;
1390	}
1391}
1392.elementor-location-header {
1393    width: 100% !important;
1394}
1395/* Popup Maker Remove Space */
1396.pum-container{
1397    padding:0 !important;
1398}
1399.pum-content{
1400    padding:0 !important;
1401    margin:0 !important;
1402    line-height:0;
1403}
1404.pum-content img{
1405    display:block;
1406    width:100%;
1407    height:auto;
1408    margin:0;
1409    padding:0;
1410}
1411.pum-content p{
1412    margin:0 !important;
1413}
1414.pum-content a{
1415    display:block;
1416    line-height:0;
1417}
1418.pum-container{
1419    width: 1050px !important;
1420    max-width: 95vw !important;
1421	  margin: 0 auto !important;
1422    padding: 0 !important;
1423    border: none !important;
1424    box-shadow: none !important;
1425}
1426.pum-content{
1427    padding: 0 !important;
1428    margin: 0 !important;
1429    line-height: 0;
1430}
1431.pum-content a{
1432    display: block;
1433}
1434.pum-content img{
1435    display: block;
1436    width: 100%;
1437    height: auto;
1438}
1439/* Mobile */
1440@media (max-width: 767px) {
1441    .pum-container{
1442        width: 95vw !important;
1443        max-width: 95vw !important;
1444        padding: 0 !important;
1445        margin: 0 auto !important;
1446    }
1447    .pum-content{
1448        padding: 0 !important;
1449        margin: 0 !important;
1450        line-height: 0;
1451    }
1452    .pum-content img{
1453        width: 100% !important;
1454        height: auto !important;
1455        display: block;
1456    }
1457    .pum-close{
1458        top: 8px !important;
1459        right: 8px !important;
1460    }
1461}
1462/* Only blog hyperlinks */
1463.single-post .elementor-widget-text-editor a {
1464    color: #2a50a6 !important;
1465}
1466/* Bold only the linked keyword text */
1467.single-post .elementor-widget-text-editor a strong,
1468.single-post .elementor-widget-text-editor a b {
1469    color: #2a50a6 !important;
1470    font-weight: 700 !important;
1471}
1472
1473
1474/* Hover */
1475.single-post .elementor-widget-text-editor a:hover,
1476.single-post .elementor-widget-text-editor a:hover strong,
1477.single-post .elementor-widget-text-editor a:hover b {
1478    color: #2a50a6 !important;
1479    font-weight: 700 !important;
1480}
1481
1482		</style>
1483		<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>
1483<script data-minify="1" src="https://xtenav.com/wp-content/cache/min/1/ajax/libs/gsap/3.9.0/gsap.min.js?ver=1790853476"></script>
vendor: 1 bytes, line 1483
1483
1484<script data-minify="1" src="https://xtenav.com/wp-content/cache/min/1/ajax/libs/gsap/3.9.0/ScrollTrigger.min.js?ver=1790853476"></script>
1484
1485<meta name="generator" content="WP Rocket 3.23.2.1" data-wpr-features="wpr_delay_js wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_oci wpr_image_dimensions wpr_minify_css wpr_preload_links wpr_desktop" /></head>
1486<body class="home page-template-default page page-id-276511 wp-embed-responsive group-blog ohio-theme-3-1-2 with-header-3 with-fixed-search icon-buttons-animation is-mobile-menu ai-widget-enabled-page ohio elementor-default elementor-kit-6 elementor-page elementor-page-276511">
1487    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1487-1488
1487
1488<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1488GTM-K548B4B
vendor: 83 bytes, lines 1488-1489
1488"
1489height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1490<!-- End Google Tag Manager (noscript) -->
1491    		<div  data-elementor-type="header" data-elementor-id="288373" class="elementor elementor-288373 elementor-location-header">
1492								<section  class="elementor-section elementor-top-section elementor-element elementor-element-d58f754 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d58f754" data-element_type="section">
1493						<div  class="elementor-container elementor-column-gap-default">
1494					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76bc615" data-id="76bc615" data-element_type="column">
1495			<div class="elementor-widget-wrap elementor-element-populated">
1496									</div>
1497		</div>
1498							</div>
1499		</section>
1500				<section class="elementor-section elementor-top-section elementor-element elementor-element-47cb884 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default" data-id="47cb884" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
1501						<div  class="elementor-container elementor-column-gap-default">
1502					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a0cca19" data-id="a0cca19" data-element_type="column">
1503			<div class="elementor-widget-wrap elementor-element-populated">
1504								<div class="elementor-element elementor-element-171f048 elementor-widget elementor-widget-html" data-id="171f048" data-element_type="widget" data-widget_type="html.default">
1505				<div class="elementor-widget-container">
1506			<style>
1507  .elementor-element-a0cca19.elementor-column-gap-default
1508> .elementor-element-populated {
1509    padding: 0 !important;
1510  }
1511
1512  .custom-top-banner {
1513    width: 100%;
1514    background: #001b5e;
1515    padding: 18px 10px;
1516    position: fixed;
1517    top: 0;
1518    left: 0;
1519    z-index: 10000;
1520
1521    transition: all 0.35s ease;
1522
1523    transform: translateY(0);
1524    opacity: 1;
1525  }
1526
1527  .banner-content {
1528    max-width: 1400px;
1529    margin: auto;
1530    display: flex;
1531    align-items: center;
1532    justify-content: center;
1533    gap: 20px;
1534    position: relative;
1535    flex-wrap: wrap;
1536  }
1537
1538  .banner-logo {
1539    height: 42px !important;
1540    width: auto;
1541  }
1542
1543  .banner-text {
1544    color: #fff;
1545    font-size: 16px;
1546    font-weight: 500;
1547    text-align: center;
1548  }
1549
1550  .banner-btn {
1551    background: #fff;
1552    color: #001b5e !important;
1553    padding: 4px 10px;
1554    border-radius: 10px;
1555    text-decoration: none;
1556    font-weight: 600;
1557    font-size: 14px;
1558    transition: 0.3s ease;
1559  }
1560
1561  .banner-btn:hover {
1562    background: #f2f2f2;
1563  }
1564
1565  .banner-close {
1566    position: absolute;
1567    right: 0;
1568    top: 50%;
1569    transform: translateY(-50%);
1570    color: #fff;
1571    font-size: 32px;
1572    cursor: pointer;
1573    line-height: 1;
1574  }
1575
1576  @media (max-width: 768px) {
1577    .custom-top-banner {
1578      padding: 10px;
1579    }
1580
1581    .banner-content {
1582      gap: 6px;
1583      display: flex;
1584      flex-direction: column;
1585    }
1586
1587    .banner-text {
1588      font-size: 13px;
1589      width: 230px;
1590    }
1591
1592    .banner-btn {
1593      padding: 4px 12px;
1594      font-size: 14px;
1595      border-radius: 6px;
1596    }
1597
1598    .banner-logo {
1599      height: 34px;
1600    }
1601
1602    .banner-close {
1603      top: -10px;
1604      right: 2px;
1605      transform: none;
1606    }
1607  }
1608
1609  /* ================= HEADER ================= */
1610
1611  .header {
1612    position: fixed !important;
1613    top: 78px;
1614    left: 0;
1615    width: 100%;
1616    background: #fff;
1617    border-bottom: 1px solid #ececec;
1618    z-index: 9999;
1619    transition: top 0.35s ease;
1620  }
1621
1622  .header-wrapper {
1623    margin: 0 4.5rem;
1624    /*padding: 10px 0;*/
1625    display: flex;
1626    align-items: center;
1627    justify-content: space-between;
1628  }
1629
1630  /* ================= LOGO ================= */
1631
1632  .logo-2 img {
1633    height: auto;
1634    width: 150px;
1635  }
1636
1637  /* ================= NAV ================= */
1638
1639  .nav-new {
1640    display: flex;
1641    align-items: center;
1642    gap: 30px;
1643    margin-left: 40px;
1644  }
1645
1646  .nav-item-new {
1647    position: relative;
1648    padding: 18px 0;
1649  }
1650
1651  .nav-item-new > a {
1652    text-decoration: none;
1653    color: #646464;
1654    font-size: 16px;
1655    font-weight: 500;
1656    transition: 0.25s;
1657  }
1658
1659  .nav-item-new > a:hover {
1660    color: #3669d9 !important;
1661  }
1662
1663  /* ================= ICON DROPDOWN ================= */
1664
1665  .icon-dropdown-new {
1666    position: absolute;
1667    top: 62px;
1668    left: 0;
1669    width: 340px;
1670    padding: 8px;
1671    opacity: 0;
1672    visibility: hidden;
1673    transform: translateY(12px);
1674    transition: 0.35s ease;
1675
1676    border-radius: 12px;
1677    border: 1px solid #ddd;
1678    background: #fff;
1679    box-shadow: 0 4px 16px 0 rgba(6, 43, 123, 0.15);
1680  }
1681
1682  .dropdown-icon-new {
1683    margin-bottom: 10px;
1684  }
1685
1686  .dropdown-icon-new:nth-child(4) {
1687    margin-bottom: 0;
1688  }
1689
1690  .nav-item-new:hover .icon-dropdown-new {
1691    opacity: 1;
1692    visibility: visible;
1693    transform: translateY(0);
1694  }
1695
1696  /* ================= ICON WRAPPER ================= */
1697
1698  .icon-wrapper-new {
1699    display: flex;
1700    flex-direction: row;
1701    gap: 12px;
1702    align-content: center !important;
1703    padding: 12px !important;
1704    align-items: center;
1705    border-radius: 8px;
1706  }
1707
1708  .icon-wrapper-new:hover {
1709    background: #f0f8ff;
1710  }
1711
1712  .icon-image-new {
1713    border-radius: 8px;
1714    flex-direction: column;
1715    /* flex: none; */
1716    justify-content: center !important;
1717    align-items: center;
1718    width: 40px;
1719    height: 40px;
1720    display: flex;
1721  }
1722
1723  .icon-nav-new {
1724    grid-column-gap: 0.125rem;
1725    grid-row-gap: 0.125rem;
1726    flex-direction: column;
1727    justify-content: center;
1728    align-items: flex-start;
1729    display: flex;
1730  }
1731
1732  .nav-icon-new {
1733    width: 55px;
1734    height: 55px;
1735  }
1736
1737  /* ================= TEXT ================= */
1738
1739  .icon-nav-new h3 {
1740    font-family: Poppins !important;
1741    font-style: normal !important;
1742    font-size: 16px !important;
1743    font-weight: 500 !important;
1744  }
1745
1746  .icon-nav-new p {
1747    font-size: 13px;
1748    margin-top: 0;
1749    margin-bottom: 0;
1750    color: #6b7280;
1751    font-weight: 400;
1752    font-family: "Poppins";
1753    font-style: normal;
1754  }
1755
1756  /* ================= MEGA MENU ================= */
1757
1758  .mega-menu-new {
1759    position: absolute;
1760    top: 62px;
1761    left: -140%;
1762    transform: translateX(-50%) translateY(15px);
1763    width: 800px;
1764    background: #fff;
1765    border-radius: 12px;
1766    border: 1px solid #ddd;
1767    padding: 20px;
1768    display: grid;
1769    grid-template-columns: repeat(3, 1fr);
1770    gap: 0;
1771    box-shadow: 0 4px 16px 0 rgba(6, 43, 123, 0.15);
1772    opacity: 0;
1773    visibility: hidden;
1774    transition: 0.35s ease;
1775  }
1776
1777  .nav-item-new:hover .mega-menu-new {
1778    opacity: 1;
1779    visibility: visible;
1780    transform: translateX(-50%) translateY(0);
1781  }
1782
1783  /* ================= MEGA COLUMN ================= */
1784
1785  /* COLUMN 1 */
1786  .mega-menu-new .menu-column-new:nth-child(1) {
1787    width: 240px;
1788  }
1789
1790  /* COLUMN 2 */
1791  .mega-menu-new .menu-column-new:nth-child(2) {
1792    width: 380px;
1793  }
1794
1795  /* COLUMN 3 */
1796  .mega-menu-new .menu-column-new:nth-child(3) {
1797    width: 150px;
1798  }
1799
1800  .menu-column-new h4 {
1801    color: #777;
1802    font-size: 12px;
1803    font-weight: 600;
1804
1805    margin-bottom: 24px;
1806
1807    letter-spacing: 0.5px;
1808  }
1809
1810  .menu-column-new a {
1811    display: block;
1812
1813    text-decoration: none;
1814
1815    color: #2b2b2b;
1816
1817    font-size: 14px;
1818    font-weight: 500;
1819    font-family: Poppins !important;
1820    font-style: normal !important;
1821
1822    margin-bottom: 20px;
1823
1824    transition: 0.25s;
1825  }
1826
1827  .menu-column-new a:hover {
1828    color: #3669d9;
1829  }
1830  
1831  .see-all-industries{
1832    display:flex;
1833    align-items:center;
1834    padding-left: 12px;
1835    text-decoration:none;
1836    color:#3669D9 !important;
1837    font-size:14px;
1838    font-weight:400;
1839    transition:.3s;
1840}
1841
1842.see-all-industries .arrow{
1843    font-size:22px;
1844    color: #3669D9;
1845    transition:.3s;
1846    margin-left: 8px;
1847}
1848
1849.see-all-industries:hover{
1850    color:#1d4fc9;
1851}
1852
1853.see-all-industries:hover .arrow{
1854    transform:translateX(6px);
1855}
1856
1857.mobile-see-all{
1858    display:flex;
1859    align-items:center;
1860    padding:14px 20px;
1861    margin-top:8px;
1862    text-decoration:none;
1863    color:#3669D9 !important;
1864    font-size:12px;
1865    font-weight:500;
1866    border-top:1px solid #E8E8E8;
1867    border-bottom:1px solid #E8E8E8;
1868    transition:.3s ease;
1869}
1870
1871.mobile-see-all span:last-child{
1872    font-size:20px;
1873    transition:.3s ease;
1874    margin-left: 8px;
1875}
1876
1877.mobile-see-all:hover{
1878    color:#1D4FC9;
1879}
1880
1881.mobile-see-all:hover span:last-child{
1882    transform:translateX(5px);
1883}
1884
1885  /* ================= RIGHT SIDE ================= */
1886
1887  .header-right {
1888    display: flex;
1889    align-items: center;
1890    gap: 6px;
1891  }
1892
1893  .demo-cta {
1894    background: #3669d9 !important;
1895    color: #fff !important;
1896    text-decoration: none !important;
1897    padding: 4px 10px !important;
1898    border-radius: 8px !important;
1899    letter-spacing: 0 !important;
1900    font-size: 14px !important;
1901    font-weight: 600 !important;
1902    transition: 0.25s !important;
1903    min-height: 0 !important;
1904    border: none !important;
1905  }
1906
1907  .demo-cta:hover {
1908    background: #2858c7 !important;
1909  }
1910
1911  .trial-cta {
1912    background: #3669d9;
1913    color: #fff !important;
1914    text-decoration: none !important;
1915    padding: 4px 18px !important;
1916    border-radius: 8px !important;
1917    letter-spacing: 0 !important;
1918    font-size: 15px !important;
1919    font-weight: 600 !important;
1920    transition: 0.25s !important;
1921    min-height: 0 !important;
1922    border: none !important;
1923  }
1924
1925  .trial-cta:hover {
1926    background: #2858c7;
1927  }
1928
1929  .login {
1930    text-decoration: none;
1931    color: #2b2b2b !important;
1932    font-size: 16px;
1933    padding: 4px 10px;
1934    font-weight: 500;
1935  }
1936
1937  .login:hover {
1938    color: #2b2b2b !important;
1939    background: #f6f7fb;
1940    border-radius: 8px;
1941  }
1942
1943  /* ================= MOBILE ================= */
1944
1945  .mobile-toggle {
1946    width: 32px;
1947    height: 15px;
1948    position: relative;
1949    display: none;
1950    justify-content: center;
1951    align-items: center;
1952    cursor: pointer;
1953  }
1954
1955  .mobile-toggle span {
1956    position: absolute;
1957    width: 100%;
1958    height: 2px;
1959    background: #111;
1960    border-radius: 10px;
1961    transition: 0.3s ease;
1962  }
1963
1964  /* TOP */
1965  .mobile-toggle span:nth-child(1) {
1966    top: 0;
1967  }
1968
1969  /* MIDDLE */
1970  .mobile-toggle span:nth-child(2) {
1971    top: 7px;
1972  }
1973
1974  /* BOTTOM */
1975  .mobile-toggle span:nth-child(3) {
1976    top: 15px;
1977  }
1978
1979  /* ACTIVE */
1980
1981  .mobile-toggle.active span:nth-child(1) {
1982    transform: rotate(45deg);
1983    top: 10px;
1984  }
1985
1986  .mobile-toggle.active span:nth-child(2) {
1987    opacity: 0;
1988  }
1989
1990  .mobile-toggle.active span:nth-child(3) {
1991    transform: rotate(-45deg);
1992    top: 10px;
1993  }
1994
1995  .mobile-menu {
1996    display: none;
1997  }
1998
1999  /* ================= MOBILE DROPDOWN ================= */
2000
2001  .mobile-dropdown,
2002  .mobile-inner-dropdown {
2003    width: 100%;
2004  }
2005
2006  .mobile-dropdown-header,
2007  .mobile-inner-header {
2008    display: flex;
2009    align-items: center;
2010    justify-content: space-between;
2011    cursor: pointer;
2012    padding: 4px 0;
2013    font-size: 16px;
2014    font-weight: 500;
2015    color: #111;
2016  }
2017
2018  .mobile-dropdown-content,
2019  .mobile-inner-content {
2020    display: none;
2021    flex-direction: column;
2022    gap: 12px;
2023    padding-top: 14px;
2024    padding-left: 10px;
2025  }
2026
2027  .mobile-dropdown.active .mobile-dropdown-content,
2028  .mobile-inner-dropdown.active .mobile-inner-content {
2029    display: flex;
2030  }
2031
2032  .mobile-sub-item {
2033    display: flex !important;
2034    align-items: center;
2035    gap: 12px;
2036    text-decoration: none;
2037    padding: 10px;
2038    border-radius: 10px;
2039  }
2040
2041  .mobile-sub-item:hover {
2042    background: #f5f8ff;
2043  }
2044
2045  .mobile-sub-item img {
2046    width: 42px;
2047    height: 42px;
2048    object-fit: contain;
2049  }
2050
2051  .mobile-sub-item h4 {
2052    margin: 0;
2053    font-size: 14px;
2054    color: #2b2b2b;
2055    font-weight: 600;
2056  }
2057
2058  .mobile-sub-item p {
2059    margin: 2px 0 0;
2060    font-size: 13px;
2061    color: #6b7280;
2062    line-height: 1.4;
2063  }
2064
2065  .mobile-inner-content a {
2066    font-size: 14px !important;
2067    color: #444 !important;
2068    padding: 4px 0;
2069  }
2070
2071  .mobile-plus {
2072    font-size: 24px;
2073    font-weight: 300;
2074  }
2075
2076  /* ================= RESPONSIVE ================= */
2077
2078  /*@media(max-width:1200px){*/
2079
2080  /*    .mega-menu{*/
2081  /*        width:95vw;*/
2082  /*    }*/
2083
2084  /*}*/
2085
2086  /* ================= MOBILE RESPONSIVE ================= */
2087
2088  @media (max-width: 1200px) {
2089    /* DESKTOP NAV HIDE */
2090
2091    .nav-new,
2092    .header-right {
2093      display: none !important;
2094    }
2095
2096    /* HEADER */
2097
2098    .header {
2099      height: 72px;
2100    }
2101
2102    .header-wrapper {
2103      margin: 0 !important;
2104      padding: 16px 20px !important;
2105    }
2106
2107    .logo-2 img {
2108      width: 130px;
2109      height: auto;
2110    }
2111
2112    /* HAMBURGER */
2113
2114    .mobile-toggle {
2115      display: flex !important;
2116      flex-direction: column;
2117      gap: 5px;
2118      cursor: pointer;
2119    }
2120
2121    .mobile-toggle span {
2122      width: 24px;
2123      height: 2px;
2124      background: #111;
2125      border-radius: 10px;
2126      transition: 0.3s;
2127    }
2128
2129    /* ================= PREMIUM HAMBURGER ================= */
2130
2131    .mobile-toggle {
2132      width: 34px;
2133      height: 34px;
2134
2135      position: relative;
2136
2137      display: none;
2138      justify-content: center;
2139      align-items: center;
2140
2141      cursor: pointer;
2142
2143      border-radius: 10px;
2144
2145      transition: 0.3s ease;
2146    }
2147
2148    /* HOVER */
2149
2150    .mobile-toggle:hover {
2151      background: #f5f7fb;
2152    }
2153
2154    /* LINES */
2155
2156    .mobile-toggle span {
2157      position: absolute;
2158
2159      width: 24px;
2160      height: 2px;
2161
2162      background: #111;
2163
2164      border-radius: 20px;
2165
2166      transition:
2167        transform 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6),
2168        opacity 0.25s ease,
2169        top 0.35s ease,
2170        width 0.35s ease;
2171
2172      transform-origin: center;
2173    }
2174
2175    /* TOP */
2176
2177    .mobile-toggle span:nth-child(1) {
2178      top: 10px;
2179    }
2180
2181    /* MIDDLE */
2182
2183    .mobile-toggle span:nth-child(2) {
2184      top: 16px;
2185      width: 18px;
2186    }
2187
2188    /* BOTTOM */
2189
2190    .mobile-toggle span:nth-child(3) {
2191      top: 22px;
2192    }
2193
2194    /* ================= ACTIVE ================= */
2195
2196    /* TOP */
2197
2198    .mobile-toggle.active span:nth-child(1) {
2199      top: 16px;
2200      transform: rotate(45deg);
2201    }
2202
2203    /* MIDDLE */
2204
2205    .mobile-toggle.active span:nth-child(2) {
2206      opacity: 0;
2207      transform: scaleX(0);
2208    }
2209
2210    /* BOTTOM */
2211
2212    .mobile-toggle.active span:nth-child(3) {
2213      top: 16px;
2214      transform: rotate(-45deg);
2215    }
2216
2217    /* MOBILE MENU */
2218
2219    .mobile-menu {
2220      position: fixed;
2221      top: 72px;
2222      left: 0;
2223
2224      width: 100%;
2225      height: calc(100vh - 72px);
2226
2227      background: #fff;
2228
2229      overflow-y: auto;
2230
2231      padding: 24px 20px 120px;
2232
2233      z-index: 999999;
2234
2235      display: none;
2236      flex-direction: column;
2237      gap: 22px;
2238
2239      border-top: 1px solid #eee;
2240    }
2241
2242    .mobile-menu.active {
2243      display: flex;
2244      gap: 10px;
2245      scrollbar-width: none;
2246    }
2247
2248    .mobile-menu > a {
2249      text-decoration: none;
2250      color: #2b2b2b;
2251      font-size: 16px;
2252      height: 32px;
2253      font-weight: 500;
2254    }
2255
2256    /* DROPDOWN */
2257
2258    .mobile-dropdown,
2259    .mobile-inner-dropdown {
2260      width: 100%;
2261    }
2262
2263    .mobile-dropdown-header {
2264      display: flex;
2265      align-items: center;
2266      justify-content: space-between;
2267      cursor: pointer;
2268      padding: 0;
2269      font-size: 16px;
2270      font-weight: 500;
2271      color: #2b2b2b;
2272    }
2273
2274    .mobile-inner-header {
2275      display: flex;
2276      align-items: center;
2277      justify-content: space-between;
2278      cursor: pointer;
2279      padding: 0;
2280      font-size: 14px;
2281      font-weight: 500;
2282      margin-bottom: 10px;
2283      color: #646464;
2284    }
2285
2286    .mobile-dropdown-content {
2287      display: none;
2288      flex-direction: column;
2289      gap: 0;
2290
2291      padding-top: 10px;
2292      padding-left: 0;
2293    }
2294
2295    .mobile-inner-content {
2296      display: none;
2297      flex-direction: column;
2298      gap: 8px;
2299
2300      padding-top: 0;
2301      padding-left: 14px;
2302    }
2303
2304    .mobile-inner-content a:nth-child(6) {
2305      margin-bottom: 10px;
2306    }
2307
2308    .mobile-dropdown.active .mobile-dropdown-content,
2309    .mobile-inner-dropdown.active .mobile-inner-content {
2310      display: flex;
2311    }
2312
2313    /* SUB ITEMS */
2314
2315    .mobile-sub-item {
2316      display: flex !important;
2317      align-items: center;
2318      gap: 14px;
2319
2320      padding: 10px;
2321
2322      border-radius: 12px;
2323
2324      text-decoration: none;
2325    }
2326
2327    .mobile-sub-item:hover {
2328      background: #f5f8ff;
2329    }
2330
2331    .mobile-sub-item img {
2332      width: 45px;
2333      height: 45px;
2334      min-width: 45px;
2335
2336      object-fit: contain;
2337
2338      background: #f4f7fd;
2339
2340      padding: 6px;
2341
2342      border-radius: 10px;
2343
2344      display: block;
2345    }
2346
2347    .mobile-sub-item h4 {
2348      margin: 0;
2349      font-size: 16px;
2350      font-weight: 600;
2351      color: #111;
2352    }
2353
2354    .mobile-sub-item p {
2355      margin: 2px 0 0;
2356      font-size: 11px;
2357      color: #6b7280;
2358      line-height: 1.4;
2359    }
2360
2361    /* INNER LINKS */
2362
2363    .mobile-inner-content a {
2364      text-decoration: none;
2365      color: #2b2b2b !important;
2366      font-size: 14px !important;
2367      font-weight: 500;
2368      padding: 2px 0;
2369    }
2370
2371    /* PLUS */
2372
2373    .mobile-plus {
2374      font-size: 20px;
2375      font-weight: 300;
2376    }
2377
2378    /* BUTTONS */
2379
2380    .login {
2381      background: #fff !important;
2382      border: 1px solid #d0d5dd !important;
2383      color: #637381 !important;
2384      box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05) !important;
2385    }
2386
2387    .mobile-menu .demo-btn,
2388    .mobile-menu .trial-btn,
2389    .mobile-menu .login {
2390      display: flex;
2391      width: 100%;
2392      text-align: center;
2393      justify-content: center !important;
2394      padding: 18px 20px !important;
2395      border-radius: 12px !important;
2396      align-items: center;
2397    }
2398  }
2399
2400  /* SMALL DESKTOP / LAPTOP */
2401
2402  @media (min-width: 1400px) and (max-width: 1599px) {
2403    .header-wrapper {
2404      margin: 0 7.5rem;
2405    }
2406  }
2407
2408  @media (min-width: 1600px) {
2409    .header-wrapper {
2410      max-width: 1400px;
2411      margin: auto;
2412      padding: 6px 55px;
2413    }
2414
2415    .nav-new {
2416      gap: 42px;
2417    }
2418
2419    .nav-item-new {
2420      padding: 17px 0;
2421    }
2422
2423    .nav-item-new > a {
2424      font-size: 17px;
2425    }
2426
2427    .icon-dropdown-new {
2428      top: 67px;
2429    }
2430
2431    .mega-menu-new {
2432      top: 67x;
2433    }
2434  }
2435
2436  .elementor-location-header {
2437    padding-top: 60px;
2438  }
2439
2440  body {
2441    padding-top: 15px;
2442  }
2443
2444  @media (max-width: 768px) {
2445    body {
2446      padding-top: 90px;
2447    }
2448    .demo-cta,
2449    .trial-cta {
2450      display: flex;
2451      width: 100%;
2452      text-align: center;
2453      justify-content: center !important;
2454      padding: 18px 20px !important;
2455      border-radius: 12px !important;
2456      align-items: center;
2457    }
2458  }
2459
2460  @media (max-width: 468px) {
2461    body {
2462      padding-top: 80px;
2463    }
2464  }
2465</style>
2466
2467<!-- InfoComm Top Banner -->
2468<div class="custom-top-banner" id="customTopBanner">
2469  <div class="banner-content">
2470    <!--<img-->
2471    <!--  src="https://xtenav.com/wp-content/uploads/2026/05/InfoComm-Wordmark-White-2.png"-->
2472    <!--  alt="InfoComm Logo"-->
2473    <!--  class="banner-logo"-->
2474    <!--  loading="eager"-->
2475    <!--  fetchpriority="high"-->
2476    <!--  decoding="async"-->
2477    <!--  width="200"-->
2478    <!--  height="42"-->
2479    <!--/>-->
2480
2481    <div class="banner-text">
2482    WEBINAR | Are You an Engineer or an Admin? | October 14, 2026
2483    </div>
2484
2485    <a
2486      href="https://us02web.zoom.us/webinar/register/3717893702043/WN_Lc2fGgyGRWulZaEcO34JRg?utm_source=website&utm_medium=homepage&utm_campaign=14octruanengnrwebnr&utm_term=14octruanengnrwebnr&utm_content=hellobar#/registration" target="_blank"
2487      class="banner-btn"
2488    >
2489      Register Now
2490    </a>
2491
2492    <span class="banner-close" onclick="closeTopBanner()">×</span>
2493  </div>
2494</div>
2495
2496<header class="header">
2497  <div class="header-wrapper">
2498    <!-- LOGO -->
2499
2500    <div class="logo-2">
2501      <a href="https://xtenav.com">
2502        <img
2503          src="https://xtenav.com/wp-content/uploads/2026/05/XTEN-AV-LOGO.webp"
2504          alt="XTEN AV Logo"
2505          width="150"
2506          height="40"
2507          loading="eager"
2508          fetchpriority="high"
2509          decoding="async"
2510        />
2511      </a>
2512    </div>
2513
2514    <!-- NAVBAR -->
2515
2516    <nav class="nav-new">
2517      <!-- SOLUTIONS -->
2518
2519      <div class="nav-item-new">
2520        <a href="#">Solutions</a>
2521
2522        <div class="icon-dropdown-new">
2523          <!-- X DRAW -->
2524          <div class="dropdown-icon-new">
2525            <a href="https://xtenav.com/x-draw/" class="icon-wrapper-new">
2526              <div class="icon-image-new">
2527                <img width="152" height="152"
2528                  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2529                  alt="X-Draw"
2530                  class="nav-icon-new"
2531                data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/X-DRAW.webp" /><noscript><img width="152" height="152"
2532                  src="https://xtenav.com/wp-content/uploads/2026/04/X-DRAW.webp"
2533                  alt="X-Draw"
2534                  class="nav-icon-new"
2535                /></noscript>
2536              </div>
2537
2538              <div class="icon-nav-new">
2539                <h3>X-DRAW</h3>
2540                <p>
2540Smarter & Faster AV Designs</p>
2541              </div>
2542            </a>
2543          </div>
2544
2545          <!-- X DOC -->
2546          <div class="dropdown-icon-new">
2547            <a href="https://xtenav.com/x-doc/" class="icon-wrapper-new">
2548              <div class="icon-image-new">
2549                <img width="152" height="152"
2550                  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2551                  alt="X-doc"
2552                  class="nav-icon-new"
2553                data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/X-DOC.webp" /><noscript><img width="152" height="152"
2554                  src="https://xtenav.com/wp-content/uploads/2026/04/X-DOC.webp"
2555                  alt="X-doc"
2556                  class="nav-icon-new"
2557                /></noscript>
2558              </div>
2559
2560              <div class="icon-nav-new">
2561                <h3>X-DOC</h3>
2562                <p>Instant & Accurate AV Proposals</p>
2563              </div>
2564            </a>
2565          </div>
2566
2567          <!-- X PRO -->
2568          <div class="dropdown-icon-new">
2569            <a href="https://xtenav.com/x-pro/" class="icon-wrapper-new">
2570              <div class="icon-image-new">
2571                <img width="152" height="152"
2572                  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2573                  alt="X-pro"
2574                  class="nav-icon-new"
2575                data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/X-PRO.webp" /><noscript><img width="152" height="152"
2576                  src="https://xtenav.com/wp-content/uploads/2026/04/X-PRO.webp"
2577                  alt="X-pro"
2578                  class="nav-icon-new"
2579                /></noscript>
2580              </div>
2581
2582              <div class="icon-nav-new">
2583                <h3>X-PRO</h3>
2584                <p>Deliver, Manage & Service AV Projects</p>
2585              </div>
2586            </a>
2587          </div>
2588
2589          <!-- XAVIA -->
2590          <div class="dropdown-icon-new">
2591            <a href="https://xtenav.com/xavia/" class="icon-wrapper-new">
2592              <div class="icon-image-new">
2593                <img width="152" height="152"
2594                  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2595                  alt="Xavia"
2596                  class="nav-icon-new"
2597                data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/XAVIA.webp" /><noscript><img width="152" height="152"
2598                  src="https://xtenav.com/wp-content/uploads/2026/04/XAVIA.webp"
2599                  alt="Xavia"
2600                  class="nav-icon-new"
2601                /></noscript>
2602              </div>
2603
2604              <div class="icon-nav-new">
2605                <h3>XAVIA</h3>
2606                <p>AI-Powered AV Workflows</p>
2607              </div>
2608            </a>
2609          </div>
2610        </div>
2611      </div>
2612      
2613      <div class="nav-item-new">
2614
2615                <a href="https://xtenav.com/industries/">Industries</a>
2616
2617                <div class="icon-dropdown-new" style="width:340px;">
2618
2619                    <a href="https://xtenav.com/industries/commercial-av/" class="icon-wrapper-new">
2620
2621                        <div class="icon-image-new">
2622                            <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" class="nav-icon-new" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387.svg" class="nav-icon-new"></noscript>
2623                        </div>
2624
2625                        <div class="icon-nav-new">
2626                            <h3>Commercial AV</h3>
2627                        </div>
2628
2629                    </a>
2630                    
2631                    <a href="https://xtenav.com/industries/av-manufacturers/" class="icon-wrapper-new">
2632
2633                        <div class="icon-image-new">
2634                            <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" class="nav-icon-new" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387-1.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387-1.svg" class="nav-icon-new"></noscript>
2635                        </div>
2636
2637                        <div class="icon-nav-new">
2638                            <h3>Manufacturing AV</h3>
2639                        </div>
2640
2641                    </a>
2642                    
2643                     <a href="https://xtenav.com/industries/residential-av/" class="icon-wrapper-new">
2644
2645                        <div class="icon-image-new">
2646                            <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" class="nav-icon-new" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/08/Residential-AV-Icon.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/08/Residential-AV-Icon.svg" class="nav-icon-new"></noscript>
2647                        </div>
2648
2649                        <div class="icon-nav-new">
2650                            <h3>Residential AV</h3>
2651                        </div>
2652
2653                    </a>
2654                    
2655                     <a href="https://xtenav.com/industries/higher-ed/" class="icon-wrapper-new">
2656
2657                        <div class="icon-image-new">
2658                            <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" class="nav-icon-new" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/08/Higher-Ed-Icon.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/08/Higher-Ed-Icon.svg" class="nav-icon-new"></noscript>
2659                        </div>
2660
2661                        <div class="icon-nav-new">
2662                            <h3>Higher Ed AV</h3>
2663                        </div>
2664
2665                    </a>
2666                    
2667                     <!-- See All Industries -->
2668        <a href="https://xtenav.com/industries/" class="see-all-industries">
2669            <span>See All Industries</span>
2670            <span class="arrow">→</span>
2671        </a>
2672
2673                </div>
2674
2675            </div>
2676
2677
2678      <!-- PRICING -->
2679
2680      <div class="nav-item-new">
2681        <a href="https://xtenav.com/pricing/">Pricing</a>
2682      </div>
2683
2684      <!-- EVENTS -->
2685
2686      <div class="nav-item-new">
2687        <a href="https://xtenav.com/events/">Events</a>
2688      </div>
2689
2690      <!-- PARTNERSHIPS -->
2691
2692      <div class="nav-item-new">
2693        <a href="#">Partnerships</a>
2694
2695        <div class="icon-dropdown-new" style="width: 340px">
2696          <a href="https://xtenav.com/insightx/" class="icon-wrapper-new">
2697            <div class="icon-image-new">
2698              <img width="152" height="152"
2699                src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2700                alt="insightX"
2701                class="nav-icon-new"
2702              data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/INSIGHTX.webp" /><noscript><img width="152" height="152"
2703                src="https://xtenav.com/wp-content/uploads/2026/04/INSIGHTX.webp"
2704                alt="insightX"
2705                class="nav-icon-new"
2706              /></noscript>
2707            </div>
2708
2709            <div class="icon-nav-new">
2710              <h3>insightX</h3>
2711              <p>Data-Driven AV Insights</p>
2712            </div>
2713          </a>
2714        </div>
2715      </div>
2716
2717      <!-- RESOURCES -->
2718
2719      <div class="nav-item-new">
2720        <a href="#">Resources</a>
2721
2722        <!-- MEGA MENU -->
2723
2724        <div class="mega-menu-new">
2725          <!-- COLUMN 1 -->
2726
2727          <div class="menu-column-new">
2728            <h4>CONTENT</h4>
2729
2730            <a href="https://xtenav.com/case-studies/">Case Studies</a>
2731
2732            <a href="https://xtenav.com/blog/">Blog</a>
2733
2734            <a href="https://knowledgebase.xtenav.com/en-us/">KnowledgeBase</a>
2735            
2736             <a href="https://xtenav.com/whitepapers/">Whitepaper</a>
2737             
2738              <a href="https://xtenav.com/infographics/">Infographics</a>
2739              
2740              <a href="https://xtenav.com/whats-new-in-xtenav/">What's New</a>
2741          </div>
2742
2743          <!-- COLUMN 2 -->
2744
2745          <div class="menu-column-new">
2746            <h4>TEMPLATES</h4>
2747
2748            <a href="https://xtenav.com/av-proposal-templates/"
2749              >AV Proposal Templates</a
2750            >
2751
2752            <a href="https://xtenav.com/business-proposal-templates/"
2753              >Business Proposal Templates</a
2754            >
2755
2756            <a href="https://xtenav.com/av-design-templates/"
2757              >AV Design Templates</a
2758            >
2759          </div>
2760
2761          <!-- COLUMN 3 -->
2762
2763          <div class="menu-column-new">
2764            <h4>FREE TOOLS</h4>
2765
2766            <a href="https://xtenav.com/free-tools/">AV Calculators</a>
2767          </div>
2768        </div>
2769      </div>
2770    </nav>
2771
2772    <!-- RIGHT SIDE -->
2773
2774    <div class="header-right">
2775      <a href="https://xtenav.com/schedule-demo/" class="demo-cta">
2776        Book a Demo
2777      </a>
2778
2779      <a
2780        href="https://app.xtenav.com/register?utm_campaign=%2C%2C&utm_content=%2C%2C&device_type=desktop_web&registration_channel=desktop_web&source_path=%252Ffree-tools%252F&user_ip=119.82.94.7&cta_id=free-trail-btn+button+-small+btn-optional&utm_source=direct%2Cxtenav.com&utm_medium=direct%2Creferral"
2781        class="trial-cta"
2782      >
2783        Free trial
2784      </a>
2785
2786      <a href="https://app.xtenav.com/login" class="login"> Login </a>
2787    </div>
2788
2789    <!-- MOBILE TOGGLE -->
2790
2791    <div class="mobile-toggle" id="mobileToggle">
2792      <span></span>
2793      <span></span>
2794      <span></span>
2795    </div>
2796  </div>
2797
2798  <!-- MOBILE MENU -->
2799
2800  <div class="mobile-menu" id="mobileMenu">
2801    <!-- SOLUTIONS -->
2802    <div class="mobile-dropdown">
2803      <div class="mobile-dropdown-header">
2804        <span>Solutions</span>
2805        <span class="mobile-plus">+</span>
2806      </div>
2807
2808      <div class="mobile-dropdown-content">
2809        <a href="https://xtenav.com/x-draw/" class="mobile-sub-item">
2810          <img width="152" height="152"
2811            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2812            alt="X-draw"
2813          data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/X-DRAW.webp" /><noscript><img width="152" height="152"
2814            src="https://xtenav.com/wp-content/uploads/2026/04/X-DRAW.webp"
2815            alt="X-draw"
2816          /></noscript>
2817          <div>
2818            <h4>X-DRAW</h4>
2819            <p>Smarter & Faster AV Designs</p>
2820          </div>
2821        </a>
2822
2823        <a href="https://xtenav.com/x-doc/" class="mobile-sub-item">
2824          <img width="152" height="152"
2825            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2826            alt="X-doc"
2827          data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/X-DOC.webp" /><noscript><img width="152" height="152"
2828            src="https://xtenav.com/wp-content/uploads/2026/04/X-DOC.webp"
2829            alt="X-doc"
2830          /></noscript>
2831          <div>
2832            <h4>X-DOC</h4>
2833            <p>Instant & Accurate AV Proposals</p>
2834          </div>
2835        </a>
2836
2837        <a href="https://xtenav.com/x-pro/" class="mobile-sub-item">
2838          <img width="152" height="152"
2839            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2840            alt="X-pro"
2841          data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/X-PRO.webp" /><noscript><img width="152" height="152"
2842            src="https://xtenav.com/wp-content/uploads/2026/04/X-PRO.webp"
2843            alt="X-pro"
2844          /></noscript>
2845          <div>
2846            <h4>X-PRO</h4>
2847            <p>End-to-End Project Management</p>
2848          </div>
2849        </a>
2850
2851        <a href="https://xtenav.com/xavia/" class="mobile-sub-item">
2852          <img width="152" height="152"
2853            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2854            alt="Xavia"
2855          data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/XAVIA.webp" /><noscript><img width="152" height="152"
2856            src="https://xtenav.com/wp-content/uploads/2026/04/XAVIA.webp"
2857            alt="Xavia"
2858          /></noscript>
2859          <div>
2860            <h4>XAVIA</h4>
2861            <p>AI-Powered AV Workflows</p>
2862          </div>
2863        </a>
2864      </div>
2865    </div>
2866    
2867    <div class="mobile-dropdown">
2868
2869        <div class="mobile-dropdown-header">
2870            <span>Industries</span>
2871            <span class="mobile-plus">+</span>
2872        </div>
2873
2874        <div class="mobile-dropdown-content">
2875
2876            <a href="https://xtenav.com/industries/commercial-av/" class="mobile-sub-item">
2877                <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387.svg"></noscript>
2878                <div>
2879                    <h4>Commercial AV</h4>
2880                </div>
2881            </a>
2882            
2883            <a href="https://xtenav.com/industries/av-manufacturers/" class="mobile-sub-item">
2884                <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387-1.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/07/Frame-2147223387-1.svg"></noscript>
2885                <div>
2886                    <h4>Manufacturing AV</h4>
2887                </div>
2888            </a>
2889            
2890             <a href="https://xtenav.com/industries/residential-av/" class="mobile-sub-item">
2891                <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/08/Residential-AV-Icon.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/08/Residential-AV-Icon.svg"></noscript>
2892                <div>
2893                    <h4>Residential AV</h4>
2894                </div>
2895            </a>
2896            
2897             <a href="https://xtenav.com/industries/higher-ed/" class="mobile-sub-item">
2898                <img width="41" height="41" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2041%2041'%3E%3C/svg%3E" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/08/Higher-Ed-Icon.svg"><noscript><img width="41" height="41" src="https://xtenav.com/wp-content/uploads/2026/08/Higher-Ed-Icon.svg"></noscript>
2899                <div>
2900                    <h4>Higher Ed</h4>
2901                </div>
2902            </a>
2903            
2904            <!-- See All Industries -->
2905        <a href="https://xtenav.com/industries/" class="mobile-see-all">
2906            <span>See All Industries</span>
2907            <span>→</span>
2908        </a>
2909
2910        </div>
2911
2912    </div>
2913
2914    <!-- NORMAL LINKS -->
2915
2916    <a href="https://xtenav.com/pricing/">Pricing</a>
2917
2918    <a href="https://xtenav.com/events/">Events</a>
2919
2920    <!-- PARTNERSHIPS -->
2921
2922    <div class="mobile-dropdown">
2923      <div class="mobile-dropdown-header">
2924        <span>Partnerships</span>
2925        <span class="mobile-plus">+</span>
2926      </div>
2927
2928      <div class="mobile-dropdown-content">
2929        <a href="https://xtenav.com/insightx/" class="mobile-sub-item">
2930          <img width="152" height="152"
2931            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20152%20152'%3E%3C/svg%3E"
2932            alt="insightX"
2933          data-lazy-src="https://xtenav.com/wp-content/uploads/2026/04/INSIGHTX.webp" /><noscript><img width="152" height="152"
2934            src="https://xtenav.com/wp-content/uploads/2026/04/INSIGHTX.webp"
2935            alt="insightX"
2936          /></noscript>
2937          <div>
2938            <h4>insightX</h4>
2939            <p>Data-Driven AV Insights</p>
2940          </div>
2941        </a>
2942      </div>
2943    </div>
2944
2945    <!-- RESOURCES -->
2946
2947    <div class="mobile-dropdown">
2948      <div class="mobile-dropdown-header">
2949        <span>Resources</span>
2950        <span class="mobile-plus">+</span>
2951      </div>
2952
2953      <div class="mobile-dropdown-content">
2954        <!-- CONTENT -->
2955
2956        <div class="mobile-inner-dropdown">
2957          <div class="mobile-inner-header">
2958            <span>CONTENT</span>
2959            <span>+</span>
2960          </div>
2961
2962          <div class="mobile-inner-content">
2963            <a href="https://xtenav.com/case-studies/">Case Studies</a>
2964
2965            <a href="https://xtenav.com/blog/">Blog</a>
2966
2967            <a href="https://knowledgebase.xtenav.com/en-us/">KnowledgeBase</a>
2968            
2969            <a href="https://xtenav.com/whitepapers/">Whitepaper</a>
2970            
2971             <a href="https://xtenav.com/infographics/">Infographics</a>
2972             
2973             <a href="https://xtenav.com/whats-new-in-xtenav/">What's New</a>
2974            
2975         
2976          </div>
2977        </div>
2978
2979        <!-- TEMPLATES -->
2980
2981        <div class="mobile-inner-dropdown">
2982          <div class="mobile-inner-header">
2983            <span>TEMPLATES</span>
2984            <span>+</span>
2985          </div>
2986
2987          <div class="mobile-inner-content">
2988            <a href="https://xtenav.com/av-proposal-templates/"
2989              >AV Proposal Templates</a
2990            >
2991
2992            <a href="https://xtenav.com/business-proposal-templates/"
2993              >Business Proposal Templates</a
2994            >
2995
2996            <a href="https://xtenav.com/av-design-templates/"
2997              >AV Design Templates</a
2998            >
2999          </div>
3000        </div>
3001
3002        <!-- FREE TOOLS -->
3003
3004        <div class="mobile-inner-dropdown">
3005          <div class="mobile-inner-header">
3006            <span>FREE TOOLS</span>
3007            <span>+</span>
3008          </div>
3009
3010          <div class="mobile-inner-content">
3011            <a href="https://xtenav.com/free-tools/">AV Calculators</a>
3012          </div>
3013        </div>
3014      </div>
3015    </div>
3016
3017    <!-- BUTTONS -->
3018
3019    <a href="https://xtenav.com/schedule-demo/" class="demo-cta">
3020      Book a Demo
3021    </a>
3022
3023    <a
3024      href="https://app.xtenav.com/register?utm_campaign=%2C%2C&utm_content=%2C%2C&device_type=desktop_web&registration_channel=desktop_web&source_path=%252Ffree-tools%252F&user_ip=119.82.94.7&cta_id=free-trail-btn+button+-small+btn-optional&utm_source=direct%2Cxtenav.com&utm_medium=direct%2Creferral"
3025      class="trial-cta"
3026    >
3027      Free Trial
3028    </a>
3029
3030    <a href="https://app.xtenav.com/login" class="login"> Login </a>
3031  </div>
3032</header>
3033
3034<script>
3035  const mobileToggle = document.getElementById("mobileToggle");
3036  const mobileMenu = document.getElementById("mobileMenu");
3037
3038  /* ================= MOBILE MENU ================= */
3039
3040  mobileToggle.addEventListener("click", () => {
3041    mobileMenu.classList.toggle("active");
3042
3043    mobileToggle.classList.toggle("active");
3044
3045    document.body.classList.toggle("menu-open");
3046
3047    /* ================= BANNER HIDE/SHOW ================= */
3048
3049    if (window.innerWidth <= 1200) {
3050      if (mobileMenu.classList.contains("active")) {
3051        /* HIDE BANNER */
3052
3053        if (banner && !bannerClosed) {
3054          bannerHidden = true;
3055
3056          banner.style.transform = "translateY(-100%)";
3057        }
3058
3059        if (header) {
3060          header.style.top = "0px";
3061        }
3062      } else {
3063        /* SHOW BANNER AGAIN */
3064
3065        if (banner && !bannerClosed && window.scrollY < 80) {
3066          bannerHidden = false;
3067
3068          banner.style.transform = "translateY(0)";
3069
3070          updateHeaderPosition();
3071        }
3072      }
3073    }
3074
3075    /* RESET ALL WHEN MENU CLOSES */
3076
3077    if (!mobileMenu.classList.contains("active")) {
3078      document.querySelectorAll(".mobile-dropdown").forEach((item) => {
3079        item.classList.remove("active");
3080
3081        const plus = item.querySelector(".mobile-plus");
3082
3083        if (plus) {
3084          plus.innerHTML = "+";
3085        }
3086      });
3087
3088      document.querySelectorAll(".mobile-inner-dropdown").forEach((item) => {
3089        item.classList.remove("active");
3090
3091        const icon = item.querySelector(".mobile-inner-header span:last-child");
3092
3093        if (icon) {
3094          icon.innerHTML = "+";
3095        }
3096      });
3097    }
3098  });
3099
3100  /* ================= MAIN DROPDOWN ================= */
3101
3102  document.querySelectorAll(".mobile-dropdown-header").forEach((header) => {
3103    header.addEventListener("click", () => {
3104      const currentParent = header.parentElement;
3105
3106      const isActive = currentParent.classList.contains("active");
3107
3108      /* CLOSE ALL */
3109
3110      document.querySelectorAll(".mobile-dropdown").forEach((item) => {
3111        item.classList.remove("active");
3112
3113        const plus = item.querySelector(".mobile-plus");
3114
3115        if (plus) {
3116          plus.innerHTML = "+";
3117        }
3118      });
3119
3120      /* OPEN CURRENT */
3121
3122      if (!isActive) {
3123        currentParent.classList.add("active");
3124
3125        const currentPlus = currentParent.querySelector(".mobile-plus");
3126
3127        if (currentPlus) {
3128          currentPlus.innerHTML = "×";
3129        }
3130      }
3131    });
3132  });
3133
3134  /* ================= INNER DROPDOWN ================= */
3135
3136  document.querySelectorAll(".mobile-inner-header").forEach((header) => {
3137    header.addEventListener("click", () => {
3138      const currentParent = header.parentElement;
3139
3140      const isActive = currentParent.classList.contains("active");
3141
3142      /* CLOSE SIBLINGS */
3143
3144      currentParent.parentElement
3145        .querySelectorAll(".mobile-inner-dropdown")
3146        .forEach((item) => {
3147          item.classList.remove("active");
3148
3149          const icon = item.querySelector(
3150            ".mobile-inner-header span:last-child",
3151          );
3152
3153          if (icon) {
3154            icon.innerHTML = "+";
3155          }
3156        });
3157
3158      /* OPEN CURRENT */
3159
3160      if (!isActive) {
3161        currentParent.classList.add("active");
3162
3163        const currentIcon = currentParent.querySelector(
3164          ".mobile-inner-header span:last-child",
3165        );
3166
3167        if (currentIcon) {
3168          currentIcon.innerHTML = "×";
3169        }
3170      }
3171    });
3172  });
3173
3174  const banner = document.getElementById("customTopBanner");
3175  const header = document.querySelector(".header");
3176
3177  let bannerClosed = false;
3178  let bannerHidden = false;
3179
3180  /* ================= SET HEADER POSITION ================= */
3181
3182  function updateHeaderPosition() {
3183    if (!banner || !header) return;
3184
3185    if (bannerHidden || bannerClosed) {
3186      header.style.top = "0px";
3187    } else {
3188      header.style.top = banner.offsetHeight + "px";
3189    }
3190  }
3191
3192  /* ================= HIDE ================= */
3193
3194  function hideBanner() {
3195    if (bannerHidden || bannerClosed) return;
3196
3197    bannerHidden = true;
3198
3199    banner.style.transform = "translateY(-100%)";
3200
3201    updateHeaderPosition();
3202  }
3203
3204  /* ================= SHOW ================= */
3205
3206  function showBanner() {
3207    if (!bannerHidden || bannerClosed) return;
3208
3209    bannerHidden = false;
3210
3211    banner.style.transform = "translateY(0)";
3212
3213    updateHeaderPosition();
3214  }
3215
3216  /* ================= MANUAL CLOSE ================= */
3217
3218  function closeTopBanner() {
3219    bannerClosed = true;
3220
3221    banner.style.transform = "translateY(-100%)";
3222
3223    /* HEADER TOP 0 */
3224
3225    if (header) {
3226      header.style.top = "0px";
3227    }
3228
3229    /* REMOVE EXTRA SPACING */
3230
3231    document.body.style.paddingTop = "0px";
3232
3233    const wrapper = document.querySelector(".elementor-location-header");
3234
3235    if (wrapper) {
3236      wrapper.style.paddingTop = "0px";
3237    }
3238
3239    updateHeaderPosition();
3240  }
3241
3242  /* ================= SCROLL ================= */
3243
3244  window.addEventListener("scroll", () => {
3245    if (bannerClosed) return;
3246
3247    if (window.scrollY > 350) {
3248      hideBanner();
3249    } else {
3250      showBanner();
3251    }
3252  });
3253
3254  /* ================= LOAD ================= */
3255
3256  document.addEventListener("DOMContentLoaded", () => {
3257    updateHeaderPosition();
3258  });
3259
3260  /* ================= RESIZE ================= */
3261
3262  window.addEventListener("resize", () => {
3263    updateHeaderPosition();
3264  });
3265</script>
3265
3266		</div>
3267				</div>
3268					</div>
3269		</div>
3270							</div>
3271		</section>
3272						</div>
3273		    <div  id="page" class="site">
3274        
3275        
3276    <ul class="elements-bar left -unlist">
3277                    <li>
3278</li>
3279            </ul>
3280
3281    <ul class="elements-bar right -unlist">
3282                    <li>
3283<a class="scroll-top dynamic-typo -undash -small-t vc_hidden-lg vc_hidden-md">
3284	<div class="scroll-top-bar">
3285		<div class="scroll-track"></div>
3286	</div>
3287	<div class="scroll-top-holder titles-typo title">
3288		Scroll to top	</div>
3289</a></li>
3290                    <li>
3291</li>
3292            </ul>
3293                <a class="skip-link screen-reader-text" href="#main">Skip to content</a>
3294                                
3295                                                        <div  id="content" class="site-content" data-mobile-menu-resolution="768">
3296            <div  class="page-container top-offset bottom-offset">
3297    <div id="primary" class="content-area">
3298                <div class="page-content ">
3299            <main id="main" class="site-main">
3300            <article id="post-276511" class="post-276511 page type-page status-publish hentry">
3301	<div class="entry-content">
3302				<div data-elementor-type="wp-page" data-elementor-id="276511" class="elementor elementor-276511">
3303									<section class="elementor-section elementor-top-section elementor-element elementor-element-1f9abc6d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default" data-id="1f9abc6d" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
3304						<div class="elementor-container elementor-column-gap-default">
3305					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-58dce86b" data-id="58dce86b" data-element_type="column">
3306			<div class="elementor-widget-wrap elementor-element-populated">
3307								<div class="elementor-element elementor-element-7de5b483 elementor-widget elementor-widget-html" data-id="7de5b483" data-element_type="widget" data-widget_type="html.default">
3308				<div class="elementor-widget-container">
3309			<div class="hero">
3310
3311        <div class="hero-inner">
3312
3313            <div class="top-vector">
3314                <img src="https://xtenav.com/wp-content/uploads/2026/04/Vector.webp" alt="one and only" width="80" height="80" loading="eager" fetchpriority="high" decoding="async">
3315            </div>
3316
3317            <!-- AND ONLY -->
3318            <div class="and-only">
3319                <img src="https://xtenav.com/wp-content/uploads/2026/04/and-only.webp" alt="one and only" width="100" height="100" loading="eager" fetchpriority="high" decoding="async">
3320            </div>
3321            
3322
3323            <!-- TEXT PARTS -->
3324            <div class="heading-2">
3325
3326                <div class="line1">
3327                    One AI platform for all
3328                </div>
3329
3330                <!-- YOUR AV -->
3331                <div class="your-av">
3332                    your AV
3333                </div>
3334
3335                <!-- ANIMATED TEXT -->
3336                <div class="animated" id="type-text"></div>
3337
3338            </div>
3339
3340            <!-- SUBTEXT -->
3341            <p class="sub">
3342                Join 30,000+ AV integrators, AV designers, manufacturers & end users that trust XTEN-AV to streamline
3343                their AV designs, proposals and collaborate online!
3344            </p>
3345
3346            <!-- BUTTONS -->
3347            <div class="banner-cta-wrapper">
3348                <a href="https://app.xtenav.com/register?utm_content=homepage1">
3349                    <div class="try-now-cta">
3350                        <p>Try for free</p>
3351
3352                    </div>
3353                </a>
3354                <a href="https://xtenav.com/schedule-demo/">
3355                    <div class="book-demo">
3356                        Book a Demo
3357                    </div>
3358                </a>
3359
3360            </div>
3361
3362            <div class="trust-section">
3363                <div class="trusted-content">
3364                    <p>Trusted by Over</p> <span>30,000+</span>
3365                    <p>Users</p>
3366                </div>
3367                <div class="trusted-image">
3368                    <img width="86" height="20" src="https://xtenav.com/wp-content/uploads/2026/01/capterra.svg"
3369                        alt="captera-logo" loading="eager"
3370        fetchpriority="high"
3371        decoding="async"><noscript><img decoding="async"
3372                            src="https://xtenav.com/wp-content/uploads/2026/01/capterra.svg" alt="captera-logo"
3373            ></noscript>
3374                    <p>4.7</p>
3375                    <img width="68" height="12" src="https://xtenav.com/wp-content/uploads/2026/01/captera-rating-stars.svg"
3376                        alt="rating stars" decoding="async"><noscript><img decoding="async"
3377                            src="https://xtenav.com/wp-content/uploads/2026/01/captera-rating-stars.svg"
3378                            alt="rating stars"></noscript>
3379                </div>
3380
3381            </div>
3382
3383        </div>
3384
3385    </div>
3386
3387
3388    
3389    <style>
3390        /* HERO */
3391.hero {
3392  position: relative;
3393  height: 100vh;
3394  display: flex;
3395  justify-content: center;
3396  align-items: center;
3397  overflow: hidden;
3398  /* BACKGROUND IMAGE */
3399  background-image:url("https://xtenav.com/wp-content/uploads/2026/04/bg-scaled.webp");
3400background-position:center;
3401background-repeat:repeat;
3402background-size:cover;
3403  background-position-y: 86%;
3404  position: relative;
3405  bottom: 95px;
3406}
3407
3408/* INNER */
3409.hero-inner {
3410     /*max-width: 900px;*/
3411  text-align: center;
3412  position: relative;
3413  z-index: 2;
3414  display: flex;
3415  bottom: 95px;
3416  flex-direction: column;
3417  align-items: center;
3418  justify-content: center;
3419}
3420
3421/* VECTOR */
3422.top-vector img {
3423  width: 80px;
3424  margin-bottom: 5px;
3425  position: relative;
3426  top: 105px;
3427  right: 135px;
3428}
3429
3430/* AND ONLY */
3431.and-only img {
3432  width: 100px;
3433  margin-bottom: 20px;
3434  position: relative;
3435  right: 76px;
3436  top: 22px;
3437}
3438
3439/* HEADING */
3440.heading-2 {
3441  color: #222;
3442  text-align: center;
3443  font-family: Poppins;
3444  font-size: 52px;
3445  font-style: normal;
3446  font-weight: 600;
3447  line-height: 120%; /* 67.2px */
3448}
3449
3450/* GROUP line2 elements */
3451.your-av,
3452.animated {
3453  display: inline-block;
3454  font-size: 52px;
3455}
3456
3457/* YOUR AV */
3458.your-av {
3459  color: #222;
3460  font-family: Poppins;
3461  font-size: 52px;
3462  font-style: normal;
3463  font-weight: 600;
3464  line-height: 120%;
3465}
3466
3467.line2 {
3468  display: inline-flex;
3469  align-items: baseline;
3470  justify-content: center;
3471}
3472
3473.animated {
3474  color: #2f6fed;
3475  font-weight: 600;
3476  width: 272px;
3477  justify-content: center;
3478  align-items: center;
3479  text-align: left;
3480}
3481
3482/* SUB */
3483.sub {
3484  color: #828282;
3485  text-align: center;
3486  font-family: Poppins;
3487  font-size: 16px;
3488  font-style: normal;
3489  font-weight: 400;
3490  width: 650px;
3491  line-height: 150%;
3492  margin: 25px 0 35px 0;
3493}
3494
3495/* BUTTONS */
3496.banner-cta-wrapper {
3497  display: flex;
3498  gap: 10px;
3499  align-items: center;
3500  flex-direction: row;
3501  z-index: 20;
3502  justify-content: center;
3503}
3504
3505.banner-cta-wrapper a {
3506  text-decoration: none;
3507}
3508
3509.try-now-cta {
3510  display: flex;
3511  justify-content: center;
3512  align-items: center;
3513  gap: 8px;
3514  border-radius: 8px;
3515  width: 151px !important;
3516  height: 45px;
3517  border: 1px solid #235ddb;
3518  background: #3669d9;
3519
3520  /* Shadow/xs */
3521  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
3522}
3523
3524.try-now-cta p {
3525  text-decoration: none;
3526  color: #fff;
3527  font-family: Poppins;
3528  font-size: 16px;
3529  font-style: normal;
3530  font-weight: 600;
3531  line-height: 150%;
3532  margin: 0;
3533}
3534
3535 .try-now-cta:hover {
3536        transform: translateY(-1px);
3537        background: #3669d9;
3538        box-shadow:
3539            0 8px 20px rgba(54, 105, 217, 0.25),
3540            0 2px 6px rgba(16, 24, 40, 0.12);
3541    }
3542
3543
3544
3545
3546.book-demo {
3547  border-radius: 8px;
3548  border: 1px solid #d0d5dd;
3549  background: #fff;
3550  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
3551  display: flex;
3552  width: 151px !important;
3553  height: 45px;
3554  justify-content: center;
3555  align-items: center;
3556  gap: 8px;
3557  color: #475467;
3558  font-family: Poppins;
3559  font-size: 16px;
3560  font-style: normal;
3561  font-weight: 600;
3562  line-height: 150%;
3563  transition: all 0.35s;
3564}
3565
3566 .book-demo:hover {
3567        transform: translateY(-1px);
3568        background: #fff;
3569        box-shadow:
3570            0 8px 20px rgba(54, 105, 217, 0.25),
3571            0 2px 6px rgba(16, 24, 40, 0.12);
3572    }
3573
3574
3575.trust-section {
3576  margin-top: 20px;
3577  display: flex;
3578  flex-direction: column;
3579  align-items: center;
3580}
3581
3582.trusted-content {
3583  display: flex;
3584  align-items: center;
3585  flex-direction: row;
3586  gap: 8px;
3587  margin-top: 20px;
3588}
3589
3590.trusted-content p {
3591  color: #828282;
3592  font-family: Poppins;
3593  font-size: 16px;
3594  font-style: normal;
3595  font-weight: 600;
3596  margin: 0 !important;
3597  font-variant-numeric: lining-nums proportional-nums;
3598  font-feature-settings: "dlig" on;
3599}
3600
3601.trusted-content span {
3602  color: #3669d9;
3603  font-family: Poppins;
3604  font-size: 16px;
3605  font-style: normal;
3606  font-weight: 600;
3607  margin: 0 !important;
3608  font-variant-numeric: lining-nums proportional-nums;
3609  font-feature-settings: "dlig" on;
3610}
3611
3612.trusted-image {
3613  display: flex;
3614  flex-direction: row;
3615  align-items: center;
3616  gap: 10px;
3617  margin-top: 14px;
3618}
3619
3620.trusted-image p {
3621  color: #2b2b2b;
3622  font-family: Poppins;
3623  font-size: 16px;
3624  font-style: normal;
3625  font-weight: 500;
3626  margin: 0 !important;
3627  font-variant-numeric: lining-nums proportional-nums;
3628  font-feature-settings: "dlig" on;
3629}
3630
3631@media (min-width: 1916px) and (max-width: 2560px) {
3632     .hero {
3633  background-position-y: 84%;
3634  }
3635  
3636.hero-inner {
3637 text-align: center;
3638        position: relative;
3639        z-index: 2;
3640        display: flex;
3641        bottom: 175px;
3642        flex-direction: column;
3643        align-items: center;
3644        justify-content: center;
3645}
3646
3647.top-vector img {
3648  width: 80px;
3649        /*margin-bottom: 0px;*/
3650        position: relative;
3651        top: 100px;
3652        right: 165px;
3653    }
3654
3655
3656
3657.and-only img {
3658 width: 130px;
3659        /*margin-bottom: 0;*/
3660        position: relative;
3661        right: 90px;
3662        top: 8px;
3663}
3664
3665.heading-2 {
3666  font-size: 60px;
3667}
3668
3669
3670.your-av,
3671.animated {
3672  display: inline-block;
3673  font-size: 60px;
3674}
3675
3676
3677
3678.line2 {
3679  display: inline-flex;
3680  align-items: baseline;
3681  justify-content: center;
3682}
3683
3684.animated {
3685  color: #2f6fed;
3686  font-weight: 600;
3687  width: 320px;
3688  justify-content: center;
3689  align-items: center;
3690  text-align: left;
3691}
3692
3693.sub {
3694  font-size: 20px;
3695  width: 60%;
3696}
3697
3698
3699.banner-cta-wrapper {
3700  display: flex;
3701  gap: 10px;
3702  align-items: center;
3703  flex-direction: row;
3704  z-index: 20;
3705  justify-content: center;
3706}
3707
3708.banner-cta-wrapper a {
3709  text-decoration: none;
3710}
3711
3712.try-now-cta {
3713  
3714          width: 200px !important;
3715        height: 60px;
3716 
3717}
3718
3719.try-now-cta p {
3720 
3721  font-size: 20px;
3722  
3723}
3724
3725.book-demo {
3726 
3727          width: 200px !important;
3728        height: 60px;
3729 
3730  font-size: 20px;
3731 
3732}
3733
3734.trust-section {
3735  margin-top: 20px;
3736  display: flex;
3737  flex-direction: column;
3738  align-items: center;
3739}
3740
3741.trusted-content {
3742  display: flex;
3743  align-items: center;
3744  flex-direction: row;
3745  gap: 8px;
3746  margin-top: 20px;
3747}
3748
3749.trusted-content p {
3750 
3751  font-size: 20px;
3752  
3753}
3754
3755.trusted-content span {
3756 
3757  font-size: 20px;
3758  
3759}
3760
3761.trusted-image {
3762  display: flex;
3763  flex-direction: row;
3764  align-items: center;
3765  gap: 10px;
3766  margin-top: 14px;
3767  height: 20%;
3768}
3769
3770.trusted-image img {
3771    width: 110px;
3772  }
3773
3774.trusted-image p {
3775  
3776  font-size: 20px;
3777 
3778}
3779}
3780
3781@media (min-width: 1029px) and (max-width: 1440px) {
3782    
3783     .hero {
3784  background-position-y: 75%;
3785  }
3786
3787  /* SUBTEXT */
3788  .sub {
3789    width: 60%;
3790    margin: 20px 0 30px;
3791    padding: 0 10px;
3792  }
3793
3794  
3795}
3796
3797@media (min-width: 769px) and (max-width: 1028px) {
3798    /* HERO */
3799  .hero {
3800    height: auto;
3801    padding: 40px 20px;
3802    bottom: 0;
3803    background: center / cover repeat url("https://xtenav.com/wp-content/uploads/2026/04/bg-scaled.webp");
3804  background-position-y: 70%;
3805  }
3806
3807  .hero-inner {
3808    bottom: 80px !important;
3809    padding: 0 15px;
3810  }
3811
3812  /* VECTOR */
3813  .top-vector img {
3814   width: 50px;
3815        top: 77px;
3816        right: 100px;
3817    }
3818
3819  /* AND ONLY */
3820  .and-only img {
3821    width: 70px;
3822        top: 22px;
3823        right: 58px;
3824  }
3825
3826  /* HEADING */
3827  .heading-2 {
3828    font-size: 36px;
3829    line-height: 130%;
3830    width: 100%;
3831  }
3832
3833  .your-av,
3834  .animated {
3835    font-size: 36px;
3836  }
3837
3838  .animated {
3839   width: 185px;
3840        text-align: left;
3841  }
3842
3843  /* SUBTEXT */
3844  .sub {
3845    width: 70%;
3846    font-size: 14px;
3847    margin: 20px 0 30px;
3848    padding: 0 10px;
3849  }
3850
3851  /* BUTTONS */
3852  .banner-cta-wrapper {
3853    flex-direction: row;
3854    gap: 12px;
3855    width: 100%;
3856    justify-content: center;
3857  }
3858
3859  .try-now-cta,
3860  .book-demo {
3861    width: 120px !important;
3862    height: 42px;
3863    padding: 10px;
3864}
3865 
3866
3867  .try-now-cta p,
3868  .book-demo {
3869    font-size: 14px;
3870  }
3871
3872  /* TRUST */
3873  .trusted-content {
3874    flex-direction: row;
3875    gap: 6px;
3876    margin-top: 15px;
3877  }
3878
3879  .trusted-image {
3880    flex-direction: row;
3881    gap: 8px;
3882  }
3883
3884  .trusted-image img {
3885    width: 80px;
3886  }
3887
3888  .trusted-content p,
3889  .trusted-content span {
3890    font-size: 12px;
3891  }
3892}
3893
3894
3895/*TABLET============*/
3896@media (max-width: 768px) {
3897
3898  /* HERO */
3899  .hero {
3900    height: auto;
3901    padding: 40px 20px;
3902    bottom: 0;
3903    background: center / cover repeat url("https://xtenav.com/wp-content/uploads/2026/04/bg-grids-3.png");
3904  }
3905
3906  .hero-inner {
3907    bottom: 80px;
3908    padding: 0 15px;
3909  }
3910
3911  /* VECTOR */
3912  .top-vector img {
3913   width: 50px;
3914        top: 77px;
3915        right: 100px;
3916    }
3917
3918  /* AND ONLY */
3919  .and-only img {
3920    width: 70px;
3921        top: 22px;
3922        right: 58px;
3923  }
3924
3925  /* HEADING */
3926  .heading-2 {
3927    font-size: 36px;
3928    line-height: 130%;
3929    width: 100%;
3930  }
3931
3932  .your-av,
3933  .animated {
3934    font-size: 36px;
3935  }
3936
3937  .animated {
3938   width: 185px;
3939        text-align: left;
3940  }
3941
3942  /* SUBTEXT */
3943  .sub {
3944    width: 100%;
3945    font-size: 14px;
3946    margin: 20px 0 30px;
3947    padding: 0 10px;
3948  }
3949
3950  /* BUTTONS */
3951  .banner-cta-wrapper {
3952    flex-direction: row;
3953    gap: 12px;
3954    width: 100%;
3955    justify-content: center;
3956  }
3957
3958  .try-now-cta,
3959  .book-demo {
3960    width: 120px !important;
3961    height: 42px;
3962    padding: 10px;
3963}
3964 
3965
3966  .try-now-cta p,
3967  .book-demo {
3968    font-size: 14px;
3969  }
3970
3971  /* TRUST */
3972  .trusted-content {
3973    flex-direction: row;
3974    gap: 6px;
3975    margin-top: 15px;
3976  }
3977
3978  .trusted-image {
3979    flex-direction: row;
3980    gap: 8px;
3981  }
3982
3983  .trusted-image img {
3984    width: 80px;
3985  }
3986
3987  .trusted-content p,
3988  .trusted-content span {
3989    font-size: 12px;
3990  }
3991
3992}
3993
3994/*MOBILE==================*/
3995@media (max-width: 468px) {
3996
3997  /* HERO SECTION */
3998  .hero {
3999    height: 90vh;
4000    padding: 15px;
4001    background: center / cover repeat url("https://xtenav.com/wp-content/uploads/2026/04/bg-grids-3.png");
4002  }
4003
4004  .hero-inner {
4005    bottom: 120px;
4006    padding: 0 10px;
4007  }
4008
4009  /* VECTOR */
4010  .top-vector img {
4011   width: 40px;
4012   top: 70px;
4013   right: 195%;
4014  }
4015
4016  /* AND ONLY */
4017  .and-only img {
4018   width: 70px;
4019   top: 24px;
4020   right: 62%;
4021  }
4022
4023  /* HEADING */
4024  .heading-2 {
4025    font-size: 28px;
4026    line-height: 130%;
4027    width: 110%;
4028    font-weight: 800;
4029  }
4030
4031  .your-av,
4032  .animated {
4033    font-size: 28px;
4034    width: 100%;
4035    font-weight: 800;
4036  }
4037
4038  .animated {
4039    width: 100%;
4040    text-align: center;
4041    font-weight: 800;
4042  }
4043
4044  /* SUBTEXT */
4045  .sub {
4046    width: 100%;
4047    font-size: 12px;
4048    line-height: 150%;
4049    margin: 15px 0 25px;
4050    padding: 0 5px;
4051  }
4052
4053  /* BUTTONS */
4054  .banner-cta-wrapper {
4055    flex-direction: row;
4056    gap: 10px;
4057    width: 100%;
4058  }
4059
4060  .try-now-cta,
4061  .book-demo {
4062    width: 100% !important;
4063    height: 38px;
4064    padding: 10px;
4065  }
4066  
4067  .try-now-cta p {
4068      font-size: 12px;
4069  }
4070  
4071  .book-demo {
4072      font-size: 12px;
4073  }
4074
4075  /* TRUST SECTION */
4076  .trusted-content {
4077   
4077 flex-direction: row;
4078    gap: 5px;
4079    text-align: center;
4080    margin-top: 8px;
4081  }
4082
4083  .trusted-image {
4084    flex-direction: row;
4085    gap: 5px;
4086  }
4087
4088  .trusted-image img {
4089    width: 65px;
4090  }
4091
4092  .trusted-image p {
4093    font-size: 14px;
4094  }
4095  
4096  .trusted-content p {
4097      font-size: 12px;
4098  }
4099  
4100  .trusted-content span {
4101      font-size: 12px;
4102  }
4103}
4104
4105    </style>
4106    
4107    
4107<script>
4108        const words = ["BOMs",
4109        "Drawings",
4110        "Proposals",
4111        "Projects",
4112        "Designs", ];
4113
4114let wordIndex = 0;
4115let charIndex = 0;
4116let isDeleting = false;
4117
4118const el = document.getElementById("type-text");
4119
4120function typeEffect() {
4121  const currentWord = words[wordIndex];
4122
4123  if (!isDeleting) {
4124    charIndex++;
4125    el.textContent = currentWord.slice(0, charIndex);
4126
4127    if (charIndex === currentWord.length) {
4128      isDeleting = true;
4129      setTimeout(typeEffect, 1200);
4130      return;
4131    }
4132  } else {
4133    charIndex--;
4134    el.textContent = currentWord.slice(0, charIndex);
4135
4136    if (charIndex === 0) {
4137      isDeleting = false;
4138      wordIndex = (wordIndex + 1) % words.length;
4139    }
4140  }
4141
4142  setTimeout(typeEffect, isDeleting ? 50 : 100);
4143}
4144
4145typeEffect();
4146
4147    </script>
4147		</div>
4148				</div>
4149				<div class="elementor-element elementor-element-710be6f elementor-widget elementor-widget-html" data-id="710be6f" data-element_type="widget" data-widget_type="html.default">
4150				<div class="elementor-widget-container">
4151			<!-- VIDEO -->
4152<div id="surveyvideo" class="video-section">
4153  <div class="video-container" id="videoBox">
4154    <!-- macOS Window Top Bar (Traffic Lights) -->
4155    <div class="app-window-header">
4156      <div class="mac-traffic-lights">
4157        <span class="mac-dot mac-dot-red"></span>
4158        <span class="mac-dot mac-dot-yellow"></span>
4159        <span class="mac-dot mac-dot-green"></span>
4160      </div>
4161    </div>
4162
4163    <!-- Video Area -->
4164    <div class="video-wrapper">
4165      <iframe loading="lazy"
4166        src="about:blank"
4167        allow="autoplay; encrypted-media"
4168        allowfullscreen
4169        title="Product demo video"
4170       data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://iframe.mediadelivery.net/embed/323235/bf660511-d661-4c06-9f85-6b93d961d0ec?autoplay=true&#038;loop=true&#038;muted=true"></iframe><noscript><iframe
4171        src="https://iframe.mediadelivery.net/embed/323235/bf660511-d661-4c06-9f85-6b93d961d0ec?autoplay=true&loop=true&muted=true"
4172        allow="autoplay; encrypted-media"
4173        allowfullscreen
4174        title="Product demo video"
4175      ></iframe></noscript>
4176    </div>
4177  </div>
4178</div>
4179
4180<style>
4181* {
4182  box-sizing: border-box;
4183}
4184
4185.video-section {
4186  display: flex;
4187  justify-content: center;
4188  position: relative;
4189  width: 100%;
4190  margin-top: -260px;
4191  padding: 20px 0;
4192  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
4193  user-select: none;
4194}
4195
4196.video-container {
4197  width: 100%;
4198  max-width: 1100px;
4199  background: #f4f5f8;
4200  border: 1px solid #fff;
4201  border-radius: 1.25rem;
4202  padding: 0 8px 8px 8px;
4203  box-shadow: rgba(11, 13, 24, 0.06) 0px 0px 0px 1px, rgba(11, 13, 24, 0.024) 0px 1px 2px, rgba(11, 13, 24, 0.03) 0px 3px 6px, rgba(11, 13, 24, 0.035) 0px 8px 14px, rgba(11, 13, 24, 0.04) 0px 16px 28px;
4204  overflow: hidden;
4205  box-sizing: border-box;
4206  display: flex;
4207  flex-direction: column;
4208}
4209
4210/* ================= APP WINDOW TOP BAR ================= */
4211.app-window-header {
4212  background: transparent;
4213  border-bottom: none;
4214  padding: 12px 10px 10px;
4215  display: flex;
4216  align-items: center;
4217}
4218
4219/* Traffic Light Dots */
4220.mac-traffic-lights {
4221  display: flex;
4222  align-items: center;
4223  gap: 7px;
4224}
4225
4226.mac-dot {
4227  width: 11px;
4228  height: 11px;
4229  border-radius: 50%;
4230  display: inline-block;
4231}
4232
4233.mac-dot-red {
4234  background-color: #ff5f56;
4235  border: 1px solid #e0443e;
4236}
4237
4238.mac-dot-yellow {
4239  background-color: #ffbd2e;
4240  border: 1px solid #dea123;
4241}
4242
4243.mac-dot-green {
4244  background-color: #27c93f;
4245  border: 1px solid #1aab29;
4246}
4247
4248/* ================= VIDEO BODY ================= */
4249.video-wrapper {
4250  position: relative;
4251  width: 100%;
4252  aspect-ratio: 16 / 9;
4253  height: auto;
4254  overflow: hidden;
4255  border-radius: 12px;
4256  background: #ffffff;
4257}
4258
4259.video-wrapper iframe,
4260.video-wrapper video {
4261  width: 100%;
4262  height: 100%;
4263  border: none;
4264  display: block;
4265  border-radius: 12px;
4266}
4267
4268/* ================= RESPONSIVE DESIGN ================= */
4269@media (min-width: 1029px) and (max-width: 1440px) {
4270  .video-section { padding: 20px 40px; margin-top: -195px; }
4271}
4272
4273@media (min-width: 769px) and (max-width: 1028px) {
4274  .video-section { padding: 16px 24px; }
4275  .video-container { border-radius: 1.15rem; padding: 0 7px 7px 7px; }
4276  .app-window-header { padding: 10px 8px 8px; }
4277  .video-wrapper, .video-wrapper iframe, .video-wrapper video { border-radius: 10px; }
4278}
4279
4280@media (max-width: 768px) {
4281  .video-section { padding: 12px 16px;
4282  margin-top: -75px }
4283  .video-container { border-radius: 1rem; padding: 0 6px 6px 6px; }
4284  .app-window-header { padding: 9px 6px 7px; }
4285  .mac-dot { width: 10px; height: 10px; }
4286  .video-wrapper, .video-wrapper iframe, .video-wrapper video { border-radius: 9px; }
4287}
4288
4289@media (max-width: 480px) {
4290  .video-section { padding: 8px 10px; margin-top: -180px; }
4291  .video-container { border-radius: 0.9rem; padding: 0 5px 5px 5px; }
4292  .app-window-header { padding: 8px 5px 6px; }
4293  .mac-dot { width: 9px; height: 9px; }
4294  .video-wrapper, .video-wrapper iframe, .video-wrapper video { border-radius: 8px; }
4295}
4296</style>		</div>
4297				</div>
4298					</div>
4299		</div>
4300							</div>
4301		</section>
4302				<section class="elementor-section elementor-top-section elementor-element elementor-element-3755b08 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3755b08" data-element_type="section">
4303						<div class="elementor-container elementor-column-gap-default">
4304					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06511ee" data-id="06511ee" data-element_type="column">
4305			<div class="elementor-widget-wrap">
4306									</div>
4307		</div>
4308							</div>
4309		</section>
4310				<section class="elementor-section elementor-top-section elementor-element elementor-element-8b63f75 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8b63f75" data-element_type="section">
4311						<div class="elementor-container elementor-column-gap-default">
4312					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-54600dd" data-id="54600dd" data-element_type="column">
4313			<div class="elementor-widget-wrap elementor-element-populated">
4314								<div class="elementor-element elementor-element-7dfe24f elementor-widget elementor-widget-html" data-id="7dfe24f" data-element_type="widget" data-widget_type="html.default">
4315				<div class="elementor-widget-container">
4316			<div class="slider-container-wrapper2">
4317  <h2>Trusted by Innovators, Valued and Chosen by Educators</h2>
4318  <div class="slider-container2">
4319    <div
4320      class="slider-carousel2"
4321     
4322      style="--width: 200px; --height: 60px; --imageQuantity: 5"
4323    >
4324      <div class="list1">
4325        <div class="item1">
4326          <img width="360" height="121" decoding="async"
4327            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4328            alt="snapone"
4329          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Snapone.png" /><noscript><img width="360" height="121" decoding="async"
4330            src="https://xtenav.com/wp-content/uploads/2025/05/Snapone.png"
4331            alt="snapone"
4332          /></noscript>
4333        </div>
4334        <div class="item1">
4335          <img width="361" height="121" decoding="async"
4336            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4337            alt="Link Integration"
4338          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Link-Integration.webp" /><noscript><img width="361" height="121" decoding="async"
4339            src="https://xtenav.com/wp-content/uploads/2025/07/Link-Integration.webp"
4340            alt="Link Integration"
4341          /></noscript>
4342        </div>
4343        <div class="item1">
4344          <img width="361" height="121" decoding="async"
4345            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4346            alt="Lightware"
4347          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Lightware-1.png" /><noscript><img width="361" height="121" decoding="async"
4348            src="https://xtenav.com/wp-content/uploads/2025/05/Lightware-1.png"
4349            alt="Lightware"
4350          /></noscript>
4351        </div>
4352        <div class="item1">
4353          <img width="361" height="121" decoding="async"
4354            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4355            alt="Tech Electronics"
4356          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Tech-Electronics.png" /><noscript><img width="361" height="121" decoding="async"
4357            src="https://xtenav.com/wp-content/uploads/2025/05/Tech-Electronics.png"
4358            alt="Tech Electronics"
4359          /></noscript>
4360        </div>
4361        <div class="item1">
4362          <img width="361" height="121" decoding="async"
4363            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4364            alt="Kramer"
4365          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Kramer.png" /><noscript><img width="361" height="121" decoding="async"
4366            src="https://xtenav.com/wp-content/uploads/2025/05/Kramer.png"
4367            alt="Kramer"
4368          /></noscript>
4369        </div>
4370        <div class="item1">
4371          <img width="361" height="121" decoding="async"
4372            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4373            alt="Actuity AV"
4374          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/actuityav.webp" /><noscript><img width="361" height="121" decoding="async"
4375            src="https://xtenav.com/wp-content/uploads/2025/09/actuityav.webp"
4376            alt="Actuity AV"
4377          /></noscript>
4378        </div>
4379        <div class="item1">
4380          <img width="361" height="121" decoding="async"
4381            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4382            alt="Vivo Tech"
4383          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/vivo-tech.webp" /><noscript><img width="361" height="121" decoding="async"
4384            src="https://xtenav.com/wp-content/uploads/2025/07/vivo-tech.webp"
4385            alt="Vivo Tech"
4386          /></noscript>
4387        </div>
4388        <div class="item1">
4389          <img width="361" height="121" decoding="async"
4390            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4391            alt="McCarthy"
4392          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Mccarthy.webp" /><noscript><img width="361" height="121" decoding="async"
4393            src="https://xtenav.com/wp-content/uploads/2025/07/Mccarthy.webp"
4394            alt="McCarthy"
4395          /></noscript>
4396        </div>
4397        <div class="item1">
4398          <img width="361" height="121" decoding="async"
4399            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4400            alt="SPIE"
4401          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Spie.webp" /><noscript><img width="361" height="121" decoding="async"
4402            src="https://xtenav.com/wp-content/uploads/2025/07/Spie.webp"
4403            alt="SPIE"
4404          /></noscript>
4405        </div>
4406        <div class="item1">
4407          <img width="361" height="121" decoding="async"
4408            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4409            alt="Northwestern University"
4410          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Northwestern.webp" /><noscript><img width="361" height="121" decoding="async"
4411            src="https://xtenav.com/wp-content/uploads/2025/07/Northwestern.webp"
4412            alt="Northwestern University"
4413          /></noscript>
4414        </div>
4415        <div class="item1">
4416          <img width="361" height="121" decoding="async"
4417            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4418            alt="Panasonic"
4419          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Panasonic.webp" /><noscript><img width="361" height="121" decoding="async"
4420            src="https://xtenav.com/wp-content/uploads/2025/07/Panasonic.webp"
4421            alt="Panasonic"
4422          /></noscript>
4423        </div>
4424        <div class="item1">
4425          <img width="490" height="121" decoding="async"
4426            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20490%20121'%3E%3C/svg%3E"
4427            alt="AtlasIED"
4428          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/AtlasIED.png" /><noscript><img width="490" height="121" decoding="async"
4429            src="https://xtenav.com/wp-content/uploads/2025/05/AtlasIED.png"
4430            alt="AtlasIED"
4431          /></noscript>
4432        </div>
4433
4434        <div class="item1">
4435          <img width="361" height="121" decoding="async"
4436            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4437            alt="C3ntro"
4438          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/C3ntro.webp" /><noscript><img width="361" height="121" decoding="async"
4439            src="https://xtenav.com/wp-content/uploads/2025/07/C3ntro.webp"
4440            alt="C3ntro"
4441          /></noscript>
4442        </div>
4443        <div class="item1">
4444          <img width="361" height="121" decoding="async"
4445            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4446            alt="Yamaha"
4447          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Yamaha.webp" /><noscript><img width="361" height="121" decoding="async"
4448            src="https://xtenav.com/wp-content/uploads/2025/07/Yamaha.webp"
4449            alt="Yamaha"
4450          /></noscript>
4451        </div>
4452        <div class="item1">
4453          <img width="361" height="121" decoding="async"
4454            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4455            alt="Midwich"
4456          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Midwich.webp" /><noscript><img width="361" height="121" decoding="async"
4457            src="https://xtenav.com/wp-content/uploads/2025/07/Midwich.webp"
4458            alt="Midwich"
4459          /></noscript>
4460        </div>
4461        <div class="item1">
4462          <img width="360" height="121" decoding="async"
4463            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4464            alt="Samsung"
4465          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Samsung.png" /><noscript><img width="360" height="121" decoding="async"
4466            src="https://xtenav.com/wp-content/uploads/2025/05/Samsung.png"
4467            alt="Samsung"
4468          /></noscript>
4469        </div>
4470        <div class="item1">
4471          <img width="361" height="121" decoding="async"
4472            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4473            alt="Ricoh"
4474          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/RICOH.png" /><noscript><img width="361" height="121" decoding="async"
4475            src="https://xtenav.com/wp-content/uploads/2025/05/RICOH.png"
4476            alt="Ricoh"
4477          /></noscript>
4478        </div>
4479        <!-- <div class="item1">
4480            <img width="361" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Mccarthy.webp" /><noscript><img width="361" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/Mccarthy.webp" alt="" /></noscript>
4481          </div> -->
4482        <div class="item1">
4483          <img width="361" height="121" decoding="async"
4484            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E"
4485            alt="SPIE"
4486          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Spie.webp" /><noscript><img width="361" height="121" decoding="async"
4487            src="https://xtenav.com/wp-content/uploads/2025/07/Spie.webp"
4488            alt="SPIE"
4489          /></noscript>
4490        </div>
4491        <!-- <div class="item1">
4492            <img width="361" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Northwestern.webp" /><noscript><img width="361" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/Northwestern.webp" alt="" /></noscript>
4493          </div> -->
4494        <!-- <div class="item1">
4495            <img width="361" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Panasonic.webp" /><noscript><img width="361" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/Panasonic.webp" alt="" /></noscript>
4496          </div> -->
4497        <!-- <div class="item1">
4498            <img width="490" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20490%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/AtlasIED.png" /><noscript><img width="490" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/05/AtlasIED.png" alt="" /></noscript>
4499          </div> -->
4500        <!-- <div class="item1">
4501            <img width="361" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/C3ntro.webp" /><noscript><img width="361" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/C3ntro.webp" alt="" /></noscript>
4502          </div> -->
4503        <!-- <div class="item1">
4504            <img width="361" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Yamaha.webp" /><noscript><img width="361" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/Yamaha.webp" alt="" /></noscript>
4505          </div> -->
4506        <!-- <div class="item1">
4507            <img width="361" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20361%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Midwich.webp" /><noscript><img width="361" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/Midwich.webp" alt="" /></noscript>
4508          </div> -->
4509      </div>
4510    </div>
4511
4512    <!-- slider 2 -->
4513
4514    <div
4515      class="slider-carousel2"
4516      data-reverse="true"
4517      style="--width: 200px; --height: 60px; --imageQuantity: 5"
4518    >
4519      <div class="list1">
4520        <div class="item1">
4521          <img width="429" height="121" decoding="async"
4522            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20429%20121'%3E%3C/svg%3E"
4523            alt="ACU"
4524          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/ACU.webp" /><noscript><img width="429" height="121" decoding="async"
4525            src="https://xtenav.com/wp-content/uploads/2025/07/ACU.webp"
4526            alt="ACU"
4527          /></noscript>
4528        </div>
4529        <div class="item1">
4530          <img width="360" height="121" decoding="async"
4531            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4532            alt="University of Virginia"
4533          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Virginia.png" /><noscript><img width="360" height="121" decoding="async"
4534            src="https://xtenav.com/wp-content/uploads/2025/05/Virginia.png"
4535            alt="University of Virginia"
4536          /></noscript>
4537        </div>
4538        <div class="item1">
4539          <img width="617" height="121" decoding="async"
4540            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20617%20121'%3E%3C/svg%3E"
4541            alt="DePaul University"
4542          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Depaul.png" /><noscript><img width="617" height="121" decoding="async"
4543            src="https://xtenav.com/wp-content/uploads/2025/05/Depaul.png"
4544            alt="DePaul University"
4545          /></noscript>
4546        </div>
4547        <div 
4547class="item1">
4548          <img width="377" height="121" decoding="async"
4549            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20377%20121'%3E%3C/svg%3E"
4550            alt="Duke University"
4551          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Duke.webp" /><noscript><img width="377" height="121" decoding="async"
4552            src="https://xtenav.com/wp-content/uploads/2025/07/Duke.webp"
4553            alt="Duke University"
4554          /></noscript>
4555        </div>
4556        <div class="item1">
4557          <img width="360" height="121" decoding="async"
4558            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4559            alt="University of Wyoming"
4560          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Wyoming.png" /><noscript><img width="360" height="121" decoding="async"
4561            src="https://xtenav.com/wp-content/uploads/2025/05/Wyoming.png"
4562            alt="University of Wyoming"
4563          /></noscript>
4564        </div>
4565        <div class="item1">
4566          <img width="429" height="121" decoding="async"
4567            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20429%20121'%3E%3C/svg%3E"
4568            alt="UTSA"
4569          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/UTSA.webp" /><noscript><img width="429" height="121" decoding="async"
4570            src="https://xtenav.com/wp-content/uploads/2025/05/UTSA.webp"
4571            alt="UTSA"
4572          /></noscript>
4573        </div>
4574        <div class="item1">
4575          <img width="429" height="121" decoding="async"
4576            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20429%20121'%3E%3C/svg%3E"
4577            alt="University of Technology Sydney"
4578          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/University-of-Technology-Sydney.webp" /><noscript><img width="429" height="121" decoding="async"
4579            src="https://xtenav.com/wp-content/uploads/2025/07/University-of-Technology-Sydney.webp"
4580            alt="University of Technology Sydney"
4581          /></noscript>
4582        </div>
4583        <!-- Duplicate item1s for seamless looping -->
4584        <div class="item1">
4585          <img width="429" height="121" decoding="async"
4586            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20429%20121'%3E%3C/svg%3E"
4587            alt="University of Michigan"
4588          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Michigan.png" /><noscript><img width="429" height="121" decoding="async"
4589            src="https://xtenav.com/wp-content/uploads/2025/05/Michigan.png"
4590            alt="University of Michigan"
4591          /></noscript>
4592        </div>
4593        <div class="item1">
4594          <img width="360" height="121" decoding="async"
4595            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4596            alt="Harvard University"
4597          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/Harvard-1.webp" /><noscript><img width="360" height="121" decoding="async"
4598            src="https://xtenav.com/wp-content/uploads/2025/09/Harvard-1.webp"
4599            alt="Harvard University"
4600          /></noscript>
4601        </div>
4602        <div class="item1">
4603          <img width="360" height="121" decoding="async"
4604            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4605            alt="University of Notre Dame"
4606          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/University-of-Notre-Dame.webp" /><noscript><img width="360" height="121" decoding="async"
4607            src="https://xtenav.com/wp-content/uploads/2025/07/University-of-Notre-Dame.webp"
4608            alt="University of Notre Dame"
4609          /></noscript>
4610        </div>
4611        <div class="item1">
4612          <img width="360" height="121" decoding="async"
4613            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4614            alt="University of Southern California"
4615          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/USC.webp" /><noscript><img width="360" height="121" decoding="async"
4616            src="https://xtenav.com/wp-content/uploads/2025/09/USC.webp"
4617            alt="University of Southern California"
4618          /></noscript>
4619        </div>
4620        <div class="item1">
4621          <img width="360" height="121" decoding="async"
4622            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4623            alt="University Logo"
4624          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/logos.webp" /><noscript><img width="360" height="121" decoding="async"
4625            src="https://xtenav.com/wp-content/uploads/2025/09/logos.webp"
4626            alt="University Logo"
4627          /></noscript>
4628        </div>
4629        <div class="item1">
4630          <img width="360" height="121" decoding="async"
4631            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20360%20121'%3E%3C/svg%3E"
4632            alt="Utah Valley University"
4633          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Utah-Valley-University.webp" /><noscript><img width="360" height="121" decoding="async"
4634            src="https://xtenav.com/wp-content/uploads/2025/07/Utah-Valley-University.webp"
4635            alt="Utah Valley University"
4636          /></noscript>
4637        </div>
4638        <!-- <div class="item1">
4639            <img width="429" height="121" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20429%20121'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/ACU.webp" /><noscript><img width="429" height="121" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/ACU.webp" alt="" /></noscript>
4640          </div> -->
4641      </div>
4642    </div>
4643  </div>
4644</div>
4645
4646<style>
4647  .slider-carousel2 {
4648    padding-block: 12px;
4649    width: 100%;
4650    overflow: hidden;
4651    display: flex;
4652    align-items: center;
4653    position: relative;
4654    mask-image: linear-gradient(
4655      to right,
4656      transparent 20% 80%,
4657      #000,
4658      transparent
4659    );
4660    -webkit-mask-image: linear-gradient(
4661      to right,
4662      transparent,
4663      #000,
4664      transparent
4665    );
4666  }
4667
4668  .slider-container2 {
4669    display: flex;
4670    align-items: center;
4671    flex-direction: row;
4672  }
4673
4674  .list1 {
4675    display: flex;
4676    gap: calc(var(--width) / 7);
4677    animation: autoScroll 90s linear infinite;
4678  }
4679
4680  /* duplicate the content virtually */
4681  .list1::after {
4682    content: attr(data-logos); /* trick: JS will fill this */
4683    display: flex;
4684  }
4685
4686  .list1:hover {
4687    animation-play-state: paused !important;
4688  }
4689
4690  .item1 {
4691    width: var(--width);
4692    height: var(--height);
4693    flex-shrink: 0;
4694  }
4695
4696  .item1 img {
4697    width: 100%;
4698    height: 100%;
4699    transition: filter 0.5s ease-in-out;
4700    /*filter: brightness(0.5);*/
4701  }
4702
4703  @keyframes autoScroll {
4704    0% {
4705      transform: translateX(0);
4706    }
4707
4708    100% {
4709      transform: translateX(-50%);
4710    }
4711  }
4712
4713  .slider-carousel2[data-reverse="true"] .list1 {
4714    animation: reverseScroll 120s linear infinite;
4715  }
4716
4717  @keyframes reverseScroll {
4718    0% {
4719      transform: translateX(-50%);
4720    }
4721
4722    100% {
4723      transform: translateX(0);
4724    }
4725  }
4726
4727  .slider:hover .item1 img {
4728    filter: grayscale(1);
4729  }
4730
4731  .slider .item1:hover img {
4732    filter: grayscale(0);
4733  }
4734
4735  .slider-container-wrapper2 h2 {
4736    width: 25%;
4737    color: #2b2b2b;
4738    font-family: Poppins;
4739    font-size: 26px;
4740    font-style: normal;
4741    font-weight: 500;
4742    line-height: 150%;
4743    /* 56px */
4744  }
4745  .slider-container-wrapper2 {
4746    display: flex;
4747    flex-direction: row;
4748    align-items: center;
4749    width: 100%;
4750  }
4751  .slider-container2 {
4752    display: flex;
4753    flex-direction: column;
4754    width: 75%;
4755  }
4756
4757  /* Mobile */
4758  @media (max-width: 768px) {
4759    .slider-container-wrapper2 {
4760      flex-direction: column;
4761      align-items: flex-start;
4762      width: 100%;
4763      padding: 0 18px;
4764      box-sizing: border-box;
4765    }
4766
4767    .slider-container-wrapper2 h2 {
4768      width: 100%;
4769      font-size: 20px;
4770      text-align: center;
4771      word-wrap: break-word;
4772      overflow-wrap: break-word;
4773      white-space: normal;
4774    }
4775    .slider-container2 {
4776      display: flex;
4777      flex-direction: column;
4778      width: 100%;
4779    }
4780  }
4781</style>
4782
4783<script type="text/rocketlazyloadscript">
4784  const lists = document.querySelectorAll(".list1");
4785  lists.forEach((list) => {
4786    list.innerHTML += list.innerHTML; // duplicate once
4787  });
4788</script>
4788
4789		</div>
4790				</div>
4791					</div>
4792		</div>
4793							</div>
4794		</section>
4795				<section class="elementor-section elementor-top-section elementor-element elementor-element-284275e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="284275e1" data-element_type="section">
4796						<div class="elementor-container elementor-column-gap-default">
4797					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23f548da" data-id="23f548da" data-element_type="column">
4798			<div class="elementor-widget-wrap elementor-element-populated">
4799								<div class="elementor-element elementor-element-1bc88897 elementor-widget elementor-widget-html" data-id="1bc88897" data-element_type="widget" data-widget_type="html.default">
4800				<div class="elementor-widget-container">
4801			
4802
4803<div class="overlap-section">
4804            <div class="xavia-header">
4805                                <img decoding="async" 
4806  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2060'%3E%3C/svg%3E" 
4807  alt="XAVIA logo"
4808  width="200"
4809  height="60"
4810  fetchpriority="high"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/XAVIA-full-logo.svg"
4811><noscript><img decoding="async" 
4812  src="https://xtenav.com/wp-content/uploads/2025/05/XAVIA-full-logo.svg" 
4813  alt="XAVIA logo"
4814  width="200"
4815  height="60"
4816  fetchpriority="high"
4817></noscript>
4818
4819                <h2>Automate Every Step of Your AV Project </h2>
4820                <p>simple chat/ voice commands
4821
4822                </p>
4823            </div>
4824            <div class="wrapper card-deck-js">
4825                <section id="section1" class=" card">
4826                    <div class="container-wrapper">
4827                        <div class="feature-content">
4828                            <div class="feature-header">
4829                                <h2>BOM Product <span> Recommendation</span></h2>
4830                                <p>Get XAVIA to automate your BOM with AI-powered precision</p>
4831                            </div>
4832                            <div class="feature-list-wrapper">
4833                                <div class="feature-listing">
4834                                    <img 
4835  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4836  alt="check icon"
4837  width="30"
4838height="30"
4839 
4840  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg"
4841><noscript><img 
4842  src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4843  alt="check icon"
4844  width="30"
4845height="30"
4846  loading="lazy"
4847  decoding="async"
4848></noscript>
4849                                    <p>Get AI-generated BOM; save time & boost accuracy</p>
4850                                </div>
4851                                
4852                                
4853                                <div class="feature-listing">
4854                                    <img 
4855  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4856  alt="check icon"
4857  width="30"
4858height="30"
4859 
4860  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg"
4861><noscript><img 
4862  src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4863  alt="check icon"
4864  width="30"
4865height="30"
4866  loading="lazy"
4867  decoding="async"
4868></noscript>
4869                                    <p>Let AI check your existing BOM for inconsistencies and inaccuracies</p>
4870                                </div>
4871                          <div class="feature-listing">
4872                                    <img 
4873  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4874  alt="check icon"
4875  width="30"
4876height="30"
4877 
4878  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg"
4879><noscript><img 
4880  src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4881  alt="check icon"
4882  width="30"
4883height="30"
4884  loading="lazy"
4885  decoding="async"
4886></noscript>
4887                                    <p>Let AI suggest accessories and cables in your BOM</p>
4888                                </div>        <div class="feature-listing">
4889                                    <img 
4890  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4891  alt="check icon"
4892width="30"
4893height="30"
4894 
4895  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg"
4896><noscript><img 
4897  src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4898  alt="check icon"
4899width="30"
4900height="30"
4901  loading="lazy"
4902  decoding="async"
4903></noscript>
4904                                    <p>Get smart product recommendations</p>
4905                                </div>
4906                                <div class="feature-listing">
4907                                    <img 
4908  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4909  alt="check icon"
4910  width="30"
4911height="30"
4912 
4913  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg"
4914><noscript><img 
4915  src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4916  alt="check icon"
4917  width="30"
4918height="30"
4919  loading="lazy"
4920  decoding="async"
4921></noscript>
4922                                    <p>Upload BOMs and turn them into drawings automatically</p>
4923                                </div>
4924                            </div>
4925                        </div>
4926                        <div class="feature-img">
4927                            <img 
4928  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E"
4929  alt="BOM production"
4930  width="600"
4931  height="400"
4932  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/Automate-BOM.webp"
4933><noscript><img 
4934  src="https://xtenav.com/wp-content/uploads/2025/09/Automate-BOM.webp"
4935  alt="BOM production"
4936  width="600"
4937  height="400"
4938  decoding="async"
4939></noscript>
4940                        </div>
4941                    </div>
4942                </section>
4943                <section id="section3" class="card">
4944                    <div class="container-wrapper">
4945                        <div class="feature-content">
4946                            <div class="feature-header">
4947                                <h2>Design <span>Automation</span> </h2>
4948                                <p>Get designs and documents crafted by AI, using simple voice or chat commands. Let XAVIA do the heavylifting</p>
4949                            </div>
4950                            <div class="feature-list-wrapper">
4951                                <div class="feature-listing">
4952<img 
4953            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4954            alt="check icon"
4955            width="30"
4956            height="30"
4957           
4958            decoding="async"
4959          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
4960            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4961            alt="check icon"
4962            width="30"
4963            height="30"
4964            loading="lazy"
4965            decoding="async"
4966          ></noscript>
4967                                    <p>From line schematics to Rack Layouts, ask AI to create all kinds of drawings and documents.</p>
4968                                </div>
4969                                <div class="feature-listing">
4970                                    <img 
4971            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4972            alt="check icon"
4973            width="30"
4974            height="30"
4975           
4976            decoding="async"
4977          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
4978            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4979            alt="check icon"
4980            width="30"
4981            height="30"
4982            loading="lazy"
4983            decoding="async"
4984          ></noscript>
4985                                    <p>Simply ask XAVIA to customize and make changes to your drawings</p>
4986                                </div>
4987                                <div class="feature-listing">
4988                                    <img 
4989            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
4990            alt="check icon"
4991            width="30"
4992            height="30"
4993           
4994            decoding="async"
4995          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
4996            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
4997            alt="check icon"
4998            width="30"
4999            height="30"
5000            loading="lazy"
5001            decoding="async"
5002          ></noscript>
5003                                    <p>Automate standardized tasks with intelligent design automation.</p>
5004                                </div>
5005                            </div>
5006                        </div>
5007                        <div class="feature-img">
5008                            <img  
5009        src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E" 
5010        alt="Generate X-DRAW design"
5011        width="600"
5012        height="400"
5013        decoding="async"
5014      data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/Automate-X-DRAW-Design.webp" ><noscript><img  
5015        src="https://xtenav.com/wp-content/uploads/2025/09/Automate-X-DRAW-Design.webp" 
5016        alt="Generate X-DRAW design"
5017        width="600"
5018        height="400"
5019        decoding="async"
5020      ></noscript>
5021                        </div>
5022                    </div>
5023                </section>
5024                <section id="section4" class="card">
5025                    <div class="container-wrapper">
5026                        <div class="feature-content">
5027                            <div class="feature-header">
5028                                <h2>Proposal <span>Automation</span></h2>
5029                                <p>
5029Proposal Creation That’s So Fast, You’ll Wonder How You Ever Did It Manually. 
5030You simply need to ask XAVIA!
5031</p>
5032                            </div>
5033                            <div class="feature-list-wrapper">
5034                                <div class="feature-listing">
5035                                    <img 
5036            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5037            alt="check icon"
5038            width="30"
5039            height="30"
5040           
5041            decoding="async"
5042          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5043            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5044            alt="check icon"
5045            width="30"
5046            height="30"
5047            loading="lazy"
5048            decoding="async"
5049          ></noscript>
5050                                    <p>Create polished, client-ready proposals in minutes, not hours</p>
5051                                </div>
5052                                <div class="feature-listing">
5053                                    <img 
5054            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5055            alt="check icon"
5056            width="30"
5057            height="30"
5058           
5059            decoding="async"
5060          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5061            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5062            alt="check icon"
5063            width="30"
5064            height="30"
5065            loading="lazy"
5066            decoding="async"
5067          ></noscript>
5068                                    <p>Get XAVIA to tailor proposals to deliver customized content, effortlessly.</p>
5069                                </div>
5070                                <div class="feature-listing">
5071                                   <img 
5072            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5073            alt="check icon"
5074            width="30"
5075            height="30"
5076           
5077            decoding="async"
5078          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5079            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5080            alt="check icon"
5081            width="30"
5082            height="30"
5083            loading="lazy"
5084            decoding="async"
5085          ></noscript>
5086                                    <p>Focus on building relationships while XAVIA takes care of the formatting
5087</p>
5088                                </div>
5089                            </div>
5090                        </div>
5091                        <div class="feature-img">
5092                            <img 
5093        src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E" 
5094        alt="Proposal creation"
5095        width="600"
5096        height="400"
5097        decoding="async"
5098      data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/Automate-Proposal.webp" ><noscript><img 
5099        src="https://xtenav.com/wp-content/uploads/2025/09/Automate-Proposal.webp" 
5100        alt="Proposal creation"
5101        width="600"
5102        height="400"
5103        decoding="async"
5104      ></noscript>
5105                        </div>
5106                    </div>
5107                </section>
5108                <section id="section5" class="card">
5109                    <div class="container-wrapper">
5110                        <div class="feature-content">
5111                            <div class="feature-header">
5112                                <h2>Insights/Reporting <span>Automation</span></h2>
5113                                <p>Why Chase Reports manually? Ask XAVIA for instant AV Project Analytics & Insights and schedule them effortlessly.</p>
5114                            </div>
5115                            <div class="feature-list-wrapper">
5116                                <div class="feature-listing">
5117<img 
5118            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5119            alt="check icon"
5120           width="30"
5121            height="30"
5122           
5123            decoding="async"
5124          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5125            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5126            alt="check icon"
5127           width="30"
5128            height="30"
5129            loading="lazy"
5130            decoding="async"
5131          ></noscript>
5132                                    <p>Instant insights across products, projects, proposals, and tasks.</p>
5133                                </div>
5134                                <div class="feature-listing">
5135                                    <img 
5136            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5137            alt="check icon"
5138            width="30"
5139            height="30"
5140           
5141            decoding="async"
5142          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5143            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5144            alt="check icon"
5145            width="30"
5146            height="30"
5147            loading="lazy"
5148            decoding="async"
5149          ></noscript>
5150                                    <p>Turn raw data into clear reports to track progress, spot trends, and find bottlenecks.</p>
5151                                </div>
5152                               
5153                                
5154                             
5155
5156                                <div class="feature-listing">
5157                                    <img 
5158            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5159            alt="check icon"
5160            width="30"
5161            height="30"
5162           
5163            decoding="async"
5164          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5165            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5166            alt="check icon"
5167            width="30"
5168            height="30"
5169            loading="lazy"
5170            decoding="async"
5171          ></noscript>
5172                                    <p>
5172Real-time scheduling keeps AV projects on track.</p>
5173                                </div>
5174                            </div>
5175                            
5176                        </div>
5177                        <div class="feature-img">
5178                            <img  
5179        src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E" 
5180        alt="Report"
5181        width="600"
5182        height="400"
5183        decoding="async"
5184      data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Generate-Report.webp" ><noscript><img  
5185        src="https://xtenav.com/wp-content/uploads/2025/05/Generate-Report.webp" 
5186        alt="Report"
5187        width="600"
5188        height="400"
5189        decoding="async"
5190      ></noscript>
5191                        </div>
5192                    </div>
5193                </section>
5194                <section id="section6" class="card">
5195                    <div class="container-wrapper">
5196                        <div class="feature-content">
5197                            <div class="feature-header">
5198                                <h2>Project Management <span>Automation</span></h2>
5199                                <p>Command, Control, Complete. Get XAVIA to launch Projects with pre-built events and tasks.</p>
5200                            </div>
5201                            <div class="feature-list-wrapper">
5202                                <div class="feature-listing">
5203                                    <img 
5204            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5205            alt="check icon"
5206            width="30"
5207            height="30"
5208           
5209            decoding="async"
5210          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5211            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5212            alt="check icon"
5213            width="30"
5214            height="30"
5215            loading="lazy"
5216            decoding="async"
5217          ></noscript>
5218                                    <p>Automate task creation to help keep your team on track.
5219</p>
5220                                </div>
5221                                <div class="feature-listing">
5222                                    <img 
5223            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5224            alt="check icon"
5225            width="30"
5226            height="30"
5227           
5228            decoding="async"
5229          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5230            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5231            alt="check icon"
5232            width="30"
5233            height="30"
5234            loading="lazy"
5235            decoding="async"
5236          ></noscript>
5237                                    <p>Use Chatter for real-time discussions; relevant and on-task.
5238</p>
5239                                </div>
5240                                <div class="feature-listing">
5241                                    <img 
5242            src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2030%2030'%3E%3C/svg%3E" 
5243            alt="check icon"
5244            width="30"
5245            height="30"
5246           
5247            decoding="async"
5248          data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" ><noscript><img 
5249            src="https://xtenav.com/wp-content/uploads/2025/05/Check-icon.svg" 
5250            alt="check icon"
5251            width="30"
5252            height="30"
5253            loading="lazy"
5254            decoding="async"
5255          ></noscript>
5256                                    <p>Track team productivity on an automated Gantt chart.
5257</p>
5258                                </div>
5259                            </div>
5260                        </div>
5261                        <div class="feature-img">
5262                            <img 
5263        src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E" 
5264        alt="Automate Project"
5265        width="600"
5266        height="400"
5267        decoding="async"
5268      data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Automate-Project.webp" ><noscript><img 
5269        src="https://xtenav.com/wp-content/uploads/2025/05/Automate-Project.webp" 
5270        alt="Automate Project"
5271        width="600"
5272        height="400"
5273        decoding="async"
5274      ></noscript>
5275                        </div>
5276                    </div>
5277                </section>
5278            </div>
5279
5280
5281        </div>
5282        
5283    <style>
5284      .xavia-header img{
5285  margin-bottom: 30px;
5286}
5287          
5288.card {
5289  margin: 0.5em;
5290  position: sticky;
5291  top: 10em;
5292  transform-origin: center top;
5293  border-radius: 16px;
5294box-shadow: 0px 1px 2px 0px rgba(54, 105, 217, 0.12);
5295  padding: 50px;
5296  background-color: #F6F7FB;
5297  border: 1px solid #ECEBEE;
5298  margin-bottom: 90px;
5299
5300}
5301
5302.card:nth-child(1) {
5303  z-index: 1;
5304}
5305.card:nth-child(2) {
5306  z-index: 2;
5307}
5308.card:nth-child(3) {
5309  z-index: 3;
5310}
5311.card:nth-child(4) {
5312  z-index: 4;
5313}
5314.card:nth-child(5) {
5315  z-index: 5;
5316}
5317.card:nth-child(5) {
5318  z-index: 6;
5319}
5320.card:last-child {
5321  margin-bottom: 0;
5322}
5323.overlap-section {
5324  display: flex;
5325  flex-direction: column;
5326  align-items: center;
5327  width: 100%;
5328  gap: 30px;
5329  margin-top: 30px;
5330 
5331}
5332.xavia-header {
5333  display: flex;
5334  flex-direction: column;
5335  align-items: center;
5336  display: flex;
5337  flex-direction: column;
5338  align-items: center;
5339  /* position: sticky; */
5340  top: 0;
5341  z-index: 9;
5342
5343}
5344.xavia-header h2 {
5345  color: #111013;
5346  text-align: center;
5347  font-family: Poppins;
5348  font-size: 44px;
5349  font-style: normal;
5350  font-weight: 700;
5351  line-height: 120%; /* 57.6px */
5352  margin: 0 0 10px 0;
5353}
5354.xavia-header p {
5355  color:  #637381;
5356  text-align: center;
5357  font-family: Poppins;
5358  font-size: 22px;
5359  font-style: normal;
5360  font-weight: 400;
5361  line-height: 150%; /* 24px */
5362  margin: 0 0 20px 0;
5363}
5364.xavia-header img {
5365    width: 25%;
5366}
5367.products-heading h2 {
5368  color: #111013;
5369  text-align: center;
5370  font-family: Poppins;
5371  font-size: 48px;
5372  font-style: normal;
5373  font-weight: 700;
5374  line-height: 120%; /* 57.6px */
5375  margin: 0 0 10px 0;
5376}
5377.products-heading p {
5378  color: #191919;
5379  text-align: center;
5380  font-family: Poppins;
5381  font-size: 16px;
5382  font-style: normal;
5383  font-weight: 400;
5384  line-height: 150%; /* 24px */
5385  margin: 0 0 20px 0;
5386}
5387.container-wrapper {
5388  display: flex;
5389  flex-direction: row;
5390  align-content: center;
5391  align-items: center;
5392  justify-content: space-between;
5393  gap: 10px;
5394}
5395.feature-header h2 {
5396  color: #222;
5397  font-family: Poppins;
5398  font-size: 32px;
5399  font-style: normal;
5400  font-weight: 600;
5401  line-height: 150%; /* 48px */
5402}
5403.feature-header p {
5404  color: #637381;
5405  font-family: Poppins;
5406  font-size: 16px;
5407  font-style: normal;
5408  font-weight: 400;
5409  line-height: 150%; /* 24px */
5410}
5411.feature-header span{
5412  color: #3669D9;
5413  font-family: Poppins;
5414  font-size: 32px;
5415  font-style: normal;
5416  font-weight: 600;
5417  line-height: 150%; /* 48px */
5418}
5419.feature-list-wrapper {
5420  margin-top: 20px;
5421  display: flex;
5422  flex-direction: column;
5423  align-items: flex-start;
5424  gap: 10px;
5425}
5426.feature-content {
5427  display: flex;
5428  flex-direction: column;
5429  align-content: flex-start;
5430  align-items: flex-start;
5431  width: 50%;
5432}
5433.feature-img {
5434  width: 50%;
5435  height: auto;
5436  display: flex;
5437  align-items: center;
5438  flex-direction: column;
5439  justify-content: center;
5440  border-radius: 12px;
5441}
5442.feature-img img {
5443
5444  border-radius: 12px;
5445}
5446.feature-listing {
5447  display: flex;
5448  align-items: center;
5449  flex-direction: row;
5450  gap: 10px;
5451}
5452.feature-listing p {
5453  color: #637381;
5454  font-family: Poppins;
5455  font-size: 16px;
5456  font-style: normal;
5457  font-weight: 400;
5458  line-height: 24px; /* 150% */
5459  margin: 5px 0;
5460}
5461 .wrapper::before {
5462 content: "";
5463    position: sticky;
5464    display: block;
5465    width: 200px;
5466    height: 200px;
5467    z-index: 999;
5468    left: 0px;
5469    top: 5rem;
5470    background-image: url(https://xtenav.com/wp-content/uploads/2025/09/XAVIA-robot.webp);
5471    background-size: contain;
5472    background-repeat: no-repeat;
5473    background-position: center;
5474    animation: float 3s ease-in-out  infinite;
5475    transform-origin: center;
5476    margin-bottom: -120px;
5477    margin-left: -100px;
5478}
5479
5480@keyframes pulse {
5481  0%, 100% { filter: drop-shadow(0 0 0 rgba(54, 105, 217, 0.0)); }
5482  50% { filter: drop-shadow(0 0 10px rgba(150, 222, 255, 0.2)); }
5483}
5484@keyframes float {
5485  0%,
5486  100% {
5487    transform: translateY(0);
5488  }
5489  50% {
5490    transform: translateY(-8px);
5491  }
5492}
5493.wrapper {
5494  position: relative;
5495  width: 100%;
5496  padding: 24px;
5497}
5498
5499@media (max-width: 1023px) {
5500    .xavia-header h2 {
5501    font-size: 32px;
5502}
5503.xavia-header p {
5504    font-size: 14px;
5505}
5506.overlap-section {
5507  margin-top: 0;
5508    gap: 0;
5509}
5510.xavia-header {
5511    margin-bottom: 0;
5512}
5513.feature-header h2 {
5514    font-size: 24px;
5515}
5516.feature-header p {
5517    font-size: 14px;
5518}
5519.feature-listing p{
5520     font-size: 14px;
5521}
5522.card{
5523    padding: 40px;
5524        top: 5em;
5525}
5526.feature-listing img{
5527    width: 9%;
5528    height: auto;
5529}
5530   
5531}
5532@media (max-width: 767px) {
5533        .xavia-header h2 {
5534    font-size: 20px;
5535}
5536.container-wrapper {
5537    flex-direction: column;
5538    gap: 20px;
5539}
5540.feature-content {
5541    width: 100%;
5542}
5543.feature-img{
5544      width: 100%;
5545}
5546.wrapper {
5547    padding: 0px;
5548}
5549.feature-header h2 span {
5550        font-size: 20px;
5551    }
5552.card {
5553        padding: 25px;
5554        margin: 0.5em;
5555        margin-bottom: 30px
5556    }
5557    .feature-listing p {
5558        font-size: 12px;
5559    }
5560    .feature-header h2 {
5561        font-size: 20px;
5562    }
5563    .feature-header p {
5564        font-size: 14px;
5565        margin: 8px 0;
5566    }
5567    .feature-list-wrapper {
5568    margin-top: 15px;
5569    gap: 5px;
5570}
5571 .wrapper::before {
5572display: none;
5573}
5574.xavia-header img {
5575    width: 30%;
5576}
5577.xavia-header img {
5578    margin-bottom: 20px;
5579}
5580}
5581      </style>
5582        
5583        
5583<script type="text/rocketlazyloadscript">
5584            var StackCards = function (element) {
5585	this.element = element;
5586	this.items = this.element.getElementsByClassName("card");
5587	this.scrollingListener = false;
5588	this.scrolling = false;
5589	initStackCardsEffect(this);
5590};
5591function initStackCardsEffect(element) {
5592	var observer = new IntersectionObserver(stackCardsCallback.bind(element));
5593	observer.observe(element.element);
5594}
5595
5596function stackCardsCallback(entries) {
5597	if (entries[0].isIntersecting) {
5598		if (this.scrollingListener) return;
5599		stackCardsInitEvent(this);
5600	} else {
5601		if (!this.scrollingListener) return;
5602		window.removeEventListener("scroll", this.scrollingListener);
5603		this.scrollingListener = false;
5604	}
5605}
5606
5607function stackCardsInitEvent(element) {
5608	element.scrollingListener = stackCardsScrolling.bind(element);
5609	window.addEventListener("scroll", element.scrollingListener);
5610}
5611
5612function stackCardsScrolling() {
5613	if (this.scrolling) return;
5614	this.scrolling = true;
5615	window.requestAnimationFrame(animateStackCards.bind(this));
5616}
5617
5618function animateStackCards() {
5619	var top = this.element.getBoundingClientRect().top;
5620	var offsetTop = 100,
5621		cardHeight = 700,
5622		marginY = 5;
5623
5624
5625	for (var j = 0; j < this.items.length; j++) {
5626		var card = this.items[j];
5627		var scrolling = offsetTop - top - j * (cardHeight + marginY);
5628		var scale = (cardHeight - scrolling * 0.10) / cardHeight;
5629
5630
5631		if (scrolling > 0) {
5632			card.style.cssText = `
5633				will-change: background, transform;
5634				background-color:rgb(255, 255, 255);
5635				transform: translate3d(0px, 0px, 0px)
5636				           scale3d(${scale}, ${scale}, 1)
5637				           rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
5638				transform-style: preserve-3d;
5639				transition: transform 0.3s ease, background-color 0.3s ease;			`;
5640		
5641		} else {
5642			card.style.cssText = `
5643				transform: scale3d(0.8, 0.8, 1);
5644				background-color:#fff;
5645				transform-style: preserve-3d;
5646				transition: transform 0.3s ease, background-color 0.3s ease;
5647				transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
5648			`;
5649	
5650		}
5651	}
5652
5653	this.scrolling = false;
5654}
5655
5656
5657var stackCards = document.getElementsByClassName("card-deck-js");
5658var intersectionObserverSupported =
5659		"IntersectionObserver" in window && "IntersectionObserverEntry" in window;
5660
5661if (stackCards.length > 0 && intersectionObserverSupported) {
5662	for (var j = 0; j < stackCards.length; j++) {
5663		new StackCards(stackCards[j]);
5664	}
5665}
5666
5667        </script>
5667
5668		</div>
5669				</div>
5670					</div>
5671		</div>
5672							</div>
5673		</section>
5674				<section class="elementor-section elementor-top-section elementor-element elementor-element-0b94242 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0b94242" data-element_type="section">
5675						<div class="elementor-container elementor-column-gap-default">
5676					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0cb45c5" data-id="0cb45c5" data-element_type="column">
5677			<div class="elementor-widget-wrap elementor-element-populated">
5678								<div class="elementor-element elementor-element-846ca10 elementor-widget elementor-widget-html" data-id="846ca10" data-element_type="widget" data-widget_type="html.default">
5679				<div class="elementor-widget-container">
5680			<div class="mobile-content">
5681                    <div class="mobile-content-header">
5682                        <h2>Design, Automate, Execute Your AI agent
5683<span>on the go!</span> </h2>
5684
5685                        <p>Get XAVIA to automate your AV projects; designs, proposals, insights and tasks (you name it!) on the go with our industry-first mobile application.
5686                        <br>
5687                        <br>
5688The AI app for AV Pros: bringing every feature to your fingertips, wherever work takes you.</p>
5689
5690                    </div>
5691
5692                    <div class="download-section">
5693                        <div class="scanner">
5694                            <img 
5695  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" 
5696  alt="QR-code"
5697  width="150"
5698  height="150"
5699  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/xtenav_download_app_qr-1.png"
5700><noscript><img 
5701  src="https://xtenav.com/wp-content/uploads/2025/05/xtenav_download_app_qr-1.png" 
5702  alt="QR-code"
5703  width="150"
5704  height="150"
5705  decoding="async"
5706></noscript>
5707                            <p>Scan to download the App.</p>
5708                        </div>
5709                        <div class="mobile-download-btn">
5710                            <a href="https://apps.apple.com/in/app/xten-av/id6741138433">
5711                                <div class="android download-btn">
5712                                    <img 
5713  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2035%2035'%3E%3C/svg%3E"
5714  alt="apple-logo"
5715  width="35"
5716  height="35"
5717 
5718  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Apple-logo-1.svg"
5719><noscript><img 
5720  src="https://xtenav.com/wp-content/uploads/2025/05/Apple-logo-1.svg"
5721  alt="apple-logo"
5722  width="35"
5723  height="35"
5724  loading="lazy"
5725  decoding="async"
5726></noscript>
5727                                    <div class="text-btn">
5728                                        <span>Download on the</span>
5729                                        <p>App Store</p>
5730                                    </div>
5731                                </div>
5732                            </a>
5733
5734                            <a href="https://play.google.com/store/apps/details?id=com.xtenav.xtenav_android_app">
5735                                <div class="appstore download-btn">
5736                                    <img 
5737  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2035%2035'%3E%3C/svg%3E"
5738  alt="play-store-logo"
5739  width="35"
5740  height="35"
5741 
5742  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/Google-Play-logo-1.svg"
5743><noscript><img 
5744  src="https://xtenav.com/wp-content/uploads/2025/05/Google-Play-logo-1.svg"
5745  alt="play-store-logo"
5746  width="35"
5747  height="35"
5748  loading="lazy"
5749  decoding="async"
5750></noscript>
5751                                    <div class="text-btn">
5752                                        <span>Get It on</span>
5753                                        <p>Google Play</p>
5754                                    </div>
5755                                </div>
5756                            </a>
5757
5758                        </div>
5759                        
5760                    </div>
5761                </div>
5762                
5763                <style>
5764                    
5765.mobile-content {
5766  width: 100%;
5767  display: flex;
5768  flex-direction: column;
5769  align-items: flex-start;
5770  align-content: center;
5771  height: 100vh;
5772  justify-content: center;
5773}
5774
5775
5776.mobile-content-header {
5777  display: flex;
5778  align-items: flex-start;
5779  flex-direction: column;
5780  margin-bottom: 50px;
5781}
5782.mobile-content-header h2 {
5783  color: #111013;
5784  text-align: center;
5785  font-family: Poppins;
5786  font-size: 44px;
5787  font-style: normal;
5788  font-weight: 700;
5789  line-height: 120%;
5790  margin: 0 0 10px 0;
5791  text-align: left;
5792}
5793.download-section {
5794    display: flex;
5795    flex-direction: row;
5796    align-items: flex-start;
5797    gap: 30px;
5798}
5799.mobile-content-header h2 span {
5800  color: #3669d9;
5801  font-family: Poppins;
5802  font-size: 44px;
5803  font-style: normal;
5804  font-weight: 700;
5805  line-height: 120%;
5806}
5807.mobile-content-header p {
5808  color: #637381;
5809  font-family: Poppins;
5810  font-size: 16px;
5811  font-style: normal;
5812  font-weight: 400;
5813  line-height: 150%; /* 24px */
5814}
5815
5816.android {
5817  display: flex;
5818  background: #2b2b2b;
5819  padding: 10px 21px;
5820  border-radius: 8px;
5821  gap: 10px;
5822  align-items: center;
5823}
5824
5825.appstore {
5826  display: flex;
5827  background: #2b2b2b;
5828  padding: 10px 19px;
5829  border-radius: 8px;
5830  gap: 10px;
5831  align-items: center;
5832}
5833.download-btn span {
5834  font-family: Poppins;
5835  font-size: 12px;
5836  color: #fff;
5837}
5838.download-btn p {
5839  font-family: Poppins;
5840  line-height: 1.5;
5841  font-size: 16px;
5842  color: #fff;
5843  font-weight: 500;
5844  margin: 0 10px 0 0;
5845}
5846.mobile-download-btn {
5847display: flex;
5848    gap: 10px;
5849    align-items: flex-start;
5850    flex-direction: column;
5851    width: max-content;
5852    height: 100%;
5853    justify-content: space-evenly;
5854    z-index: 2;
5855}
5856
5857.download-btn img {
5858  width: 35px;
5859  height: 35px;
5860  z-index: 2;
5861}
5862.scanner {
5863    animation: 0px;
5864    width: 150px;
5865    height: 150px;
5866    z-index: 2;
5867}
5868.scanner img {
5869  width: 100%;
5870padding: 10px;
5871  background: #f1f1f1;
5872  border-radius: 8px
5873}
5874.scanner p{
5875    width: fit-content;
5876    font-size: 13px;
5877}
5878.text-btn {
5879    display: flex;
5880    width: 100%;
5881    height: 100%;
5882    flex-direction: column;
5883}
5884@media (max-width: 1023px) {
5885.mobile-download-btn {
5886        display: flex;
5887        flex-direction: column;
5888        align-items: flex-start;
5889    }
5890    .scanner{
5891        display: none;
5892    }
5893.mobile-content-header h2 {
5894    font-size: 32px;
5895}
5896   .mobile-content-header h2 span{
5897         font-size: 32px;
5898   }
5899       .android {
5900        padding: 10px 26px;
5901        gap: 10px;
5902    }
5903   .download-btn{
5904       gap: 10px;
5905   }
5906   .download-btn span {
5907    font-size: 10px;
5908}
5909}
5910@media (max-width: 767px) {
5911
5912.mobile-content-header h2 {
5913    font-size: 22px;
5914}
5915
5916.mobile-content-header p {
5917    font-size: 13px;
5918}
5919
5920.mobile-content-header {
5921    margin-bottom: 20px;
5922}
5923   .mobile-content-header h2 span{
5924         font-size: 22px;
5925   }
5926   .mobile-content {
5927    width: 100%;
5928    height: 100%;
5929    padding:  0 1.5rem;
5930}
5931}
5932                </style>		</div>
5933				</div>
5934					</div>
5935		</div>
5936				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b2796c7" data-id="b2796c7" data-element_type="column">
5937			<div class="elementor-widget-wrap elementor-element-populated">
5938								<div class="elementor-element elementor-element-aab0613 elementor-widget elementor-widget-html" data-id="aab0613" data-element_type="widget" data-widget_type="html.default">
5939				<div class="elementor-widget-container">
5940			     <div class="mobile-image">
5941<img 
5942    class="mobile-image-1"
5943    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E"
5944    alt="mobile-image"
5945    width="800"
5946    height="600"
5947    decoding="async"
5948  data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/Mobile-Image-scaled-1-1.webp" ><noscript><img 
5949    class="mobile-image-1"
5950    src="https://xtenav.com/wp-content/uploads/2025/09/Mobile-Image-scaled-1-1.webp"
5951    alt="mobile-image"
5952    width="800"
5953    height="600"
5954    decoding="async"
5955  ></noscript>
5956                </div>
5957                
5958                <style>
5959                    
5960
5961.mobile-image {
5962  display: flex;
5963
5964  align-items: center;
5965  flex-direction: row;
5966      /*background: #3669d9;*/
5967      height: 100vh;
5968      justify-content: center;
5969}
5970img.mobile-image-1 {
5971  width: 100%;
5972  height: auto;
5973  z-index: 1;
5974  margin-left: 30px;
5975}
5976img.mobile-image-2 {
5977  width: 93%;
5978  height: auto;
5979  margin-left: -120px;
5980    z-index: 1;
5981}
5982.mobile-image img {
5983    transition: all 0.3s ease-in-out;
5984}
5985
5986@media (max-width: 767px) {
5987.mobile-image {
5988    height: 100% !important;
5989}
5990.mobile-image img {
5991            padding: 0 1.5rem;
5992}
5993}
5994
5995                </style>		</div>
5996				</div>
5997					</div>
5998		</div>
5999							</div>
6000		</section>
6001				<section class="elementor-section elementor-top-section elementor-element elementor-element-b85ec11 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b85ec11" data-element_type="section">
6002						<div class="elementor-container elementor-column-gap-default">
6003					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f7e953" data-id="1f7e953" data-element_type="column">
6004			<div class="elementor-widget-wrap elementor-element-populated">
6005								<div class="elementor-element elementor-element-8b0082d elementor-widget elementor-widget-html" data-id="8b0082d" data-element_type="widget" data-widget_type="html.default">
6006				<div class="elementor-widget-container">
6007			
6008
6009
6010<section class="product-section" id="animated-section">
6011            <div class="products-heading">
6012                <h2>Maximize Output. Minimize Tools.
6013XTEN-AV Does It All.</h2>
6014                <p>With our all-in-one AV automation software, amazing AV designs, winning proposals and seamless project management are at your fingertips.
6015                </p>
6016            </div>
6017            <div class="illustration">
6018                <svg width="600" style="overflow: visible;" height="600" viewBox="0 0 634 630" fill="none"
6019                    xmlns="https://www.w3.org/2000/svg">
6020                    <style>
6021                        .wire {
6022                            stroke: #e1e1e2;
6023                            stroke-width: 1;
6024                            fill: none;
6025                        }
6026
6027                        .stroke-color {
6028                            stroke: #155daa;
6029                            stroke-width: 2;
6030                            fill: none;
6031                            stroke-linecap: round;
6032                            stroke-dasharray: 100;
6033                            animation: stroke-gradient 2s linear infinite;
6034                            animation-delay: 1s;
6035                        }
6036
6037                        .stroke-color-2 {
6038                            stroke: #155daa;
6039                            stroke-width: 2.2;
6040                            fill: none;
6041                            stroke-linecap: round;
6042                            stroke-dasharray: 100;
6043                            animation: stroke-gradient 4s linear infinite;
6044                            animation-delay: 0.4s;
6045                        }
6046
6047                        .glow-line {
6048                            stroke: url(#electricGradient);
6049                            stroke-width: 2.2;
6050                            fill: none;
6051                            stroke-linecap: round;
6052                            animation: moveGradient 1s linear infinite;
6053                            animation-delay: 1s;
6054                        }
6055
6056                        .glow-line-2 {
6057                            stroke: url(#aiGradient2);
6058                            stroke-width: 2.2;
6059                            fill: none;
6060                            stroke-linecap: round;
6061                            animation: moveGradient 2s linear infinite;
6062                            animation-delay: 0.3s;
6063                        }
6064
6065                        .glow-line-3 {
6066                            stroke: url(#aiGradient3);
6067                            stroke-width: 2.2;
6068                            fill: none;
6069                            stroke-linecap: round;
6070                            animation: moveGradient 3s linear infinite;
6071                            animation-delay: 2s;
6072                        }
6073
6074                        @keyframes stroke-gradient {
6075                            0% {
6076                                stroke-dashoffset: 0;
6077                                opacity: 0;
6078                            }
6079
6080                            5% {
6081                                opacity: 1;
6082                            }
6083
6084                            25% {
6085                                stroke-dashoffset: 80;
6086                                opacity: 1;
6087                            }
6088
6089                            30% {
6090                                opacity: 0;
6091                            }
6092
6093                            100% {
6094                                stroke-dashoffset: 80;
6095                                opacity: 0;
6096                            }
6097                        }
6098
6099                        @keyframes moveGradient {
6100                            0% {
6101                                stroke-dashoffset: 1100;
6102                                opacity: 1;
6103                            }
6104
6105                            10% {
6106                                stroke-dashoffset: 1000;
6107                                opacity: 1;
6108                            }
6109
6110                            20% {
6111                                stroke-dashoffset: 900;
6112                                opacity: 0.9;
6113                            }
6114
6115                            40% {
6116                                stroke-dashoffset: 800;
6117                                opacity: 0.8;
6118                            }
6119
6120                            60% {
6121                                stroke-dashoffset: 400;
6122                                opacity: 0.5;
6123                            }
6124
6125                            80% {
6126                                stroke-dashoffset: 200;
6127                                opacity: 0.6;
6128                            }
6129
6130                            100% {
6131                                stroke-dashoffset: 0;
6132                                opacity: 0;
6133                            }
6134                        }
6135                    </style>
6136                    <defs>
6137
6138                        <linearGradient id="electricGradient" x1="0" y1="0" x2="1" y2="1">
6139                            <stop offset="0%" stop-color="#0F66FF" /> <!-- Vivid Blue -->
6140                            <stop offset="40%" stop-color="#3E9CFF" /> <!-- Sky Blue -->
6141                            <stop offset="80%" stop-color="#D6E4F0" /> <!-- Light Cool Grey -->
6142                            <stop offset="100%" stop-color="#3669D9" /> <!-- Off-white Blue Tint -->
6143                        </linearGradient>
6144
6145
6146
6147
6148                        <linearGradient id="aiGradient2" x1="0" y1="0" x2="1" y2="1">
6149                            <stop offset="0%" stop-color="#3669D9" /> <!-- Calm Blue -->
6150                            <stop offset="35%" stop-color="#6FB1FC" /> <!-- Balanced Blue -->
6151                            <stop offset="75%" stop-color="#EAF4FF" /> <!-- Pale Blue-Grey -->
6152                            <stop offset="100%" stop-color="#3669D9" /> <!-- Clean White -->
6153                        </linearGradient>
6154
6155
6156
6157
6158                        <linearGradient id="aiGradient3" x1="0" y1="0" x2="1" y2="2">
6159                            <stop offset="0%" stop-color="#206BC4" /> <!-- Deep Blue -->
6160                            <stop offset="50%" stop-color="#3669D9" /> <!-- Light Steel Blue -->
6161                            <stop offset="100%" stop-color="#F0F4F8" /> <!-- Soft Cloud Grey -->
6162                        </linearGradient>
6163
6164
6165
6166
6167
6168                    </defs>
6169                    <g>
6170                        <path class="wire" d="M318 447V541" stroke="#E1E1E2" />
6171                        <path class="stroke-color-2" d="M318 447V541" />
6172
6173                    </g>
6174
6175                    <path class="wire" d="M402 629H623C628.523 629 633 624.523 633 619V444" stroke="#E1E1E2" />
6176                    <path class="glow-line" d="M402 629H623C628.523 629 633 624.523 633 619V444"
6177                        stroke-dasharray="100 1000" stroke-dashoffset="4000" />
6178                    <path class="wire" d="M151 130.119H11C5.47715 130.119 1 134.596 1 140.119V271.758" stroke="#E1E1E2"
6179                        stroke-width="2" />
6180                    <path class="glow-line-2" d="M151 130.119H11C5.47715 130.119 1 134.596 1 140.119V271.758"
6181                        stroke-dasharray="100 1000" stroke-dashoffset="4000" />
6182                    <path d="M227 54.5068V32.5185C227 28.7821 224.291 25.7529 220.949 25.7529H109" stroke="#E1E1E2"
6183                        stroke-width="2" />
6184                    <path d="M159 97.1055H38" stroke="#E1E1E2" stroke-width="2" />
6185                    <path d="M226.725 169.715V188.192C226.725 192.347 223.952 195.715 220.533 195.715H113.725"
6186                        stroke="#E1E1E2" stroke-width="2" />
6187                    <path d="M317 269.259V162.922" stroke="#E1E1E2" stroke-width="2" />
6188                    <path class="current-path" d="M200 300V100" stroke="url
6188(#blueGradient)" />
6189
6190                    <path class="stroke-color" d="M317 269.259V162.922" />
6191                    <path d="M376.801 56.2202V10.0584C376.801 6.41634 379.577 3.46387 383.001 3.46387H485.301"
6192                        stroke="url(#paint0_linear_9943_3316)" stroke-width="2" />
6193                    <path d="M407 55V41.0266C407 37.1458 408.071 34 409.392 34H633"
6194                        stroke="url(#paint1_linear_9943_3316)" stroke-width="2" />
6195                    <path d="M406.725 169.715V186.302C406.725 190.396 409.514 193.715 412.955 193.715H487.725"
6196                        stroke="#E1E1E2" stroke-width="2" />
6197                    <path
6198                        d="M111.424 26.1739C111.424 29.344 108.998 31.9192 105.999 31.9192C103 31.9192 100.574 29.344 100.574 26.1739C100.574 23.0039 103 20.4287 105.999 20.4287C108.998 20.4287 111.424 23.0039 111.424 26.1739Z"
6199                        fill="#F7F7F7" stroke="#E1E1E2" />
6200                    <path
6201                        d="M49.4242 97.0596C49.4242 100.23 46.9982 102.805 43.9992 102.805C41.0003 102.805 38.5742 100.23 38.5742 97.0596C38.5742 93.8896 41.0003 91.3145 43.9992 91.3145C46.9982 91.3145 49.4242 93.8896 49.4242 97.0596Z"
6202                        fill="#F7F7F7" stroke="#E1E1E2" />
6203                    <path
6204                        d="M120.725 195.502C120.725 198.673 118.299 201.248 115.3 201.248C112.301 201.248 109.875 198.673 109.875 195.502C109.875 192.332 112.301 189.757 115.3 189.757C118.299 189.757 120.725 192.332 120.725 195.502Z"
6205                        fill="#F7F7F7" stroke="#E1E1E2" />
6206                    <path
6207                        d="M498.026 193.949C498.026 197.119 495.6 199.694 492.601 199.694C489.602 199.694 487.176 197.119 487.176 193.949C487.176 190.778 489.602 188.203 492.601 188.203C495.6 188.203 498.026 190.778 498.026 193.949Z"
6208                        fill="#F7F7F7" stroke="#E1E1E2" />
6209                    <mask id="path-15-inside-1_9943_3316" fill="white">
6210                        <path d="M222 154.262H232V170.262H222V154.262Z" />
6211                    </mask>
6212                    <g filter="url(#filter0_ii_9943_3316)">
6213                        <path d="M222 154.262H232V170.262H222V154.262Z" fill="white" />
6214                    </g>
6215                    <path
6216                        d="M232 170.262V171.262H233V170.262H232ZM222 170.262H221V171.262H222V170.262ZM232 154.262H231V170.262H232H233V154.262H232ZM232 170.262V169.262H222V170.262V171.262H232V170.262ZM222 170.262H223V154.262H222H221V170.262H222Z"
6217                        fill="#DFDFDF" mask="url(#path-15-inside-1_9943_3316)" />
6218                    <mask id="path-17-inside-2_9943_3316" fill="white">
6219                        <path d="M252 154.262H262V170.262H252V154.262Z" />
6220                    </mask>
6221                    <g filter="url(#filter1_ii_9943_3316)">
6222                        <path d="M252 154.262H262V170.262H252V154.262Z" fill="white" />
6223                    </g>
6224                    <path
6225                        d="M262 170.262V171.262H263V170.262H262ZM252 170.262H251V171.262H252V170.262ZM262 154.262H261V170.262H262H263V154.262H262ZM262 170.262V169.262H252V170.262V171.262H262V170.262ZM252 170.262H253V154.262H252H251V170.262H252Z"
6226                        fill="#DFDFDF" mask="url(#path-17-inside-2_9943_3316)" />
6227                    <mask id="path-19-inside-3_9943_3316" fill="white">
6228                        <path d="M282 154.262H292V170.262H282V154.262Z" />
6229                    </mask>
6230                    <g filter="url(#filter2_ii_9943_3316)">
6231                        <path d="M282 154.262H292V170.262H282V154.262Z" fill="white" />
6232                    </g>
6233                    <path
6234                        d="M292 170.262V171.262H293V170.262H292ZM282 170.262H281V171.262H282V170.262ZM292 154.262H291V170.262H292H293V154.262H292ZM292 170.262V169.262H282V170.262V171.262H292V170.262ZM282 170.262H283V154.262H282H281V170.262H282Z"
6235                        fill="#DFDFDF" mask="url(#path-19-inside-3_9943_3316)" />
6236                    <mask id="path-21-inside-4_9943_3316" fill="white">
6237                        <path d="M312 154.262H322V170.262H312V154.262Z" />
6238                    </mask>
6239                    <g filter="url(#filter3_ii_9943_3316)">
6240                        <path d="M312 154.262H322V170.262H312V154.262Z" fill="white" />
6241                    </g>
6242                    <path
6243                        d="M322 170.262V171.262H323V170.262H322ZM312 170.262H311V171.262H312V170.262ZM322 154.262H321V170.262H322H323V154.262H322ZM322 170.262V169.262H312V170.262V171.262H322V170.262ZM312 170.262H313V154.262H312H311V170.262H312Z"
6244                        fill="#DFDFDF" mask="url(#path-21-inside-4_9943_3316)" />
6245                    <mask id="path-23-inside-5_9943_3316" fill="white">
6246                        <path d="M342 154.262H352V170.262H342V154.262Z" />
6247                    </mask>
6248                    <g filter="url(#filter4_ii_9943_3316)">
6249                        <path d="M342 154.262H352V170.262H342V154.262Z" fill="white" />
6250                    </g>
6251                    <path
6252                        d="M352 170.262V171.262H353V170.262H352ZM342 170.262H341V171.262H342V170.262ZM352 154.262H351V170.262H352H353V154.262H352ZM352 170.262V169.262H342V170.262V171.262H352V170.262ZM342 170.262H343V154.262H342H341V170.262H342Z"
6253                        fill="#DFDFDF" mask="url(#path-23-inside-5_9943_3316)" />
6254                    <mask id="path-25-inside-6_9943_3316" fill="white">
6255                        <path d="M372 154.262H382V170.262H372V154.262Z" />
6256                    </mask>
6257                    <g filter="url(#filter5_ii_9943_3316)">
6258                        <path d="M372 154.262H382V170.262H372V154.262Z" fill="white" />
6259                    </g>
6260                    <path
6261                        d="M382 170.262V171.262H383V170.262H382ZM372 170.262H371V171.262H372V170.262ZM382 154.262H381V170.262H382H383V154.262H382ZM382 170.262V169.262H372V170.262V171.262H382V170.262ZM372 170.262H373V154.262H372H371V170.262H372Z"
6262                        fill="#DFDFDF" mask="url(#path-25-inside-6_9943_3316)" />
6263                    <mask id="path-27-inside-7_9943_3316" fill="white">
6264                        <path d="M402 154.262H412V170.262H402V154.262Z" />
6265                    </mask>
6266                    <g filter="url(#filter6_ii_9943_3316)">
6267                        <path d="M402 154.262H412V170.262H402V154.262Z" fill="white" />
6268                    </g>
6269                    <path
6270                        d="M412 170.262V171.262H413V170.262H412ZM402 170.262H401V171.262H402V170.262ZM412 154.262H411V170.262H412H413V154.262H412ZM412 170.262V169.262H402V170.262V171.262H412V170.262ZM402 170.262H403V154.262H402H401V170.262H402Z"
6271                        fill="#DFDFDF" mask="url(#path-27-inside-7_9943_3316)" />
6272                    <path d="M256.426 6.72889V56" stroke="#E1E1E2" stroke-width="2" />
6273                    <path
6274                        d="M261.85 6.24083C261.85 3.07051 259.424 0.495336 256.425 0.495336C253.426 0.495336 251 3.07051 251 6.24083C251 9.41116 253.426 11.9863 256.425 11.9863C259.424 11.9863 261.85 9.41116 261.85 6.24083Z"
6275                        fill="#F7F7F7" stroke="#E1E1E2" />
6276                    <path d="M286.426 6.72889V56" stroke="#E1E1E2" stroke-width="2" />
6277                    <path
6278                        d="M291.85 6.24083C291.85 3.07051 289.424 0.495336 286.425 0.495336C283.426 0.495336 281 3.07051 281 6.24083C281 9.41116 283.426 11.9863 286.425 11.9863C289.424 11.9863 291.85 9.41116 291.85 6.24083Z"
6279                        fill="#F7F7F7" stroke="#E1E1E2" />
6280                    <path d="M316.426 6.72889V56" stroke="#E1E1E2" stroke-width="2" />
6281                    <path
6282                        d="M321.85 6.24083C321.85 3.07051 319.424 0.495336 316.425 0.495336C313.426 0.495336 311 3.07051 311 6.24083C311 9.41116 313.426 11.9863 316.425 11.9863C319.424 11.9863 321.85 9.41116 321.85 6.24083Z"
6283                        fill="#F7F7F7" stroke="#E1E1E2" />
6284                    <path d="M347.426 6.72889V56" stroke="#E1E1E2" stroke-width="2" />
6285                    <path
6286                        d="M352.85 6.24083C352.85 3.07051 350.424 0.495336 347.425 0.495336C344.426 0.495336 342 3.07051 342 6.24083C342 9.41116 344.426 11.9863 347.425 11.9863C350.424 11.9863 352.85 9.41116 352.85 6.24083Z"
6287                        fill="#F7F7F7" stroke="#E1E1E2" />
6288                    <mask id="path-37-inside-8_9943_3316" fill="white">
6289                        <path d="M412 70.832H402V54.832H412V70.832Z" />
6290                    </mask>
6291                    <g filter="url(#filter7_ii_9943_3316)">
6292                        <path d="M412 70.832H402V54.832H412V70.832Z" fill="white" />
6293                    </g>
6294                    <path
6295                        d="M402 54.832V53.832H401V54.832H402ZM412 54.832H413V53.832H412V54.832ZM402 70.832H403V54.832H402H401V70.832H402ZM402 54.832V55.832H412V54.832V53.832H402V54.832ZM412 54.832H411V70.832H412H413V54.832H412Z"
6296                        fill="#DFDFDF" mask="url(#path-37-inside-8_9943_3316)" />
6297                    <mask id="path-39-inside-9_9943_3316" fill="white">
6298                        <path d="M382 70.832H372V54.832H382V70.832Z" />
6299                    </mask>
6300                    <g filter="url(#filter8_ii_9943_3316)">
6301                        <path d="M382 70.832H372V54.832H382V70.832Z" fill="white" />
6302                    </g>
6303                    <path
6304                        d="M372 54.832V53.832H371V54.832H372ZM382 54.832H383V53.832H382V54.832ZM372 70.832H373V54.832H372H371V70.832H372ZM372 54.832V55.832H382V54.832V53.832H372V54.832ZM382 54.832H381V70.832H382H383V54.832H382Z"
6305                        fill="#DFDFDF" mask="url(#path-39-inside-9_9943_3316)" />
6306                    <mask id="path-41-inside-10_9943_3316" fill="white">
6307                        <path d="M352 70.832H342V54.832H352V70.832Z" />
6308                    </mask>
6309                    <g filter="url(#filter9_ii_9943_3316)">
6310                        <path d="M352 70.832H342V54.832H352V70.832Z" fill="white" />
6311                    </g>
6312                    <path
6313                        d="M342 54.832V53.832H341V54.832H342ZM352 54.832H353V53.832H352V54.832ZM342 70.832H343V54.832H342H341V70.832H342ZM342 54.832V55.832H352V54.832V53.832H342V54.832ZM352 54.832H351V70.832H352H353V54.832H352Z"
6314                        fill="#DFDFDF" mask="url(#path-41-inside-10_9943_3316)" />
6315                    <mask id="path-43-inside-11_9943_3316" fill="white">
6316                        <path d="M322 70.832H312V54.832H322V70.832Z" />
6317                    </mask>
6318                    <g filter="url(#filter10_ii_9943_3316)">
6319                        <path d="M322 70.832H312V54.832H322V70.832Z" fill="white" />
6320                    </g>
6321                    <path
6322                        d="M312 54.832V53.832H311V54.832H312ZM322 54.832H323V53.832H322V54.832ZM312 70.832H313V54.832H312H311V70.832H312ZM312 54.832V55.832H322V54.832V53.832H312V54.832ZM322 54.832H321V70.832H322H323V54.832H322Z"
6323                        fill="#DFDFDF" mask="url(#path-43-inside-11_9943_3316)" />
6324                    <mask id="path-45-inside-12_9943_3316" fill="white">
6325                        <path d="M292 70.832H282V54.832H292V70.832Z" />
6326                    </mask>
6327                    <g filter="url(#filter11_ii_9943_3316)">
6328                        <path d="M292 70.832H282V54.832H292V70.832Z" fill="white" />
6329                    </g>
6330                    <path
6331                        d="M282 54.832V53.832H281V54.832H282ZM292 54.832H293V53.832H292V54.832ZM282 70.832H283V54.832H282H281V70.832H282ZM282 54.832V55.832H292V54.832V53.832H282V54.832ZM292 54.832H291V70.832H292H293V54.832H292Z"
6332                        fill="#DFDFDF" mask="url(#path-45-inside-12_9943_3316)" />
6333                    <mask id="path-47-inside-13_9943_3316" fill="white">
6334                        <path d="M262 70.832H252V54.832H262V70.832Z" />
6335                    </mask>
6336                    <g filter="url(#filter12_ii_9943_3316)">
6337                        <path d="M262 70.832H252V54.832H262V70.832Z" fill="white" />
6338                    </g>
6339                    <path
6340                        d="M252 54.832V53.832H251V54.832H252ZM262 54.832H263V53.832H262V54.832ZM252 70.832H253V54.832H252H251V70.832H252ZM252 54.832V55.832H262V54.832V53.832H252V54.832ZM262 54.832H261V70.832H262H263V54.832H262Z"
6341                        fill="#DFDFDF" mask="url(#path-47-inside-13_9943_3316)" />
6342                    <mask id="path-49-inside-14_9943_3316" fill="white">
6343                        <path d="M232 70.832H222V54.832H232V70.832Z" />
6344                    </mask>
6345                    <g filter="url(#filter13_ii_9943_3316)">
6346                        <path d="M232 70.832H222V54.832H232V70.832Z" fill="white" />
6347                    </g>
6348                    <path
6349                        d="M222 54.832V53.832H221V54.832H222ZM232 54.832H233V53.832H232V54.832ZM222 70.832H223V54.832H222H221V70.832H222ZM222 54.832V55.832H232V54.832V53.832H222V54.832ZM232 54.832H231V70.832H232H233V54.832H232Z"
6350                        fill="#DFDFDF" mask="url(#path-49-inside-14_9943_3316)" />
6351                    <path d="M347.201 219.053V169.782" stroke="#E1E1E2" stroke-width="2" />
6352                    <path
6353                        d="M347.2 226.11C350.624 226.11 353.4 223.169 353.4 219.54C353.4 215.912 350.624 212.971 347.2 212.971C343.776 212.971 341 215.912 341 219.54C341 223.169 343.776 226.11 347.2 226.11Z"
6354                        fill="#F7F7F7" />
6355                    <path
6356                        d="M352.625 219.541C352.625 222.712 350.2 225.287 347.2 225.287C344.201 225.287 341.775 222.712 341.775 219.541C341.775 216.371 344.201 213.796 347.2 213.796C350.2 213.796 352.625 216.371 352.625 219.541Z"
6357                        stroke="#E1E1E2" />
6358                    <path d="M377.201 219.053V169.782" stroke="#E1E1E2" stroke-width="2" />
6359                    <path
6360                        d="M382.625 219.541C382.625 222.712 380.2 225.287 377.2 225.287C374.201 225.287 371.775 222.712 371.775 219.541C371.775 216.371 374.201 213.796 377.2 213.796C380.2 213.796 382.625 216.371 382.625 219.541Z"
6361                        fill="#F9F9FB" stroke="#E1E1E2" />
6362                    <path d="M257.201 219.053V169.782" stroke="#E1E1E2" stroke-width="2" />
6363                    <path
6364                        d="M257.2 226.11C260.624 226.11 263.4 223.169 263.4 219.54C263.4 215.912 260.624 212.971 257.2 212.971C253.776 212.971 251 215.912 251 219.54C251 223.169 253.776 226.11 257.2 226.11Z"
6365                        fill="#F7F7F7" />
6366                    <path
6367                        d="M262.625 219.541C262.625 222.712 260.2 225.287 257.2 225.287C254.201 225.287 251.775 222.712 251.775 219.541C251.775 216.371 254.201 213.796 257.2 213.796C260.2 213.796 262.625 216.371 262.625 219.541Z"
6368                        stroke="#E1E1E2" />
6369                    <path d="M287.201 219.053V169.782" stroke="#E1E1E2" stroke-width="2" />
6370                    <path
6371                        d="M287.2 226.11C290.624 226.11 293.4 223.169 293.4 219.54C293.4 215.912 290.624 212.971 287.2 212.971C283.776 212.971 281 215.912 281 219.54C281 223.169 283.776 226.11 287.2 226.11Z"
6372                        fill="#F7F7F7" />
6373                    <path
6374                        d="M292.625 219.541C292.625 222.712 290.2 225.287 287.2 225.287C284.201 225.287 281.775 222.712 281.775 219.541C281.775 216.371 284.201 213.796 287.2 213.796C290.2 213.796 292.625 216.371 292.625 219.541Z"
6375                        stroke="#E1E1E2" />
6376                    <mask id="path-62-inside-15_9943_3316" fill="white">
6377                        <path d="M467 134.379V123.729H483V134.379H467Z" />
6378                    </mask>
6379                    <g filter="url(#filter14_ii_9943_3316)">
6380                        <path d="M467 134.379V123.729H483V134.379H467Z" fill="white" />
6381                    </g>
6382                    <path
6383                        d="M483 123.729H484V122.729H483V123.729ZM483 134.379V135.379H484V134.379H483ZM467 123.729V124.729H483V123.729V122.729H467V123.729ZM483 123.729H482V134.379H483H484V123.729H483ZM483 134.379V133.379H467V134.379V135.379H483V134.379Z"
6384                        fill="#DFDFDF" mask="url(#path-62-inside-15_9943_3316)" />
6385                    <mask id="path-64-inside-16_9943_3316" fill="white">
6386                        <path d="M467 102.43V91.7801H483V102.43H467Z" />
6387                    </mask>
6388                    <g filter="url(#filter15_ii_9943_3316)">
6389                        <path d="M467 102.43V91.7801H483V102.43H467Z" fill="white" />
6390                    </g>
6391                    <path
6392                        d="M483 91.7801H484V90.7801H483V91.7801ZM483 102.43V103.43H484V102.43H483ZM467 91.7801V92.7801H483V91.7801V90.7801H467V91.7801ZM483 91.7801
6392H482V102.43H483H484V91.7801H483ZM483 102.43V101.43H467V102.43V103.43H483V102.43Z"
6393                        fill="#DFDFDF" mask="url(#path-64-inside-16_9943_3316)" />
6394                    <mask id="path-66-inside-17_9943_3316" fill="white">
6395                        <path d="M167 134.379V123.729H151V134.379H167Z" />
6396                    </mask>
6397                    <g filter="url(#filter16_ii_9943_3316)">
6398                        <path d="M167 134.379V123.729H151V134.379H167Z" fill="white" />
6399                    </g>
6400                    <path
6401                        d="M151 123.729H150V122.729H151V123.729ZM151 134.379V135.379H150V134.379H151ZM167 123.729V124.729H151V123.729V122.729H167V123.729ZM151 123.729H152V134.379H151H150V123.729H151ZM151 134.379V133.379H167V134.379V135.379H151V134.379Z"
6402                        fill="#DFDFDF" mask="url(#path-66-inside-17_9943_3316)" />
6403                    <mask id="path-68-inside-18_9943_3316" fill="white">
6404                        <path d="M167 102.43V91.7801H151V102.43H167Z" />
6405                    </mask>
6406                    <g filter="url(#filter17_ii_9943_3316)">
6407                        <path d="M167 102.43V91.7801H151V102.43H167Z" fill="white" />
6408                    </g>
6409                    <path
6410                        d="M151 91.7801H150V90.7801H151V91.7801ZM151 102.43V103.43H150V102.43H151ZM167 91.7801V92.7801H151V91.7801V90.7801H167V91.7801ZM151 91.7801H152V102.43H151H150V91.7801H151ZM151 102.43V101.43H167V102.43V103.43H151V102.43Z"
6411                        fill="#DFDFDF" mask="url(#path-68-inside-18_9943_3316)" />
6412                    <path d="M205 629H11C5.47716 629 1 624.523 1 619V436" stroke="#E1E1E2" stroke-width="2" />
6413                    <path class="glow-line-3" d="M205 629H11C5.47716 629 1 624.523 1 619V436" stroke-dasharray="90 1000"
6414                        stroke-dashoffset="4000" />
6415                    <path d="M483 129.054H569C574.523 129.054 579 133.531 579 139.054V271.758" stroke="#E1E1E2"
6416                        stroke-width="2" />
6417                    <path class="glow-line-3" d="M483 129.054H569C574.523 129.054 579 133.531 579 139.054V271.758"
6418                        stroke-dasharray="90 1000" stroke-dashoffset="4000" />
6419                    <path d="M483 97.1055H623C628.523 97.1055 633 101.583 633 107.105V271.758" stroke="#E1E1E2"
6420                        stroke-width="2" />
6421                    <path class="glow-line-2" d="M483 97.1055H623C628.523 97.1055 633 101.583 633 107.105V271.758"
6422                        stroke-dasharray="90 1000" stroke-dashoffset="4000" />
6423                    <defs>
6424                        <filter id="filter0_ii_9943_3316" x="221" y="153.262" width="13" height="17"
6425                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6426                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6427                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6428                            <feColorMatrix in="SourceAlpha" type="matrix"
6429                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6430                            <feOffset dx="-2" dy="-2" />
6431                            <feGaussianBlur stdDeviation="0.5" />
6432                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6433                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6434                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6435                            <feColorMatrix in="SourceAlpha" type="matrix"
6436                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6437                            <feOffset dx="2" />
6438                            <feGaussianBlur stdDeviation="1" />
6439                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6440                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6441                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6442                                result="effect2_innerShadow_9943_3316" />
6443                        </filter>
6444                        <filter id="filter1_ii_9943_3316" x="251" y="153.262" width="13" height="17"
6445                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6446                            <feFlood flood-opacity="0" result="Backgroun
6446dImageFix" />
6447                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6448                            <feColorMatrix in="SourceAlpha" type="matrix"
6449                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6450                            <feOffset dx="-2" dy="-2" />
6451                            <feGaussianBlur stdDeviation="0.5" />
6452                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6453                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6454                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6455                            <feColorMatrix in="SourceAlpha" type="matrix"
6456                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6457                            <feOffset dx="2" />
6458                            <feGaussianBlur stdDeviation="1" />
6459                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6460                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6461                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6462                                result="effect2_innerShadow_9943_3316" />
6463                        </filter>
6464                        <filter id="filter2_ii_9943_3316" x="281" y="153.262" width="13" height="17"
6465                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6466                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6467                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6468                            <feColorMatrix in="SourceAlpha" type="matrix"
6469                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6470                            <feOffset dx="-2" dy="-2" />
6471                            <feGaussianBlur stdDeviation="0.5" />
6472                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6473                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6474                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6475                            <feColorMatrix in="SourceAlpha" type="matrix"
6476                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6477                            <feOffset dx="2" />
6478                            <feGaussianBlur stdDeviation="1" />
6479                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6480                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6481                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6482                                result="effect2_innerShadow_9943_3316" />
6483                        </filter>
6484                        <filter id="filter3_ii_9943_3316" x="311" y="153.262" width="13" height="17"
6485                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6486                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6487                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6488                            <feColorMatrix in="SourceAlpha" type="matrix"
6489                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6490                            <feOffset dx="-2" dy="-2" />
6491                            <feGaussianBlur stdDeviation="0.5" />
6492                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6493                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6494                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6495                            <feColorMatrix in="SourceAlpha" type="matrix"
6496                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6497                            <feOffset dx="2" />
6498                            <feGaussianBlur stdDeviation="1" />
6499                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6500                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6501                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6502                                result="effect2_innerShadow_9943_3316" />
6503                        </filter>
6504                        <filter id="filter4_ii_9943_3316" x="341" y="153.262" width="13" height="17"
6505                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6506                            <feFlood flood-opacity="0" result="Backgroun
6506dImageFix" />
6507                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6508                            <feColorMatrix in="SourceAlpha" type="matrix"
6509                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6510                            <feOffset dx="-2" dy="-2" />
6511                            <feGaussianBlur stdDeviation="0.5" />
6512                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6513                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6514                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6515                            <feColorMatrix in="SourceAlpha" type="matrix"
6516                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6517                            <feOffset dx="2" />
6518                            <feGaussianBlur stdDeviation="1" />
6519                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6520                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6521                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6522                                result="effect2_innerShadow_9943_3316" />
6523                        </filter>
6524                        <filter id="filter5_ii_9943_3316" x="371" y="153.262" width="13" height="17"
6525                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6526                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6527                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6528                            <feColorMatrix in="SourceAlpha" type="matrix"
6529                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6530                            <feOffset dx="-2" dy="-2" />
6531                            <feGaussianBlur stdDeviation="0.5" />
6532                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6533                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6534                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6535                            <feColorMatrix in="SourceAlpha" type="matrix"
6536                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6537                            <feOffset dx="2" />
6538                            <feGaussianBlur stdDeviation="1" />
6539                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6540                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6541                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6542                                result="effect2_innerShadow_9943_3316" />
6543                        </filter>
6544                        <filter id="filter6_ii_9943_3316" x="401" y="153.262" width="13" height="17"
6545                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6546                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6547                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6548                            <feColorMatrix in="SourceAlpha" type="matrix"
6549                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6550                            <feOffset dx="-2" dy="-2" />
6551                            <feGaussianBlur stdDeviation="0.5" />
6552                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6553                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6554                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6555                            <feColorMatrix in="SourceAlpha" type="matrix"
6556                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6557                            <feOffset dx="2" />
6558                            <feGaussianBlur stdDeviation="1" />
6559                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6560                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6561                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6562                                result="effect2_innerShadow_9943_3316" />
6563                        </filter>
6564                        <filter id="filter7_ii_9943_3316" x="401" y="53.832" width="13" height="17"
6565                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6566                            <feFlood flood-opacity="0" result="Backgroun
6566dImageFix" />
6567                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6568                            <feColorMatrix in="SourceAlpha" type="matrix"
6569                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6570                            <feOffset dx="-2" dy="-2" />
6571                            <feGaussianBlur stdDeviation="0.5" />
6572                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6573                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6574                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6575                            <feColorMatrix in="SourceAlpha" type="matrix"
6576                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6577                            <feOffset dx="2" />
6578                            <feGaussianBlur stdDeviation="1" />
6579                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6580                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6581                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6582                                result="effect2_innerShadow_9943_3316" />
6583                        </filter>
6584                        <filter id="filter8_ii_9943_3316" x="371" y="53.832" width="13" height="17"
6585                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6586                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6587                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6588                            <feColorMatrix in="SourceAlpha" type="matrix"
6589                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6590                            <feOffset dx="-2" dy="-2" />
6591                            <feGaussianBlur stdDeviation="0.5" />
6592                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6593                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6594                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6595                            <feColorMatrix in="SourceAlpha" type="matrix"
6596                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6597                            <feOffset dx="2" />
6598                            <feGaussianBlur stdDeviation="1" />
6599                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6600                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6601                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6602                                result="effect2_innerShadow_9943_3316" />
6603                        </filter>
6604                        <filter id="filter9_ii_9943_3316" x="341" y="53.832" width="13" height="17"
6605                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6606                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6607                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6608                            <feColorMatrix in="SourceAlpha" type="matrix"
6609                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6610                            <feOffset dx="-2" dy="-2" />
6611                            <feGaussianBlur stdDeviation="0.5" />
6612                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6613                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6614                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6615                            <feColorMatrix in="SourceAlpha" type="matrix"
6616                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6617                            <feOffset dx="2" />
6618                            <feGaussianBlur stdDeviation="1" />
6619                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6620                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6621                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6622                                result="effect2_innerShadow_9943_3316" />
6623                        </filter>
6624                        <filter id="filter10_ii_9943_3316" x="311" y="53.832" width="13" height="17"
6625                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6626                            <feFlood flood-opacity="0" result="Backgroun
6626dImageFix" />
6627                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6628                            <feColorMatrix in="SourceAlpha" type="matrix"
6629                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6630                            <feOffset dx="-2" dy="-2" />
6631                            <feGaussianBlur stdDeviation="0.5" />
6632                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6633                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6634                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6635                            <feColorMatrix in="SourceAlpha" type="matrix"
6636                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6637                            <feOffset dx="2" />
6638                            <feGaussianBlur stdDeviation="1" />
6639                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6640                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6641                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6642                                result="effect2_innerShadow_9943_3316" />
6643                        </filter>
6644                        <filter id="filter11_ii_9943_3316" x="281" y="53.832" width="13" height="17"
6645                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6646                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6647                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6648                            <feColorMatrix in="SourceAlpha" type="matrix"
6649                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6650                            <feOffset dx="-2" dy="-2" />
6651                            <feGaussianBlur stdDeviation="0.5" />
6652                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6653                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6654                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6655                            <feColorMatrix in="SourceAlpha" type="matrix"
6656                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6657                            <feOffset dx="2" />
6658                            <feGaussianBlur stdDeviation="1" />
6659                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6660                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6661                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6662                                result="effect2_innerShadow_9943_3316" />
6663                        </filter>
6664                        <filter id="filter12_ii_9943_3316" x="251" y="53.832" width="13" height="17"
6665                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6666                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6667                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6668                            <feColorMatrix in="SourceAlpha" type="matrix"
6669                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6670                            <feOffset dx="-2" dy="-2" />
6671                            <feGaussianBlur stdDeviation="0.5" />
6672                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6673                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6674                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6675                            <feColorMatrix in="SourceAlpha" type="matrix"
6676                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6677                            <feOffset dx="2" />
6678                            <feGaussianBlur stdDeviation="1" />
6679                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6680                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6681                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6682                                result="effect2_innerShadow_9943_3316" />
6683                        </filter>
6684                        <filter id="filter13_ii_9943_3316" x="221" y="53.832" width="13" height="17"
6685                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6686                            <feFlood flood-opacity="0" result="Backgroun
6686dImageFix" />
6687                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6688                            <feColorMatrix in="SourceAlpha" type="matrix"
6689                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6690                            <feOffset dx="-2" dy="-2" />
6691                            <feGaussianBlur stdDeviation="0.5" />
6692                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6693                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6694                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6695                            <feColorMatrix in="SourceAlpha" type="matrix"
6696                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6697                            <feOffset dx="2" />
6698                            <feGaussianBlur stdDeviation="1" />
6699                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6700                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6701                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6702                                result="effect2_innerShadow_9943_3316" />
6703                        </filter>
6704                        <filter id="filter14_ii_9943_3316" x="466" y="122.729" width="19" height="11.6494"
6705                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6706                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6707                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6708                            <feColorMatrix in="SourceAlpha" type="matrix"
6709                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6710                            <feOffset dx="-2" dy="-2" />
6711                            <feGaussianBlur stdDeviation="0.5" />
6712                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6713                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6714                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6715                            <feColorMatrix in="SourceAlpha" type="matrix"
6716                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6717                            <feOffset dx="2" />
6718                            <feGaussianBlur stdDeviation="1" />
6719                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6720                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6721                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6722                                result="effect2_innerShadow_9943_3316" />
6723                        </filter>
6724                        <filter id="filter15_ii_9943_3316" x="466" y="90.7803" width="19" height="11.6494"
6725                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6726                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6727                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6728                            <feColorMatrix in="SourceAlpha" type="matrix"
6729                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6730                            <feOffset dx="-2" dy="-2" />
6731                            <feGaussianBlur stdDeviation="0.5" />
6732                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6733                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6734                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6735                            <feColorMatrix in="SourceAlpha" type="matrix"
6736                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6737                            <feOffset dx="2" />
6738                            <feGaussianBlur stdDeviation="1" />
6739                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6740                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6741                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6742                                result="effect2_innerShadow_9943_3316" />
6743                        </filter>
6744                        <filter id="filter16_ii_9943_3316" x="150" y="122.729" width="19" height="11.6494"
6745                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6746                            <feFlood flood-opacity="0" result="Backgroun
6746dImageFix" />
6747                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6748                            <feColorMatrix in="SourceAlpha" type="matrix"
6749                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6750                            <feOffset dx="-2" dy="-2" />
6751                            <feGaussianBlur stdDeviation="0.5" />
6752                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6753                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6754                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6755                            <feColorMatrix in="SourceAlpha" type="matrix"
6756                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6757                            <feOffset dx="2" />
6758                            <feGaussianBlur stdDeviation="1" />
6759                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6760                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6761                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6762                                result="effect2_innerShadow_9943_3316" />
6763                        </filter>
6764                        <filter id="filter17_ii_9943_3316" x="150" y="90.7803" width="19" height="11.6494"
6765                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
6766                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
6767                            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
6768                            <feColorMatrix in="SourceAlpha" type="matrix"
6769                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6770                            <feOffset dx="-2" dy="-2" />
6771                            <feGaussianBlur stdDeviation="0.5" />
6772                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6773                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6774                            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_9943_3316" />
6775                            <feColorMatrix in="SourceAlpha" type="matrix"
6776                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
6777                            <feOffset dx="2" />
6778                            <feGaussianBlur stdDeviation="1" />
6779                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
6780                            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0" />
6781                            <feBlend mode="normal" in2="effect1_innerShadow_9943_3316"
6782                                result="effect2_innerShadow_9943_3316" />
6783                        </filter>
6784                        <linearGradient id="paint0_linear_9943_3316" x1="431" y1="6" x2="375.515" y2="41.6906"
6785                            gradientUnits="userSpaceOnUse">
6786                            <stop stop-color="white" stop-opacity="0" />
6787                            <stop offset="1" stop-color="#E1E1E2" />
6788                        </linearGradient>
6789                        <linearGradient id="paint1_linear_9943_3316" x1="412.015" y1="33.5058" x2="498.611" y2="33.5058"
6790                            gradientUnits="userSpaceOnUse">
6791                            <stop stop-color="#E1E1E2" />
6792                            <stop offset="1" stop-color="white" stop-opacity="0" />
6793                        </linearGradient>
6794                    </defs>
6795                </svg>
6796                <div class="mobile-svg-wrapper">
6797<img width="386" height="707" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20386%20707'%3E%3C/svg%3E" alt="button" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/mobile-svg-outline.svg"><noscript><img width="386" height="707" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/mobile-svg-outline.svg" alt="button"></noscript>
6798</div>
6799                <div class="xten-av-button">
6800                    <img width="506" height="84" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20506%2084'%3E%3C/svg%3E" alt="button" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/xten-white-logo.webp"><noscript><img width="506" height="84" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/xten-white-logo.webp" alt="button"></noscript>
6801                </div>
6802                <div class="three-ptoduct-cards">
6803                    <div class="product-card">
6804                        <a href="https://xtenav.com/x-draw/" target="_blank" rel="noopener" class="product-card-link">
6805  <div class="product-cards-wrapper">
6806    <img width="517" height="161" decoding="async"
6807      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20517%20161'%3E%3C/svg%3E"
6808      alt="X-DRAW-LOGO"
6809    data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/x-draw-logo.webp" /><noscript><img width="517" height="161" decoding="async"
6810      src="https://xtenav.com/wp-content/uploads/2025/07/x-draw-logo.webp"
6811      alt="X-DRAW-LOGO"
6812    /></noscript>
6813    <p>Scale up your AV design &amp; diagramming capabilities</p>
6814  </div>
6815</a>
6816
6817                    </div>
6818                    <div class="product-card">
6819                        <a href="https://xtenav.com/x-doc/" target="_blank" rel="noopener" class="product-card-link">
6820  <div class="product-cards-wrapper">
6821    <img width="456" height="161" decoding="async"
6822      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20456%20161'%3E%3C/svg%3E"
6823      alt="X-DOC-LOGO"
6824    data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/xdoc-logo.webp" /><noscript><img width="456" height="161" decoding="async"
6825      src="https://xtenav.com/wp-content/uploads/2025/07/xdoc-logo.webp"
6826      alt="X-DOC-LOGO"
6827    /></noscript>
6828    <p>
6829      Boost the efficiency<br />
6830      of your proposal process
6831    </p>
6832  </div>
6833</a>
6834
6835                    </div>
6836                    <div class="product-card">
6837                        <a href="https://xtenav.com/x-pro/" target="_blank" rel="noopener" class="product-card-link">
6838  <div class="product-cards-wrapper">
6839    <img width="488" height="161" decoding="async"
6840      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20488%20161'%3E%3C/svg%3E"
6841      alt="X-PRO-LOGO"
6842    data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/X-Pro-logo.webp" /><noscript><img width="488" height="161" decoding="async"
6843      src="https://xtenav.com/wp-content/uploads/2025/07/X-Pro-logo.webp"
6844      alt="X-PRO-LOGO"
6845    /></noscript>
6846    <p>
6847      Manage AV projects efficiently,<br />
6848      cut costs &amp; increase ROI
6849    </p>
6850  </div>
6851</a>
6852
6853                    </div>
6854
6855                </div>
6856
6857                <div class="xavia-button">
6858    <a 
6859        href="https://xtenav.com/xavia/" 
6860        target="_blank" 
6861        rel="noopener noreferrer"
6862        class="xavia-link"
6863        aria-label="Visit Xavia AV platform">
6864
6865        <lottie-player 
6866            src="https://xtenav.com/wp-content/uploads/2025/07/XAVIA-animation.json"
6867            background="transparent"
6868            speed="1"
6869            style="width:150px;height:150px;"
6870            loop
6871            autoplay>
6872        </lottie-player>
6873
6874    </a>
6875
6876                </div>
6877
6878            </div>
6879
6880        </section>
6881
6882        <style>
6883
6884        .product-card-link {
6885  display: block;
6886  text-decoration: none;
6887  color: inherit;
6888  cursor: pointer;
6889}
6890
6891.product-card:hover {
6892    transform: translateY(-3px);
6893  transition: 0.3s ease;
6894  box-shadow: 0 12px 18px #2b2b2b17;
6895}
6896
6897        .xavia-link {
6898  display: flex;
6899    flex-direction: column;
6900    justify-content: center;
6901    align-items: center;
6902    cursor: pointer;
6903
6904}
6905
6906.xavia-button {
6907  pointer-events: auto;
6908}
6909
6910            section.product-section {
6911  width: 100%;
6912  display: flex;
6913  flex-direction: column;
6914  align-items: center;
6915  margin: 4rem 0 2rem;
6916  position: relative;
6917  background: #F9F9FB;
6918}
6919.mobile-svg-wrapper {
6920    display: none;
6921}
6922.site-content, .page-headline:before {
6923    background-color: #f9f9fb !important;
6924}
6925.product-cards-wrapper img{
6926    height:40px;
6927    width:auto;
6928    margin-bottom: 10px;
6929
6930}
6931.product-section::before {
6932    content: "";
6933    display: block;
6934    position: absolute;
6935    top: -400px;
6936    left: 0px;
6937    width: 100%;
6938    height: 100%;
6939    background-image: url(https://xtenav.com/wp-content/uploads/2025/07/upper-bg.svg);
6940    /*background-size: cover;*/
6941    background-position: center;
6942    background-repeat: no-repeat;
6943    z-index: 0;
6944    opacity: 1;
6945}
6946.xten-av-button img{
6947    width:90%;
6948    height: auto;
6949}
6950.product-section::after {
6951    content: "";
6952    display: block;
6953    position: absolute;
6954    top: 420px;
6955    left: 0px;
6956    width: 100%;
6957    height: 100%;
6958    background-image: url(https://xtenav.com/wp-content/uploads/2025/07/lower-bg.svg);
6959    /* background-size: cover; */
6960    background-position: center;
6961    background-repeat: no-repeat;
6962    z-index: 0;
6963    opacity: 1;
6964}
6965.illustration {
6966  position: relative;
6967  height: 750px;
6968  overflow: hidden;
6969  width: 100%;
6970  contain: strict;
6971  display: flex;
6972  align-items: flex-start;
6973  justify-content: center;
6974  z-index: 2;
6975}
6976.xten-av-button {
6977  border-radius: 12px;
6978  position: absolute;
6979  transform: translateY(73px);
6980  padding: 26px 70px;
6981  z-index: 2;
6982  outline: 3px solid rgba(161, 176, 210, 0.5);
6983  background: radial-gradient(
6984      46.14% 38.87% at 51.54% 50.67%,
6985      rgba(255, 255, 255, 0.16) 36.5%,
6986      rgba(0, 0, 0, 0.2) 100%
6987    ),
6988    linear-gradient(180deg, #2b2b2b 0%, #000 100%);
6989  box-shadow: 6px 8px 3px 0px rgba(255, 255, 255, 0.08) inset,
6990    0px -8px 4px 0px rgba(242, 246, 255, 0.24) inset,
6991    0px 2px 9px 0px rgba(54, 105, 217, 0.2);
6992  background: radial-gradient(
6993      46.14% 38.87% at 51.54% 50.67%,
6994      rgba(255, 255, 255, 0.16) 36.5%,
6995      rgba(0, 0, 0, 0.2) 100%
6996    ),
6997    linear-gradient(180deg, #2b2b2b 0%, #000 100%);
6998    width: 22%;
6999    display: flex;
7000    justify-content: center;
7001    align-items: center;
7002
7003
7004}
7005
7006.xavia-button {
7007  position: absolute;
7008  transform: translate(-10px, 520px);
7009  border: 6px solid #d6e7ff; /* Add a visible border color */
7010  animation: pulse 2s infinite;
7011  box-shadow: 0 0 0 #d6e7ff;
7012  border-radius: 50%;
7013}
7014
7015@keyframes pulse {
7016  0% {
7017    box-shadow: 0 0 0 0 #3669d9;
7018  }
7019  70% {
7020    box-shadow: 0 0 0 10px rgba(0, 255, 255, 0);
7021  }
7022  100% {
7023    box-shadow: 0 0 0 0 rgba(0, 255, 255, 0);
7024  }
7025}
7026.xten-av-button:before {
7027  content: "";
7028  position: absolute;
7029  width: 100%;
7030  height: 100%;
7031  top: 0;
7032  left: -100px;
7033  background-image: linear-gradient(
7034    120deg,
7035    rgba(239, 239, 239, 0) 30%,
7036    rgba(239, 239, 239, 0.263),
7037    rgba(239, 239, 239, 0) 70%
7038  );
7039  animation: shine 5s infinite linear;
7040}
7041@keyframes shine {
7042  0% {
7043    left: -100px;
7044  }
7045  20% {
7046    left: 100%;
7047  }
7048  100% {
7049    left: 100%;
7050  }
7051}
7052.three-ptoduct-cards {
7053  position: absolute;
7054  display: flex;
7055  gap: 20px;
7056  transform: translate(0, 260px);
7057  width: 72%;
7058}
7059.product-cards-wrapper {
7060  display: flex;
7061  justify-content: center;
7062  align-items: center;
7063  flex-direction: column;
7064  padding: 10px;
7065  border-radius: 10px;
7066  background: linear-gradient(180deg, #fff 27.88%, #f1f7ff 100%);
7067  gap: 10px;
7068  padding: 40px 40px;
7069      min-height: 200px;
7070    min-width: 280px;
7071
7072
7073}
7074.product-cards-wrapper p {
7075  color: var(--secondary-Text, #637381);
7076  text-align: center;
7077  font-family: Poppins;
7078  font-size: 13px;
7079  font-style: normal;
7080  font-weight: 400;
7081  line-height: 150%; /* 24px */
7082   margin: 0;
7083}
7084.product-card {
7085  padding: 2px;
7086  border-radius: 12px;
7087  border: 1px solid #9dc0ff;
7088  background: #c4d7f9;
7089  box-shadow: 0 2px 8px #2b2b2b17;
7090  height: 100%;
7091  width: 100%;
7092}
7093.products-heading p {
7094 color: var(--secondary-Text, #637381);
7095text-align: center;
7096font-family: Poppins;
7097font-size: 16px;
7098font-style: normal;
7099font-weight: 400;
7100line-height: 150%; /* 24px */
7101}
7102.products-heading {
7103    margin-bottom: 30px;
7104    width: 53%;
7105    display: flex;
7106    align-item: cent;
7107    flex-direction: column;
7108    align-items: center;
7109}
7110.products-heading h2 {
7111 color: #111013;
7112text-align: center;
7113font-family: Poppins;
7114font-size: 48px;
7115font-style: normal;
7116font-weight: 700;
7117line-height: 120%; /* 57.6px */
7118}
7119.illustration::after {
7120  content: "";
7121  display: block;
7122  position: absolute;
7123  top: 250px;
7124  left: 0;
7125  width: 130%;
7126  height: 40%;
7127  background-image: url(https://xtenav.com/wp-content/uploads/2025/07/centere-bg-image.svg);
7128  /* background-size: cover; */
7129  background-position: center;
7130  background-repeat: no-repeat;
7131  z-index: -1;
7132  opacity: 1;
7133}
7134@media (max-width: 1024px) {
7135    .products-heading h2{
7136        font-size: 32px;
7137    }
7138    .three-ptoduct-cards {
7139    transform: translate(0, 260px);
7140    width: 100%;
7141}
7142.three-ptoduct-cards {
7143    position: absolute;
7144    display: flex
7145;
7146    gap: 20px;
7147    transform: translate(0, 260px);
7148    width: 100%;
7149}
7150.product-cards-wrapper {
7151    gap: 10px;
7152    padding: 20px;
7153    min-height: 180px;
7154    min-width: 180px;
7155}
7156.xten-av-button img {
7157    width: 60%;
7158    height: auto;
7159}
7160
7161.product-section::before{
7162    display: none;
7163}
7164.product-section::after{
7165    display: none;
7166}
7167.illustration::after{
7168    display: none;
7169}
7170    .xten-av-button {
7171        padding: 20px 10px;
7172        width: 31%;
7173        transform: translateY(109px);
7174    }
7175.product-cards-wrapper img {
7176    height: 30px;
7177    width: auto;
7178}
7179.products-heading {
7180    width: 73%;
7181}
7182.illustration svg{
7183    width: 500px;
7184}
7185.xavia-button{
7186    transform: translate(-10px, 472px);
7187}
7188section.product-section{
7189    margin: 0;
7190}
7191
7192}
7193@media (max-width: 767px) {
7194    .products-heading h2 {
7195        font-size: 22px;
7196        text-align: left;
7197        margin:0 20px 10px 20px;
7198    }
7199
7200    .products-heading {
7201        width: 100%;
7202        align-items: flex-start;
7203        text-align: left !important;
7204        font-size: 14px;
7205    }
7206    .products-heading p {
7207            text-align: left !important;
7208         margin:10px 20px 10px 20px ;
7209        font-size: 13px;
7210    }
7211
7212    .three-ptoduct-cards {
7213        flex-direction: column;
7214        transform: translate(0, 160px);
7215        width: 100%;
7216        align-items: center;
7217    }
7218
7219    .mobile-svg-wrapper {
7220        display: block;
7221        text-align: center;
7222        padding: 20px;
7223    }
7224
7225    .illustration svg {
7226        display: none;
7227    }
7228
7229    .product-card {
7230        width: 220px;
7231    }
7232
7233    .product-cards-wrapper {
7234        width: 100%;
7235        min-height: 130px;
7236    }
7237        .xten-av-button {
7238        padding: 16px 10px;
7239        width: 41%;
7240        transform: translateY(59px);
7241    }
7242    .product-cards-wrapper p{
7243        font-size: 12px;
7244    }
7245    .xavia-button lottie-player {
7246    width: 100px !important;
7247    height: 100px !important;
7248    transform: translateY(0px);
7249
7250    }
7251    .xavia-button  {
7252    width: 110px !important;
7253    height: 110px !important;
7254    transform: translateY(630px);
7255
7256    }
7257}
7258
7259@media (max-width: 376px) {
7260    .product-cards-wrapper {
7261        width: 100%;
7262        min-height: 110px;
7263        padding: 10px;
7264    }
7265
7266    .xavia-button {
7267        width: 110px !important;
7268        height: 110px !important;
7269        transform: translateY(560px);
7270    }
7271
7272
7273
7274}
7275
7276        </style>
7277
7278        
7278<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://xtenav.com/wp-content/cache/min/1/@lottiefiles/lottie-player@latest/dist/lottie-player.js?ver=1790853476"></script>
7278
7279
7280		</div>
7281				</div>
7282					</div>
7283		</div>
7284							</div>
7285		</section>
7286				<section class="elementor-section elementor-top-section elementor-element elementor-element-62251375 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="62251375" data-element_type="section">
7287						<div class="elementor-container elementor-column-gap-default">
7288					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3030e6b0" data-id="3030e6b0" data-element_type="column">
7289			<div class="elementor-widget-wrap elementor-element-populated">
7290								<div class="elementor-element elementor-element-145cc02 elementor-widget elementor-widget-html" data-id="145cc02" data-element_type="widget" data-widget_type="html.default">
7291				<div class="elementor-widget-container">
7292			
7293<style>
7294    .firstContainer,
7295    .lastContainer {
7296        display: flex;
7297        justify-content: center;
7298        align-items: center;
7299        height: 100vh;
7300        background: yellow;
7301    }
7302
7303    .horizontal-scroll-section {
7304        margin: 5rem 0;
7305    }
7306
7307    .container-wrapper-gsap {
7308        display: flex;
7309        gap: 40px;
7310        flex-direction: column;
7311    }
7312
7313    .panel {
7314        height: 100%;
7315        display: flex;
7316        align-items: center;
7317        justify-content: center;
7318        position: sticky;
7319        top: 80px;
7320        background-color: #fff;
7321        border: 1px solid #E9E9E9;
7322        overflow: hidden;
7323        border-radius: 22px;
7324        gap: 40px;
7325    }
7326
7327    .products-content-wrapper {
7328        display: flex;
7329        flex-direction: column;
7330        align-items: flex-start;
7331        height: 100%;
7332    }
7333
7334    .products-content {
7335        display: flex;
7336        justify-content: space-between;
7337        width: 100%;
7338        padding: 2rem 2rem .5rem;
7339        transform: scale(0.8);
7340        opacity: 1;
7341        transition: transform 0.4s ease, opacity 0.4s ease;
7342    }
7343
7344    .panel.in-view .products-content {
7345        transform: scale(1);
7346        opacity: 1;
7347    }
7348
7349    .product-heading-content {
7350        display: flex;
7351        flex-direction: column;
7352        align-items: flex-start;
7353        gap: 20px;
7354        width: 35%;
7355    }
7356
7357    .product-heading-content h2 {
7358        color: #222;
7359        font-size: 32px;
7360        font-weight: 600;
7361        line-height: 150%;
7362    }
7363
7364    .product-heading-content h2 span {
7365        color: #3669d9;
7366    }
7367
7368    .product-heading-content img {
7369        height: 50px;
7370        width: auto;
7371    }
7372
7373    .product-feature-wrapper {
7374        display: flex;
7375        gap: 20px;
7376        width: 100%;
7377        justify-content: flex-end;
7378    }
7379
7380    .product-feature {
7381        width: 210px;
7382        display: flex;
7383        flex-direction: column;
7384    }
7385
7386    .product-feature img {
7387        width: 12%;
7388    }
7389
7390    .product-feature h3 {
7391        font-size: 16px;
7392        font-weight: 500;
7393        color: #2b2b2b;
7394        margin: 15px 0 5px;
7395    }
7396
7397    .product-feature p {
7398        font-size: 14px;
7399        color: #637381;
7400        margin: 0;
7401    }
7402
7403    .products-image {
7404        padding: 0 2rem;
7405    }
7406
7407    .products-image img {
7408        width: 100%;
7409        height: auto;
7410        transform: scale(0.8);
7411        opacity: 1;
7412        transform-origin: center;
7413        transition: transform 0.4s ease, opacity 0.4s ease, box-shadow 0.4s ease;
7414        cursor: pointer;
7415    }
7416
7417    .panel.in-view .products-image img {
7418        transform: scale(1);
7419        opacity: 1;
7420    }
7421
7422    .products-image img:hover {
7423
7424        transform: scale(1.02);
7425    }
7426
7427    .custom-cursor {
7428        position: fixed;
7429        top: 30PX;
7430        left: 0;
7431        z-index: 9999;
7432        transform: translate(-60%, -80%);
7433        display: flex;
7434        align-items: center;
7435        gap: 6px;
7436        opacity: 0;
7437        transition: opacity 0.3s ease, transform 0.1s ease;
7438        font-size: 14px;
7439        color: rgb(213, 213, 213);
7440        mix-blend-mode: difference;
7441        font-weight: 400;
7442        font-family: "Poppins";
7443        cursor: pointer;
7444        text-transform: capitalize;
7445    }
7446
7447    .cursor-icon {
7448        font-size: 16px;
7449    }
7450
7451    .panel a {
7452        text-decoration: none;
7453    }
7454
7455    .explore-btn a {
7456        border-radius: 8px;
7457        background: #ffffff;
7458        display: flex;
7459        justify-content: center;
7460        align-items: center;
7461        height: 45px;
7462    }
7463
7464    .product-features-wraper {
7465        width: 65%;
7466        display: flex;
7467        flex-direction: column;
7468        align-items: flex-end;
7469    }
7470
7471    .explore-btn {
7472        margin-top: 10px;
7473    }
7474
7475    .explore-btn p {
7476        color: #3669D9;
7477        font-family: Poppins;
7478        font-size: 16px;
7479        font-style: normal;
7480        font-weight: 600;
7481        line-height: 150%;
7482        /* 18px */
7483    }
7484
7485    .explore-btn img {
7486        height: 20px;
7487        width: auto;
7488    }
7489
7490    .products-image .mobile-img {
7491        display: none;
7492    }
7493
7494    .products-image .desktop-img {
7495        display: block;
7496        border-radius: 12px 12px 0 0;
7497    }
7498   .horizontal-scroll-section::after{
7499
7500    content: "";
7501    display: block;
7502    position: absolute;
7503    top: 250px;
7504    left: 0;
7505    width: 130%;
7506    height: 40%;
7507    background-image: url(https://xtenav.com/wp-content/uploads/2025/07/centere-bg-image.svg);
7508    /* background-size: cover; */
7509    background-position: center;
7510    background-repeat: no-repeat;
7511    z-index: -1;
7512    opacity: 1;
7513        
7514    }
7515    
7516    @media screen and (min-width: 1024px) and (max-width: 1440px) {
7517    .horizontal-scroll-section::after {
7518        display: none !important;
7519    }
7520}
7521
7522    @media screen and (max-width: 768px) {
7523        .product-heading-content h2 {
7524            font-size: 22px;
7525        }
7526        
7527        .horizontal-scroll-section::after {
7528            display: none;
7529        }
7530
7531        .product-heading-content {
7532            gap: 20px;
7533            width: 100%;
7534        }
7535        
7536        .horizontal-scroll-section::after {
7537            display: none;
7538        }
7539
7540        .products-content {
7541            display: flex;
7542            flex-direction: column;
7543            justify-content: space-between;
7544            width: 100%;
7545            padding: 2rem;
7546            transform: scale(0.8);
7547            opacity: 1;
7548            transition: transform 0.4s ease, opacity 0.4s ease;
7549            gap: 30px;
7550        }
7551
7552        .product-features-wraper {
7553            width: 100%;
7554            display: flex;
7555            flex-direction: column;
7556            align-items: flex-start;
7557            /* or flex-end based on design */
7558        }
7559
7560        .product-feature-wrapper {
7561            display: flex;
7562            gap: 20px;
7563            width: 100%;
7564            justify-content: space-between;
7565        }
7566
7567        .horizontal-scroll-section {
7568            margin: 0;
7569        }
7570
7571        .explore-btn {
7572            margin-top: 20px;
7573        }
7574
7575        .product-feature {
7576            width: 100%;
7577            display: flex;
7578            flex-direction: column;
7579        }
7580
7581        .product-heading-content img {
7582            height: 35px !important;
7583        }
7584
7585        br {
7586            display: none;
7587        }
7588
7589        .panel {
7590
7591            position: relative;
7592            top: 0;
7593        }
7594
7595        .product-feature img {
7596            width: 8%;
7597        }
7598
7599    }
7600
7601    @media screen and (max-width: 458px) {
7602
7603        .products-content {
7604            padding: 1rem;
7605        }
7606            .product-feature {
7607        width: 100%;
7608        display: flex
7609;
7610        flex-direction: row;
7611        gap: 15px;
7612        align-items: center;
7613    }
7614
7615        .products-image .desktop-img {
7616            display: none;
7617        }
7618
7619        .products-image .mobile-img {
7620            display: block;
7621            border-radius: 12px 12px 0 0;
7622        }
7623        .products-image {
7624    padding: 0 1rem;
7625}
7626        .product-feature-wrapper {
7627        flex-direction: column;
7628    }
7629    .product-feature img {
7630        width: 8%;
7631    }
7632    }
7633</style>
7634
7635    <div class="horizontal-scroll-section">
7636        <div class="container-wrapper-gsap">
7637            <section class="panel panel-1 red">
7638                <div class="products-content-wrapper">
7639                    <div class="products-content">
7640                        <div class="product-heading-content">
7641                           <img decoding="async" 
7642  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%2050'%3E%3C/svg%3E" 
7643  alt="x-draw"
7644  width="150"
7645  height="50"
7646  fetchpriority="high"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/x-draw-logo.webp"
7647><noscript><img decoding="async" 
7648  src="https://xtenav.com/wp-content/uploads/2025/07/x-draw-logo.webp" 
7649  alt="x-draw"
7650  width="150"
7651  height="50"
7652  fetchpriority="high"
7653></noscript>
7654                            <h2>Scale up your AV design & <br> <span>diagramming</span> capabilities</h2>
7655                        </div>
7656                        <div class="product-features-wraper">
7657                            <div class="product-feature-wrapper">
7658                                <div class="product-feature">
7659                                    <img 
7660  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E"
7661  alt="Cable"
7662  width="40"
7663  height="40"
7664 
7665  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/Cable-Labeling-Styling.webp"
7666><noscript><img 
7667  src="https://xtenav.com/wp-content/uploads/2025/07/Cable-Labeling-Styling.webp"
7668  alt="Cable"
7669  width="40"
7670  height="40"
7671  loading="lazy"
7672  decoding="async"
7673></noscript>
7674                                    <div class="features-points">
7675                                        <h3>Cable <br> Labeling & Styling</h3>
7676                                        <p>Design smartly with X-DRAW’s automatic cable labeling and styling
7677                                            feature.</p>
7678                                    </div>
7679                                </div>
7680                                <div class="product-feature">
7681                                    <img width="75" height="75" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2075%2075'%3E%3C/svg%3E"
7682                                        alt="Template" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/template.webp"><noscript><img width="75" height="75" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/template.webp"
7683                                        alt="Template" loading="lazy"></noscript>
7684                                    <div class="features-points">
7685                                        <h3>AV Design<br> Templates</h3>
7686                                        <p>Choose from a range of X-DRAW templates & get ready BOM, drawings &
7687                                            proposals.</p>
7688                                    </div>
7689                                </div>
7690                                <div class="product-feature">
7691                                    <img width="75" height="75" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2075%2075'%3E%3C/svg%3E"
7692                                        alt="Draw AI" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/draw-with-AI.webp"><noscript><img width="75" height="75" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/07/draw-with-AI.webp"
7693                                        alt="Draw AI" loading="lazy"></noscript>
7694                                    <div class="features-points">
7695                                        <h3>Draw <br> design with AI</h3>
7696                                        <p>Create a BOM and let AI complete the drawing, ready with all connections!
7697                                        </p>
7698                                    </div>
7699                                </div>
7700
7701                            </div>
7702                            <div class="explore-btn">
7703                                <a href="https://xtenav.com/x-draw/?utm_content=homexdraw">
7704                                    <p>Explore X-DRAW</p>
7705                                    <img 
7706  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E"
7707  alt="arrow-right"
7708  width="20"
7709  height="20"
7710 
7711  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/arrow-right.svg"
7712><noscript><img 
7713  src="https://xtenav.com/wp-content/uploads/2025/05/arrow-right.svg"
7714  alt="arrow-right"
7715  width="20"
7716  height="20"
7717  loading="lazy"
7718  decoding="async"
7719></noscript>
7720                                </a>
7721                            </div>
7722                        </div>
7723                    </div>
7724                    <div class="products-image">
7725                        <a href="https://xtenav.com/x-draw/?utm_content=homexdraw"> <img decoding="async" 
7726  class="desktop-img"
7727  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20700'%3E%3C/svg%3E" 
7728  alt="X-DRAW"
7729  width="1200"
7730  height="700"
7731  fetchpriority="high"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/X-draw-feature-image-scaled-1.webp"
7732><noscript><img decoding="async" 
7733  class="desktop-img"
7734  src="https://xtenav.com/wp-content/uploads/2025/09/X-draw-feature-image-scaled-1.webp" 
7735  alt="X-DRAW"
7736  width="1200"
7737  height="700"
7738  fetchpriority="high"
7739></noscript>
7740                        <img 
7741  class="mobile-img"
7742  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E"
7743  alt="X-DRAW"
7744  width="600"
7745  height="400"
7746 
7747  decoding="async"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/X-draw-mobile-feature-image.
7747webp"
7748><noscript><img 
7749  class="mobile-img"
7750  src="https://xtenav.com/wp-content/uploads/2025/07/X-draw-mobile-feature-image.webp"
7751  alt="X-DRAW"
7752  width="600"
7753  height="400"
7754  loading="lazy"
7755  decoding="async"
7756></noscript>
7757                            </a>
7758                    </div>
7759                </div>
7760            </section>
7761            <section class="panel panel-2 orange">
7762                <div class="products-content-wrapper">
7763                    <div class="products-content">
7764                        <div class="product-heading-content">
7765<img decoding="async" 
7766          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%2045'%3E%3C/svg%3E"
7767          alt="x-doc"
7768          width="150"
7769          height="45"
7770          fetchpriority="high"
7771        data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/xdoc-logo.webp" ><noscript><img decoding="async" 
7772          src="https://xtenav.com/wp-content/uploads/2025/07/xdoc-logo.webp"
7773          alt="x-doc"
7774          width="150"
7775          height="45"
7776          fetchpriority="high"
7777        ></noscript>
7778                            <h2>Boost the efficiency <br> of your <span>proposal</span> process</h2>
7779                        </div>
7780                        <div class="product-features-wraper">
7781                            <div class="product-feature-wrapper">
7782                                <div class="product-feature">
7783<img 
7784              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E"
7785              alt="template"
7786              width="40"
7787              height="40"
7788             
7789              decoding="async"
7790            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/template.webp" ><noscript><img 
7791              src="https://xtenav.com/wp-content/uploads/2025/07/template.webp"
7792              alt="template"
7793              width="40"
7794              height="40"
7795              loading="lazy"
7796              decoding="async"
7797            ></noscript>
7798                                    <div class="features-points">
7799                                        <h3>100+ <br>proposal templates</h3>
7800                                        <p>Choose from 100+ DFY templates that are 100% customizable, to suit your
7801                                            requirements!
7802                                        </p>
7803                                    </div>
7804                                </div>
7805                                <div class="product-feature">
7806                                    <img 
7807              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E"
7808              alt="sign"
7809              width="40"
7810              height="40"
7811             
7812              decoding="async"
7813            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/sign.webp" ><noscript><img 
7814              src="https://xtenav.com/wp-content/uploads/2025/07/sign.webp"
7815              alt="sign"
7816              width="40"
7817              height="40"
7818              loading="lazy"
7819              decoding="async"
7820            ></noscript>
7821                                    <div class="features-points">
7822                                        <h3>Legally-binding <br>Digital Signatures</h3>
7823                                        <p>Boost accountability using secure, legally binding, and trusted digital
7824                                            signatures.
7825
7826                                        </p>
7827                                    </div>
7828                                </div>
7829                                <div class="product-feature">
7830                                    <img 
7831              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E"
7832              alt="Realtime"
7833              width="40"
7834              height="40"
7835             
7836              decoding="async"
7837            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/realtime.webp" ><noscript><img 
7838              src="https://xtenav.com/wp-content/uploads/2025/07/realtime.webp"
7839              alt="Realtime"
7840              width="40"
7841              height="40"
7842              loading="lazy"
7843              decoding="async"
7844            ></noscript>
7845                                    <div class="features-points">
7846                                        <h3>Realtime <br>proposal tracking</h3>
7847                                        <p>Track proposals at every stage of your sales cycle. Get notifications &
7848                                            send reminders!</p>
7849                                    </div>
7850                                </div>
7851
7852                            </div>
7853                            <div class="explore-btn">
7854                                <a href="https://xtenav.com/x-doc/?utm_content=homexdoc">
7855                                    <p>Explore X.DOC</p>
7856                                    <img 
7857              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E"
7858              alt="arrow-right"
7859              width="20"
7860              height="20"
7861             
7862              decoding="async"
7863            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/arrow-right.svg" ><noscript><img 
7864              src="https://xtenav.com/wp-content/uploads/2025/05/arrow-right.svg"
7865              alt="arrow-right"
7866              width="20"
7867              height="20"
7868              loading="lazy"
7869              decoding="async"
7870            ></noscript>
7871                                </a>
7872                            </div>
7873                        </div>
7874                    </div>
7875                    <div class="products-image">
7876                        <a href="https://xtenav.com/x-doc/?utm_content=homexdoc"> <img decoding="async" 
7877          class="desktop-img"
7878          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20700'%3E%3C/svg%3E"
7879          alt="X-DOC"
7880          width="1200"
7881          height="700"
7882          fetchpriority="high"
7883        data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/X-doc-feature-image-scaled-1.webp" ><noscript><img decoding="async" 
7884          class="desktop-img"
7885          src="https://xtenav.com/wp-content/uploads/2025/09/X-doc-feature-image-scaled-1.webp"
7886          alt="X-DOC"
7887          width="1200"
7888          height="700"
7889          fetchpriority="high"
7890        ></noscript>
7891<img 
7892          class="mobile-img"
7893          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E"
7894          alt="X-DOC"
7895          width="600"
7896          height="400"
7897         
7898          decoding="async"
7899        data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/X-doc-mobile-feature-image.
7899webp" ><noscript><img 
7900          class="mobile-img"
7901          src="https://xtenav.com/wp-content/uploads/2025/07/X-doc-mobile-feature-image.webp"
7902          alt="X-DOC"
7903          width="600"
7904          height="400"
7905          loading="lazy"
7906          decoding="async"
7907        ></noscript>
7908
7909                            </a>
7910                    </div>
7911                </div>
7912            </section>
7913            <section class="panel panel-3 purple">
7914                <div class="products-content-wrapper">
7915                    <div class="products-content">
7916                        <div class="product-heading-content">
7917                            <img decoding="async" 
7918          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%2045'%3E%3C/svg%3E"
7919          alt="x-pro"
7920          width="150"
7921          height="45"
7922          fetchpriority="high"
7923        data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/X-Pro-logo.webp" ><noscript><img decoding="async" 
7924          src="https://xtenav.com/wp-content/uploads/2025/07/X-Pro-logo.webp"
7925          alt="x-pro"
7926          width="150"
7927          height="45"
7928          fetchpriority="high"
7929        ></noscript>
7930                            <h2>Manage <span>AV projects</span> efficiently, cut costs & increase ROI
7931                            </h2>
7932                        </div>
7933                        <div class="product-features-wraper">
7934                            <div class="product-feature-wrapper">
7935                                <div class="product-feature">
7936                                    <img 
7937              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E"
7938              alt="task"
7939              width="40"
7940              height="40"
7941             
7942              decoding="async"
7943            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/task-and-event.webp" ><noscript><img 
7944              src="https://xtenav.com/wp-content/uploads/2025/07/task-and-event.webp"
7945              alt="task"
7946              width="40"
7947              height="40"
7948              loading="lazy"
7949              decoding="async"
7950            ></noscript>
7951                                    <div class="features-points">
7952                                        <h3>Create tasks and<br> Link them to Events</h3>
7953                                        <p>Never miss a deadline—create and align tasks, linking them to events to
7954                                            stay on track
7955                                        </p>
7956                                    </div>
7957                                </div>
7958                                <div class="product-feature">
7959                                    <img 
7960              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E"
7961              alt="ROI"
7962              width="40"
7963              height="40"
7964             
7965              decoding="async"
7966            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/ROI.webp" ><noscript><img 
7967              src="https://xtenav.com/wp-content/uploads/2025/07/ROI.webp"
7968              alt="ROI"
7969              width="40"
7970              height="40"
7971              loading="lazy"
7972              decoding="async"
7973            ></noscript>
7974                                    <div class="features-points">
7975                                        <h3>Comprehensive Project<br> ROI Insights</h3>
7976                                        <p>Monitor profitability and progress with real-time reports, keeping AV
7977                                            projects on track
7978                                        </p>
7979                                    </div>
7980                                </div>
7981                                <div class="product-feature">
7982                               <img 
7983              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2040%2040'%3E%3C/svg%3E"
7984              alt="mobile access"
7985              width="40"
7986              height="40"
7987             
7988              decoding="async"
7989            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/mobile-access.webp" ><noscript><img 
7990              src="https://xtenav.com/wp-content/uploads/2025/07/mobile-access.webp"
7991              alt="mobile access"
7992              width="40"
7993              height="40"
7994              loading="lazy"
7995              decoding="async"
7996            ></noscript>
7997                                    <div class="features-points">
7998                                        <h3>Mobile Access<br> for Field Technicians
7999                                        </h3>
8000                                        <p>Access designs, docs & tasks on the go. Better on-site execution & zero
8001                                            delays!
8002                                        </p>
8003                                    </div>
8004                                </div>
8005                            </div>
8006                            <div class="explore-btn">
8007                                <a href="https://xtenav.com/x-pro/">
8008                                    <p>Explore X-PRO</p>
8009                                    <img 
8010              src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3C/svg%3E"
8011              alt="arrow-right"
8012              width="20"
8013              height="20"
8014             
8015              decoding="async"
8016            data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/arrow-right.svg" ><noscript><img 
8017              src="https://xtenav.com/wp-content/uploads/2025/05/arrow-right.svg"
8018              alt="arrow-right"
8019              width="20"
8020              height="20"
8021              loading="lazy"
8022              decoding="async"
8023            ></noscript>
8024                                </a>
8025                            </div>
8026                        </div>
8027
8028                    </div>
8029                    <div class="products-image">
8030                        <a href="https://xtenav.com/x-pro/"> <img decoding="async" 
8031          class="desktop-img"
8032          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20700'%3E%3C/svg%3E"
8033          alt="X-PRO"
8034          width="1200"
8035          height="700"
8036          fetchpriority="high"
8037        data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/X-pro-feature-image-scaled-1.webp" ><noscript><img decoding="async" 
8038          class="desktop-img"
8039          src="https://xtenav.com/wp-content/uploads/2025/09/X-pro-feature-image-scaled-1.webp"
8040          alt="X-PRO"
8041          width="1200"
8042          height="700"
8043          fetchpriority="high"
8044        ></noscript>
8045                        <img 
8046          class="mobile-img"
8047          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20600%20400'%3E%3C/svg%3E"
8048          alt="X-PRO"
8049          width="600"
8050          height="400"
8051         
8052          decoding="async"
8053        data-lazy-src="https://xtenav.com/wp-content/uploads/2025/07/X-pro-mobile-feature-image.
8053webp" ><noscript><img 
8054          class="mobile-img"
8055          src="https://xtenav.com/wp-content/uploads/2025/07/X-pro-mobile-feature-image.webp"
8056          alt="X-PRO"
8057          width="600"
8058          height="400"
8059          loading="lazy"
8060          decoding="async"
8061        ></noscript>
8062                            </a>
8063                    </div>
8064                </div>
8065            </section>
8066        </div>
8067    </div>
8068    <div class="custom-cursor">
8069        <div class="cursor-text"></div>
8070    </div>
8071    
8072<script type="text/rocketlazyloadscript">
8073    const panels = document.querySelectorAll(".panel");
8074    const customCursor = document.querySelector('.custom-cursor');
8075    const cursorText = customCursor.querySelector(".cursor-text");
8076
8077    // IntersectionObserver: add/remove .in-view class
8078    const observer = new IntersectionObserver((entries) => {
8079        entries.forEach(entry => {
8080            entry.target.classList.toggle("in-view", entry.isIntersecting);
8081        });
8082    }, { threshold: 0.4 });
8083
8084    panels.forEach(panel => observer.observe(panel));
8085
8086    // Unified transform updater for scroll + mouse parallax
8087    function updateTransforms(e = null) {
8088        panels.forEach(panel => {
8089            const image = panel.querySelector(".products-image img");
8090            const content = panel.querySelector(".products-content");
8091            const rect = panel.getBoundingClientRect();
8092
8093            if (!image || !content) return;
8094
8095            if (rect.top < window.innerHeight && rect.bottom > 0) {
8096                const scrollY = rect.top / window.innerHeight;
8097                const imageTranslateY = scrollY * 120;
8098                const contentTranslateY = scrollY * 20;
8099
8100                // Mouse-based offset
8101                let moveX = 0, moveY = 0;
8102                if (e) {
8103                    const relX = e.clientX - rect.left;
8104                    const relY = e.clientY - rect.top;
8105                    const centerX = rect.width / 2;
8106                    const centerY = rect.height / 2;
8107                    moveX = (relX - centerX) * 0.02;
8108                    moveY = (relY - centerY) * 0.02;
8109                }
8110
8111                // Scale on hover
8112                const hovered = image.parentElement.matches(":hover");
8113                const scale = hovered ? 1.02 : 1;
8114
8115                image.style.transform = `scale(${scale}) translateY(${imageTranslateY}px) translate(${moveX}px, ${moveY}px)`;
8116                content.style.transform = `scale(1) translateY(${contentTranslateY}px)`;
8117            }
8118        });
8119    }
8120
8121    // Events
8122    window.addEventListener("scroll", () => updateTransforms());
8123    window.addEventListener("resize", () => updateTransforms());
8124
8125    document.addEventListener("mousemove", (e) => {
8126        customCursor.style.transform = `translate(${e.clientX}px, ${e.clientY}px)`;
8127        updateTransforms(e);
8128    });
8129
8130    // Custom cursor hover + label
8131    panels.forEach(panel => {
8132        panel.addEventListener("mouseenter", () => {
8133            customCursor.style.opacity = 1;
8134
8135            if (panel.classList.contains("panel-1")) {
8136                cursorText.textContent = "";
8137            } else if (panel.classList.contains("panel-2")) {
8138                cursorText.textContent = "";
8139            } else if (panel.classList.contains("panel-3")) {
8140                cursorText.textContent = "";
8141            } else {
8142                cursorText.textContent = "";
8143            }
8144        });
8145
8146        panel.addEventListener("mouseleave", () => {
8147            customCursor.style.opacity = 0;
8148        });
8149    });
8150</script>
8150
8151		</div>
8152				</div>
8153					</div>
8154		</div>
8155							</div>
8156		</section>
8157				<section class="elementor-section elementor-top-section elementor-element elementor-element-1320259a elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1320259a" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
8158						<div class="elementor-container elementor-column-gap-default">
8159					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51e284b5" data-id="51e284b5" data-element_type="column">
8160			<div class="elementor-widget-wrap elementor-element-populated">
8161								<div class="elementor-element elementor-element-3e61c788 elementor-widget elementor-widget-text-editor" data-id="3e61c788" data-element_type="widget" data-widget_type="text-editor.default">
8162				<div class="elementor-widget-container">
8163			<style>/*! elementor - v3.10.0 - 09-01-2023 */
8164.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style>				<p>Get the Best Value in Design, Proposals and Project Management</p>						</div>
8165				</div>
8166				<section class="elementor-section elementor-inner-section elementor-element elementor-element-77389bf5 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="77389bf5" data-element_type="section">
8167						<div class="elementor-container elementor-column-gap-default">
8168					<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-607a7a92" data-id="607a7a92" data-element_type="column">
8169			<div class="elementor-widget-wrap">
8170									</div>
8171		</div>
8172				<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-17c674dc" data-id="17c674dc" data-element_type="column">
8173			<div class="elementor-widget-wrap elementor-element-populated">
8174								<div class="elementor-element elementor-element-39ce6c3f elementor-widget elementor-widget-image" data-id="39ce6c3f" data-element_type="widget" data-widget_type="image.default">
8175				<div class="elementor-widget-container">
8176			<style>/*! elementor - v3.10.0 - 09-01-2023 */
8177.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style>												<img decoding="async" width="640" height="500" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20500'%3E%3C/svg%3E" class="attachment-large size-large wp-image-276517" alt="" data-lazy-srcset="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2.webp 800w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2-300x234.webp 300w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2-768x600.webp 768w" data-lazy-sizes="(max-width: 640px) 100vw, 640px" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2.webp" /><noscript><img decoding="async" width="640" height="500" src="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2.webp" class="attachment-large size-large wp-image-276517" alt="" srcset="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2.webp 800w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2-300x234.webp 300w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-2-768x600.webp 768w" sizes="(max-width: 640px) 100v
8177w, 640px" /></noscript>															</div>
8178				</div>
8179					</div>
8180		</div>
8181				<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-1180cd26" data-id="1180cd26" data-element_type="column">
8182			<div class="elementor-widget-wrap elementor-element-populated">
8183								<div class="elementor-element elementor-element-71250abf elementor-widget elementor-widget-html" data-id="71250abf" data-element_type="widget" data-widget_type="html.default">
8184				<div class="elementor-widget-container">
8185			<div class="feature-list">
8186  <ul>
8187    <li>
8188      <span class="checkmark">
8189       <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8190  <path d="M20.285 6.709l-11 11-5.5-5.5 1.8-1.8 3.7 3.7 9.5-9.5z"
8191    stroke="#3669D9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
8192</svg>
8193
8194      </span>
8195      Awarded Best Value 2024 by Capterra
8196    </li>
8197    <li>
8198      <span class="checkmark">
8199        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8200  <path d="M20.285 6.709l-11 11-5.5-5.5 1.8-1.8 3.7 3.7 9.5-9.5z"
8201    stroke="#3669D9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
8202</svg>
8203
8204      </span>
8205      Trusted by 20K+ users worldwide
8206    </li>
8207    <li>
8208      <span class="checkmark">
8209        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8210  <path d="M20.285 6.709l-11 11-5.5-5.5 1.8-1.8 3.7 3.7 9.5-9.5z"
8211    stroke="#3669D9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
8212</svg>
8213
8214      </span>
8215      Power of AI on the cloud
8216    </li>
8217  </ul>
8218</div>
8219
8220<style>
8221  .feature-list ul {
8222    list-style: none;
8223    padding: 0;
8224    margin: 0;
8225  }
8226
8227  .feature-list li {
8228    font-family: 'Poppins', sans-serif;
8229    font-weight: 700;
8230    font-size: 17px;
8231    color: #000;
8232    margin-bottom: 10px;
8233    display: flex;
8234    align-items: center;
8235  }
8236
8237  .feature-list .checkmark {
8238    margin-right: 10px;
8239    display: flex;
8240    align-items: center;
8241  }
8242</style>
8243		</div>
8244				</div>
8245					</div>
8246		</div>
8247				<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-15cd13cc" data-id="15cd13cc" data-element_type="column">
8248			<div class="elementor-widget-wrap">
8249									</div>
8250		</div>
8251							</div>
8252		</section>
8253				<section class="elementor-section elementor-inner-section elementor-element elementor-element-547172b5 elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="547172b5" data-element_type="section">
8254						<div class="elementor-container elementor-column-gap-default">
8255					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-42ab6cdc" data-id="42ab6cdc" data-element_type="column">
8256			<div class="elementor-widget-wrap">
8257									</div>
8258		</div>
8259				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5bb3598e" data-id="5bb3598e" data-element_type="column">
8260			<div class="elementor-widget-wrap">
8261									</div>
8262		</div>
8263							</div>
8264		</section>
8265				<section class="elementor-section elementor-inner-section elementor-element elementor-element-7ac19637 elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7ac19637" data-element_type="section">
8266						<div class="elementor-container elementor-column-gap-default">
8267					<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-452f0db5" data-id="452f0db5" data-element_type="column">
8268			<div class="elementor-widget-wrap elementor-element-populated">
8269								<div class="elementor-element elementor-element-3698bece elementor-hidden-desktop elementor-widget elementor-widget-image" data-id="3698bece" data-element_type="widget" data-widget_type="image.default">
8270				<div class="elementor-widget-container">
8271															<img decoding="async" width="300" height="234" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20234'%3E%3C/svg%3E" class="attachment-medium size-medium wp-image-276518" alt="" data-lazy-srcset="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3-300x234.webp 300w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3-768x600.webp 768w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3.webp 800w" data-lazy-sizes="(max-width: 300px) 100v
8271w, 300px" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3-300x234.webp" /><noscript><img decoding="async" width="300" height="234" src="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3-300x234.webp" class="attachment-medium size-medium wp-image-276518" alt="" srcset="https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3-300x234.webp 300w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3-768x600.webp 768w, https://xtenav.com/wp-content/uploads/2025/05/5f388923-92b8-46ed-915d-35f0ee3e427e-1-3.webp 800w" sizes="(max-width: 300px) 100vw, 300px" /></noscript>															</div>
8272				</div>
8273					</div>
8274		</div>
8275				<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-30828183 elementor-hidden-mobile" data-id="30828183" data-element_type="column">
8276			<div class="elementor-widget-wrap elementor-element-populated">
8277								<div class="elementor-element elementor-element-a81829c elementor-widget elementor-widget-ohio_button" data-id="a81829c" data-element_type="widget" data-widget_type="ohio_button.default">
8278				<div class="elementor-widget-container">
8279			
8280<div class="ohio-widget-holder -center">
8281    <a href="https://app.xtenav.com/register?utm_content=homeintegrat" target="_blank"  class="ohio-widget button ">
8282        
8283        
8284        Start Free Trial
8285                
8286    </a>
8287</div>		</div>
8288				</div>
8289					</div>
8290		</div>
8291				<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-181df759 elementor-hidden-mobile" data-id="181df759" data-element_type="column">
8292			<div class="elementor-widget-wrap">
8293									</div>
8294		</div>
8295				<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-6d67fa2c" data-id="6d67fa2c" data-element_type="column">
8296			<div class="elementor-widget-wrap">
8297									</div>
8298		</div>
8299							</div>
8300		</section>
8301				<section class="elementor-section elementor-inner-section elementor-element elementor-element-4f9a2efd elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4f9a2efd" data-element_type="section">
8302						<div class="elementor-container elementor-column-gap-default">
8303					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6cd9f59d" data-id="6cd9f59d" data-element_type="column">
8304			<div class="elementor-widget-wrap elementor-element-populated">
8305								<div class="elementor-element elementor-element-46710d3d elementor-widget elementor-widget-html" data-id="46710d3d" data-element_type="widget" data-widget_type="html.default">
8306				<div class="elementor-widget-container">
8307			<div class="feature-list">
8308  <ul>
8309    <li>
8310      <span class="checkmark">
8311       <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8312  <path d="M20.285 6.709l-11 11-5.5-5.5 1.8-1.8 3.7 3.7 9.5-9.5z"
8313    stroke="#3669D9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
8314</svg>
8315
8316      </span>
8317      Awarded Best Value 2024 by Capterra
8318    </li>
8319    <li>
8320      <span class="checkmark">
8321        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8322  <path d="M20.285 6.709l-11 11-5.5-5.5 1.8-1.8 3.7 3.7 9.5-9.5z"
8323    stroke="#3669D9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
8324</svg>
8325
8326      </span>
8327      Trusted by 20K+ users worldwide
8328    </li>
8329    <li>
8330      <span class="checkmark">
8331        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8332  <path d="M20.285 6.709l-11 11-5.5-5.5 1.8-1.8 3.7 3.7 9.5-9.5z"
8333    stroke="#3669D9" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
8334</svg>
8335
8336      </span>
8337      Power of AI on the cloud
8338    </li>
8339  </ul>
8340</div>
8341
8342<style>
8343  .feature-list ul {
8344    list-style: none;
8345    padding: 0;
8346    margin: 0;
8347  }
8348
8349  .feature-list li {
8350    font-family: 'Poppins', sans-serif;
8351    font-weight: 700;
8352    margin-left: 10px !important;
8353    font-size: 14px !important;
8354    color: #2b2b2b;
8355    margin-bottom: 10px !important;
8356    display: flex;
8357    align-items: center;
8358  }
8359
8360  .feature-list .checkmark {
8361    margin-right: 10px;
8362    display: flex;
8363    align-items: center;
8364  }
8365</style>
8366		</div>
8367				</div>
8368					</div>
8369		</div>
8370				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-60bd1eb8" data-id="60bd1eb8" data-element_type="column">
8371			<div class="elementor-widget-wrap">
8372									</div>
8373		</div>
8374							</div>
8375		</section>
8376				<section class="elementor-section elementor-inner-section elementor-element elementor-element-4c89b0f8 elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4c89b0f8" data-element_type="section">
8377						<div class="elementor-container elementor-column-gap-default">
8378					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-29e317b4" data-id="29e317b4" data-element_type="column">
8379			<div class="elementor-widget-wrap elementor-element-populated">
8380								<div class="elementor-element elementor-element-69051dda elementor-widget elementor-widget-ohio_button" data-id="69051dda" data-element_type="widget" data-widget_type="ohio_button.default">
8381				<div class="elementor-widget-container">
8382			
8383<div class="ohio-widget-holder -center">
8384    <a href="https://app.xtenav.com/register?utm_content=homepage1" target="_blank"  class="ohio-widget button -block">
8385        
8386        
8387        Sign up for Free Trial
8388                
8389    </a>
8390</div>		</div>
8391				</div>
8392					</div>
8393		</div>
8394				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5c718c5" data-id="5c718c5" data-element_type="column">
8395			<div class="elementor-widget-wrap">
8396									</div>
8397		</div>
8398							</div>
8399		</section>
8400					</div>
8401		</div>
8402							</div>
8403		</section>
8404				<section class="elementor-section elementor-top-section elementor-element elementor-element-256ac3e2 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="256ac3e2" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:400}">
8405						<div class="elementor-container elementor-column-gap-default">
8406					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4d02346a" data-id="4d02346a" data-element_type="column">
8407			<div class="elementor-widget-wrap elementor-element-populated">
8408								<section class="elementor-section elementor-inner-section elementor-element elementor-element-566de004 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="566de004" data-element_type="section">
8409						<div class="elementor-container elementor-column-gap-default">
8410					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-54b50997" data-id="54b50997" data-element_type="column">
8411			<div class="elementor-widget-wrap elementor-element-populated">
8412								<div class="elementor-element elementor-element-482aa503 elementor-widget elementor-widget-ohio_heading" data-id="482aa503" data-element_type="widget" data-widget_type="ohio_heading.default">
8413				<div class="elementor-widget-container">
8414			<div class="ohio-widget heading -left">
8415
8416    
8417    
8418    <h2 class="title">
8419        Integration with your <br> favorite tools    </h2>
8420
8421    
8422    
8423</div>		</div>
8424				</div>
8425				<div class="elementor-element elementor-element-188eb334 elementor-widget elementor-widget-spacer" data-id="188eb334" data-element_type="widget" data-widget_type="spacer.default">
8426				<div class="elementor-widget-container">
8427			<style>/*! elementor - v3.10.0 - 09-01-2023 */
8428.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}</style>		<div class="elementor-spacer">
8429			<div class="elementor-spacer-inner"></div>
8430		</div>
8431				</div>
8432				</div>
8433				<div class="elementor-element elementor-element-747b092c elementor-widget elementor-widget-text-editor" data-id="747b092c" data-element_type="widget" data-widget_type="text-editor.default">
8434				<div class="elementor-widget-container">
8435							XTEN-AV integrates with all top business apps giving you the power-up to maximize your efficiency. Choose from a range of integration options and extend the functionality of your XTEN-AV account up to 10x!						</div>
8436				</div>
8437				<div class="elementor-element elementor-element-7fe949b5 elementor-widget elementor-widget-spacer" data-id="7fe949b5" data-element_type="widget" data-widget_type="spacer.default">
8438				<div class="elementor-widget-container">
8439					<div class="elementor-spacer">
8440			<div class="elementor-spacer-inner"></div>
8441		</div>
8442				</div>
8443				</div>
8444				<div class="elementor-element elementor-element-510d3ab7 elementor-widget__width-inherit elementor-widget elementor-widget-ohio_button" data-id="510d3ab7" data-element_type="widget" data-widget_type="ohio_button.default">
8445				<div class="elementor-widget-container">
8446			
8447<div class="ohio-widget-holder -left">
8448    <a href="https://app.xtenav.com/register?utm_content=homeintegrat" target="_blank"  class="ohio-widget button ">
8449        
8450        
8451        Start Free Trial
8452                
8453    </a>
8454</div>		</div>
8455				</div>
8456					</div>
8457		</div>
8458							</div>
8459		</section>
8460					</div>
8461		</div>
8462				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1109181" data-id="1109181" data-element_type="column">
8463			<div class="elementor-widget-wrap elementor-element-populated">
8464								<div class="elementor-element elementor-element-12c8684 elementor-widget elementor-widget-html" data-id="12c8684" data-element_type="widget" data-widget_type="html.default">
8465				<div class="elementor-widget-container">
8466			
8467
8468
8469
8470
8471    <div class="iq-features">
8472            <img 
8473  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20600'%3E%3C/svg%3E"
8474  alt="integrate icons"
8475  width="1200"
8476  height="600"
8477  decoding="async"
8478  fetchpriority="low"� data-lazy-src="https://xtenav.com/wp-content/uploads/2026/05/Integration-1.webp"
8479><noscript><img 
8480  src="https://xtenav.com/wp-content/uploads/2026/05/Integration-1.webp"
8481  alt="integrate icons"
8482  width="1200"
8483  height="600"
8484  decoding="async"
8485  fetchpriority="low"
8486></noscript>
8487    
8488        </div>
8489        <style>
8490       .iq-features {
8491    display: flex
8492;
8493    width: 100%;
8494    align-items: center;
8495    justify-content: center;
8496    height: 100%;
8497}
8498.iq-features img{
8499    width: 100%;
8500}
8501            @media (max-width: 767px) {
8502                .iq-features {
8503
8504    margin-top: 110px;
8505}
8506            }
8507            
8508            @media (max-width: 768px) {
8509  .iq-features {
8510    margin-left: 0 !important;
8511  }
8512}
8513
8514        </style>
8515		</div>
8516				</div>
8517					</div>
8518		</div>
8519							</div>
8520		</section>
8521				<section class="elementor-section elementor-top-section elementor-element elementor-element-6fb440b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6fb440b" data-element_type="section">
8522						<div class="elementor-container elementor-column-gap-default">
8523					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9604c54" data-id="9604c54" data-element_type="column">
8524			<div class="elementor-widget-wrap elementor-element-populated">
8525								<div class="elementor-element elementor-element-55c1f10 elementor-widget elementor-widget-html" data-id="55c1f10" data-element_type="widget" data-widget_type="html.default">
8526				<div class="elementor-widget-container">
8527			 <section class="awwards">
8528        <div class="awwards-section">
8529            <h2>Award winning AV Design & Proposal Software</h2>
8530            <!--<div class="awwards-image">-->
8531
8532            <!--    <div class="features-wrapper awwards-wrapper">-->
8533            <!--        <h3>Featured In</h3>-->
8534            <!--        <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="http://54.67.80.130/wp-content/uploads/2025/08/Mask-group.webp"><noscript><img decoding="async" src="http://54.67.80.130/wp-content/uploads/2025/08/Mask-group.webp" alt=""></noscript>-->
8535            <!--    </div>-->
8536            <!--    <div class="awwards-wrapper awwards-wrapper">-->
8537            <!--        <h3>Awards</h3>-->
8538            <!--        <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="" data-lazy-src="http://54.67.80.130/wp-content/uploads/2025/08/Awards.webp"><noscript><img decoding="async" src="http://54.67.80.130/wp-content/uploads/2025/08/Awards.webp" alt=""></noscript>-->
8539            <!--    </div>-->
8540
8541            <!--</div>-->
8542        </div>
8543    </section>
8544<style>
8545    
8546.awwards-section {
8547    display: flex;
8548    flex-direction: column;
8549    align-items: center;
8550}
8551.awwards-image {
8552    display: flex;
8553    margin: 30px 0;
8554    width: 100%;
8555justify-content: space-between;
8556gap: 30px;
8557
8558}
8559
8560.awwards-wrapper{
8561    display: flex;
8562    width: 100%;
8563    justify-content: center;
8564    border-radius: 16px;
8565    border: 1px solid #EEF0F3;
8566    background: #F2F4F7;
8567    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
8568    /*height: 100%;*/
8569    width: 100%;
8570    min-height: 352px;
8571    align-items: center;
8572    flex-direction: column;
8573    padding-top: 20px;
8574}
8575.awwards-wrapper img{
8576  width: 100%;
8577}
8578.awwards-wrapper h3{
8579color: #111013;
8580font-family: Poppins;
8581font-size: 22px;
8582font-style: normal;
8583font-weight: 500;
8584line-height: 150%; /* 33px */
8585}
8586.awwards-section h2{
8587  color: #2B2B2B;
8588text-align: center;
8589font-family: Poppins;
8590font-size: 40px;
8591font-style: normal;
8592font-weight: 600;
8593line-height: 140%; /* 56px */
8594margin-bottom: 70px; 
8595
8596}
8597@media (max-width: 767px) {
8598    .awwards-image {
8599    display: flex
8600;
8601    margin: 30px 0;
8602    width: 100%;
8603    justify-content: space-between;
8604    gap: 30px;
8605    flex-direction: column;
8606}
8607    .awwards-section h2 {
8608        font-size: 22px;
8609        text-align: center;
8610        margin-bottom: 30px;
8611    }
8612}
8613</style>
8614		</div>
8615				</div>
8616					</div>
8617		</div>
8618							</div>
8619		</section>
8620				<section class="elementor-section elementor-top-section elementor-element elementor-element-a8942b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a8942b6" data-element_type="section">
8621						<div class="elementor-container elementor-column-gap-default">
8622					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a5b7d2b" data-id="a5b7d2b" data-element_type="column">
8623			<div class="elementor-widget-wrap elementor-element-populated">
8624								<div class="elementor-element elementor-element-9afa533 elementor-widget elementor-widget-html" data-id="9afa533" data-element_type="widget" data-widget_type="html.default">
8625				<div class="elementor-widget-container">
8626			 <!--<section class="awwards">-->
8627 <!--       <div class="awwards-section">-->
8628           
8629 <!--           <div class="awwards-image">-->
8630
8631 <!--               <div class="features-wrapper awwards-wrapper">-->
8632 <!--                   <h3>Featured In</h3>-->
8633 <!--                   <img width="609" height="273" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20609%20273'%3E%3C/svg%3E" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/08/Mask-group.webp"><noscript><img width="609" height="273" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/08/Mask-group.webp" alt=""></noscript>-->
8634 <!--               </div>-->
8635              
8636
8637 <!--           </div>-->
8638 <!--       </div>-->
8639 <!--   </section>-->
8640 
8641 <section class="awwards">
8642  <div class="awwards-section">
8643    <div class="awwards-image">
8644      <div class="features-wrapper awwards-wrapper">
8645        <h3>Featured In</h3>
8646        
8647        <!-- Image with clickable areas -->
8648        <img width="609" height="273" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20609%20273'%3E%3C/svg%3E" 
8649             usemap="#pressMap" 
8650             alt="Featured Logos" class="lazyloaded"
8651             style="max-width:100%; height:auto;" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/08/Mask-group.webp"><noscript><img width="609" height="273" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/08/Mask-group.webp" 
8652             usemap="#pressMap" 
8653             alt="Featured Logos" class="lazyloaded"
8654             style="max-width:100%; height:auto;"></noscript>
8655        
8656        <!-- Map definition -->
8657        <map name="pressMap">
8658          <!-- Business Insider -->
8659          <area shape="rect" coords="0,115,125,225" 
8660                href="#" 
8661                alt="Business Insider" target="_blank">
8662          
8663          <!-- CEO Weekly -->
8664          <area shape="rect" coords="125,215,255,305" 
8665                href="https://ceoweekly.com/how-cutting-edge-cloud-computing-redefines-audio-visual-integration-according-to-tech-experts-vibhav-singh-and-sahil-dhingra/" 
8666                alt="CEO Weekly" target="_blank">
8667          
8668          <!-- Forbes -->
8669          <area shape="rect" coords="135,55,265,145" 
8670                href="https://www.forbes.com.au/brand-voice/uncategorized/meet-the-innovators-behind-xten-av-and-their-modern-take-on-audio-visual-design-and-documentation/" 
8671                alt="Forbes" target="_blank">
8672          
8673
8674          <!-- ✅ Yahoo Finance (expanded top & bottom) -->
8675  <area shape="rect" coords="265,20,385,150" 
8676        href="https://finance.yahoo.com/news/xten-av-llc-secures-strategic-055100288.html" 
8677        alt="Yahoo Finance" target="_blank">
8678          
8679          <!-- Tech Times -->
8680          <area shape="rect" coords="265,145,385,235" 
8681                href="https://www.techtimes.com/articles/302101/20240227/from-startup-to-industry-leader-xten-avs-meteoric-rise-in-the-audio-visual-world.htm" 
8682                alt="Tech Times" target="_blank">
8683          
8684          <!-- Digital Journal -->
8685           <!-- ✅ Digital Journal (wider to the right) -->
8686  <area shape="rect" coords="385,85,565,175" 
8687        href="#" 
8688        alt="Digital Journal" target="_blank">
8689        </map>
8690      </div>
8691    </div>
8692  </div>
8693</section>
8694
8695<!-- Make image map responsive -->
8696<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://xtenav.com/wp-content/cache/min/1/ajax/libs/image-map-resizer/1.0.10/js/imageMapResizer.min.js?ver=1790853476"></script>
vendor: 1 bytes, line 8696
8696
8697<script type="text/rocketlazyloadscript">
8698  window.onload = function() {
8699    imageMapResize();
8700  }
8701</script>
8701		</div>
8702				</div>
8703					</div>
8704		</div>
8705				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-dfb16f4" data-id="dfb16f4" data-element_type="column">
8706			<div class="elementor-widget-wrap elementor-element-populated">
8707								<div class="elementor-element elementor-element-5031780 elementor-widget elementor-widget-html" data-id="5031780" data-element_type="widget" data-widget_type="html.default">
8708				<div class="elementor-widget-container">
8709			<div class="awards-card">
8710  <h3>Awards</h3>
8711
8712  <div class="awards-grid">
8713<img 
8714      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20100'%3E%3C/svg%3E" 
8715      alt="Award 1"
8716      width="140"
8717      height="100"
8718     
8719      decoding="async"
8720    data-lazy-src="https://xtenav.com/wp-content/uploads/2026/02/Copy-of-ISE-BOS-Awards-UK-2026_Oct25_800x800_55_800-x-800.webp" ><noscript><img 
8721      src="https://xtenav.com/wp-content/uploads/2026/02/Copy-of-ISE-BOS-Awards-UK-2026_Oct25_800x800_55_800-x-800.webp" 
8722      alt="Award 1"
8723      width="140"
8724      height="100"
8725      loading="lazy"
8726      decoding="async"
8727    ></noscript>
8728
8729    <img 
8730      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20100'%3E%3C/svg%3E" 
8731      alt="Award 2"
8732      width="140"
8733      height="100"
8734     
8735      decoding="async"
8736    data-lazy-src="https://xtenav.com/wp-content/uploads/2026/01/TNT-ISE-2026-winner.jpg" ><noscript><img 
8737      src="https://xtenav.com/wp-content/uploads/2026/01/TNT-ISE-2026-winner.jpg" 
8738      alt="Award 2"
8739      width="140"
8740      height="100"
8741      loading="lazy"
8742      decoding="async"
8743    ></noscript>
8744
8745    <img 
8746      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20100'%3E%3C/svg%3E" 
8747      alt="Award 3"
8748      width="140"
8749      height="100"
8750     
8751      decoding="async"
8752    data-lazy-src="https://xtenav.com/wp-content/uploads/2025/08/SCN-Stellar-Service-2025.webp" ><noscript><img 
8753      src="https://xtenav.com/wp-content/uploads/2025/08/SCN-Stellar-Service-2025.webp" 
8754      alt="Award 3"
8755      width="140"
8756      height="100"
8757      loading="lazy"
8758      decoding="async"
8759    ></noscript>
8760
8761    <img 
8762      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20100'%3E%3C/svg%3E" 
8763      alt="Award 4"
8764      width="140"
8765      height="100"
8766     
8767      decoding="async"
8768    data-lazy-src="https://xtenav.com/wp-content/uploads/2025/08/Rave.webp" ><noscript><img 
8769      src="https://xtenav.com/wp-content/uploads/2025/08/Rave.webp" 
8770      alt="Award 4"
8771      width="140"
8772      height="100"
8773      loading="lazy"
8774      decoding="async"
8775    ></noscript>
8776
8777    <img 
8778      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20100'%3E%3C/svg%3E" 
8779      alt="Award 5"
8780      width="140"
8781      height="100"
8782     
8783      decoding="async"
8784    data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/HEAV-Awards.webp" ><noscript><img 
8785      src="https://xtenav.com/wp-content/uploads/2025/05/HEAV-Awards.webp" 
8786      alt="Award 5"
8787      width="140"
8788      height="100"
8789      loading="lazy"
8790      decoding="async"
8791    ></noscript>
8792
8793    <img 
8794      src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20100'%3E%3C/svg%3E" 
8795      alt="Award 6"
8796      width="140"
8797      height="100"
8798     
8799      decoding="async"
8800    data-lazy-src="https://xtenav.com/wp-content/uploads/2025/08/SVC_Innovative-Product_24.webp" ><noscript><img 
8801      src="https://xtenav.com/wp-content/uploads/2025/08/SVC_Innovative-Product_24.webp" 
8802      alt="Award 6"
8803      width="140"
8804      height="100"
8805      loading="lazy"
8806      decoding="async"
8807    ></noscript>
8808    <!--<img width="800" height="800" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3E%3C/svg%3E" alt="Award 5" class="lazyloaded" data-lazy-src="http://xtenav.com/wp-content/uploads/2026/02/Copy-of-ISE-BOS-Awards-UK-2026_Oct25_800x800_55_800-x-800.webp"><noscript><img width="800" height="800" decoding="async" src="http://xtenav.com/wp-content/uploads/2026/02/Copy-of-ISE-BOS-Awards-UK-2026_Oct25_800x800_55_800-x-800.webp" alt="Award 5" class="lazyloaded"></noscript>-->
8809  
8810  </div>
8811</div>
8812
8813<style>
8814
8815.awards-card {
8816  background: #F2F4F7;
8817  border-radius: 16px;
8818  padding: 30px 20px;
8819  text-align: center;
8820  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
8821  margin-top: 28px;
8822  min-height: 352px; /* 👈 increase card height */
8823}
8824
8825
8826.awards-card h3 {
8827  font-family: Poppins, sans-serif;
8828  font-size: 22px;
8829  font-weight: 500;
8830  margin-bottom: 36px;
8831  color: #2B2B2B;
8832}
8833
8834.awards-grid {
8835  display: grid;
8836  grid-template-columns: repeat(3, 1fr);
8837  gap: 18px;
8838  justify-items: center;
8839  align-items: center;
8840}
8841
8842.awards-grid img {
8843  width: 140px;
8844  height: 100px;
8845  object-fit: contain;
8846  border-radius: 12px;
8847  background: #ffffff;
8848  padding: 10px;
8849  filter: grayscale(100%);
8850  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
8851}
8852
8853/* Last award center align */
8854/*.awards-grid img:last-child {*/
8855/*  grid-column: 2 / 3;*/
8856/*}*/
8857
8858@media (min-width: 1024px) {
8859  .awards-grid::before {
8860    content: "";
8861    position: absolute;
8862    background: radial-gradient(
8863      60.64% 60.63% at 50% 50%,
8864      rgba(242, 244, 247, 0) 60.28%,
8865      #F2F4F7 100%
8866    );
8867    z-index: 2;   /* place behind content */
8868    left: 0;
8869    bottom: 0;
8870    width: 100%;
8871    height: 70%;
8872    border-radius: 16px;
8873  }
8874  
8875  /*.awards-grid {*/
8876  /*display: grid;*/
8877  /*grid-template-columns: repeat(3, 1fr);*/
8878  /*}*/
8879  
8880  
8881  
8882}
8883
8884/* Mobile adjustments */
8885@media (max-width: 768px) {
8886  .awards-grid::before {
8887    height: 100%; /* cover fully */
8888    background: radial-gradient(
8889      80% 80% at 50% 50%,
8890      rgba(242, 244, 247, 0) 70%,
8891      #F2F4F7 100%
8892    );
8893  }
8894}
8895
8896
8897
8898@media (max-width: 768px) {
8899  .awards-card {
8900    padding: 18px;
8901    margin-left: 3px;
8902    margin-right: 3px;
8903    margin-top: 0px;
8904  }
8905
8906  .awards-grid{
8907grid-template-columns: repeat(2,1fr);
8908}
8909.awards-grid img:last-child{
8910grid-column: auto;
8911}
8912
8913 @media (max-width: 768px) {
8914  .awards-grid img{
8915width:110px;
8916height:75px;
8917}
8918}
8919
8920}
8921</style>
8922		</div>
8923				</div>
8924					</div>
8925		</div>
8926							</div>
8927		</section>
8928				<section class="elementor-section elementor-top-section elementor-element elementor-element-520b0a73 clb__dark_mode_light elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default" data-id="520b0a73" data-element_type="section" data-settings="{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:400,&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
8929						<div class="elementor-container elementor-column-gap-default">
8930					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37b6040d" data-id="37b6040d" data-element_type="column">
8931			<div class="elementor-widget-wrap elementor-element-populated">
8932								<section class="elementor-section elementor-inner-section elementor-element elementor-element-6c138e30 elementor-section-content-bottom elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6c138e30" data-element_type="section">
8933						<div class="elementor-container elementor-column-gap-no">
8934					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4f8e8102" data-id="4f8e8102" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
8935			<div class="elementor-widget-wrap elementor-element-populated">
8936								<div class="elementor-element elementor-element-4e1afd13 mobile-view elementor-widget elementor-widget-ohio_heading" data-id="4e1afd13" data-element_type="widget" data-widget_type="ohio_heading.default">
8937				<div class="elementor-widget-container">
8938			<div class="ohio-widget heading -center">
8939
8940    
8941            <div class="subtitle">
8942                    </div>
8943
8944        
8945    
8946    <h2 class="title">
8947        Why businesses large and small trust 
8948XTEN-AV    </h2>
8949
8950    
8951    
8952</div>		</div>
8953				</div>
8954					</div>
8955		</div>
8956							</div>
8957		</section>
8958					</div>
8959		</div>
8960							</div>
8961		</section>
8962				<section class="elementor-section elementor-top-section elementor-element elementor-element-75df57f9 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default" data-id="75df57f9" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
8963						<div class="elementor-container elementor-column-gap-default">
8964					<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-22d9f08" data-id="22d9f08" data-element_type="column">
8965			<div class="elementor-widget-wrap elementor-element-populated">
8966								<div class="elementor-element elementor-element-796b7a5e elementor-widget elementor-widget-counter" data-id="796b7a5e" data-element_type="widget" data-widget_type="counter.default">
8967				<div class="elementor-widget-container">
8968			<style>/*! elementor - v3.10.0 - 09-01-2023 */
8969.elementor-counter .elementor-counter-number-wrapper{display:flex;font-size:69px;font-weight:600;line-height:1}.elementor-counter .elementor-counter-number-prefix,.elementor-counter .elementor-counter-number-suffix{flex-grow:1;white-space:pre-wrap}.elementor-counter .elementor-counter-number-prefix{text-align:right}.elementor-counter .elementor-counter-number-suffix{text-align:left}.elementor-counter .elementor-counter-title{text-align:center;font-size:19px;font-weight:400;line-height:2.5}</style>		<div class="elementor-counter">
8970			<div class="elementor-counter-number-wrapper">
8971				<span class="elementor-counter-number-prefix"></span>
8972				<span class="elementor-counter-number" data-duration="2000" data-to-value="30000" data-from-value="0" data-delimiter=",">0</span>
8973				<span class="elementor-counter-number-suffix"><span style="font-size:32px; color:#3769D9;">+</span><br></span>
8974			</div>
8975							<div class="elementor-counter-title">Registered users <br> worldwide</div>
8976					</div>
8977				</div>
8978				</div>
8979					</div>
8980		</div>
8981				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-418eb35e" data-id="418eb35e" data-element_type="column">
8982			<div class="elementor-widget-wrap elementor-element-populated">
8983								<div class="elementor-element elementor-element-3e1d9f5c elementor-widget elementor-widget-counter" data-id="3e1d9f5c" data-element_type="widget" data-widget_type="counter.default">
8984				<div class="elementor-widget-container">
8985					<div class="elementor-counter">
8986			<div class="elementor-counter-number-wrapper">
8987				<span class="elementor-counter-number-prefix">$</span>
8988				<span class="elementor-counter-number" data-duration="2000" data-to-value="3" data-from-value="0" data-delimiter=",">0</span>
8989				<span class="elementor-counter-number-suffix">B<span style="font-size:32px; color:#3769D9;">+</span></span>
8990			</div>
8991							<div class="elementor-counter-title">Worth of proposals & <br> designs created</div>
8992					</div>
8993				</div>
8994				</div>
8995					</div>
8996		</div>
8997				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-41237149" data-id="41237149" data-element_type="column">
8998			<div class="elementor-widget-wrap elementor-element-populated">
8999								<div class="elementor-element elementor-element-1593bd31 elementor-widget elementor-widget-counter" data-id="1593bd31" data-element_type="widget" data-widget_type="counter.default">
9000				<div class="elementor-widget-container">
9001					<div class="elementor-counter">
9002			<div class="elementor-counter-number-wrapper">
9003				<span class="elementor-counter-number-prefix"></span>
9004				<span class="elementor-counter-number" data-duration="2000" data-to-value="130" data-from-value="0" data-delimiter=",">0</span>
9005				<span class="elementor-counter-number-suffix"><span style="font-size:32px; color:#3769D9;">+</span></span>
9006			</div>
9007							<div class="elementor-counter-title">countries.  <br> Trusted by users worldwide</div>
9008					</div>
9009				</div>
9010				</div>
9011					</div>
9012		</div>
9013				<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-4bb9485f" data-id="4bb9485f" data-element_type="column">
9014			<div class="elementor-widget-wrap elementor-element-populated">
9015								<div class="elementor-element elementor-element-ac9b2eb elementor-widget elementor-widget-ohio_counter" data-id="ac9b2eb" data-element_type="widget" data-widget_type="ohio_counter.default">
9016				<div class="elementor-widget-container">
9017			
9018<div class="ohio-widget counter -center"
9019	data-counter="">
9020    <div class="counter-number title titles-typo ">
9021		
9022		
9023        <div class="holder">
9024            
9025			<span class="number">0</span>
9026
9027							<span>PATENT</span>
9028			        </div>
9029    </div>
9030	    	<p class="-unspace">Utility Patent in United States Patents and Trademark Office</p>
9031	</div>		</div>
9032				</div>
9033					</div>
9034		</div>
9035							</div>
9036		</section>
9037				<section class="elementor-section elementor-top-section elementor-element elementor-element-1bf1a802 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1bf1a802" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:400,&quot;stretch_section&quot;:&quot;section-stretched&quot;}">
9038						<div class="elementor-container elementor-column-gap-default">
9039					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c900008" data-id="c900008" data-element_type="column">
9040			<div class="elementor-widget-wrap elementor-element-populated">
9041								<div class="elementor-element elementor-element-389f8eb4 elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="389f8eb4" data-element_type="widget" data-widget_type="heading.default">
9042				<div class="elementor-widget-container">
9043			<style>/*! elementor - v3.10.0 - 09-01-2023 */
9044.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h3 class="elementor-heading-title elementor-size-default">Why our customers love us!</h3>		</div>
9045				</div>
9046				<div class="elementor-element elementor-element-64a921cc elementor-widget elementor-widget-html" data-id="64a921cc" data-element_type="widget" data-widget_type="html.default">
9047				<div class="elementor-widget-container">
9048			<style>
9049
9050  .slider-container {
9051    position: relative;
9052    overflow: hidden;
9053    width: 100%;
9054    max-width: 1080px;
9055    margin: auto;
9056 
9057  }
9058
9059  .testimonial-cards {
9060    display: flex;
9061    transition: transform 0.5s linear;
9062    gap: 21px;
9063
9064  }
9065
9066 .testimonial-card {
9067    flex: 0 0 calc(33.33% - 20px);
9068    border: 1px solid #3669D9;
9069    padding: 7px;
9070    border-radius: 12px;
9071    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
9072    text-align: center;
9073    background-color: #fff;
9074    display: flex;
9075    flex-direction: column;
9076    justify-content: space-between;
9077    overflow: hidden;
9078    max-height: 460px;
9079}
9080
9081
9082@media (max-width: 768px) {
9083    .testimonial-card {
9084        max-height: 600px;
9085        padding: 6px;
9086    }
9087}
9088
9089@media (max-width: 768px) {
9090    #testimonialSlider {
9091    padding: 0 10px;
9092    box-sizing: border-box;
9093  }
9094
9095 .testimonial-card {
9096        min-width: calc(100% - 20px);
9097        /*min-height: 250px;*/
9098        height: 455px; /* Ensure px is added */
9099        margin: 0 10px;
9100        box-sizing: border-box;
9101    }
9102
9103  .testimonial-cards {
9104    gap: 10px;
9105    position: relative;
9106  }
9107
9108  .arrow-left, .arrow-right {
9109    position: absolute;
9110    top: 50%;
9111    transform: translateY(-50%);
9112    z-index: 10;
9113    width: 25px;
9114    height: 25px;
9115    font-size: 10px;
9116    background-color: #3669D9;
9117    color: #fff;
9118    border: none;
9119    padding: 6px;
9120    border-radius: 50%;
9121    display: flex;
9122    align-items: center;
9123    justify-content: center;
9124  }
9125
9126  .arrow-left {
9127    left: -25px !important;
9128  }
9129
9130  .arrow-right {
9131    right: -25px !important;
9132  }
9133}
9134
9135
9136  .slider-arrow {
9137      background: none;
9138      border: none;
9139      color: black;
9140      font-size: 18px;
9141      cursor: pointer;
9142      padding: 0;
9143      position: absolute;
9144      top: 50%;
9145      transform: translateY(-50%);
9146      z-index: 10;
9147    }
9148
9149
9150  .arrow-left {
9151    left: 2px;
9152  }
9153
9154  .arrow-right {
9155    right: 2px;
9156  }
9157
9158  .capterra-header {
9159    display: flex;
9160    align-items: center;
9161    justify-content: center;
9162    gap: 10px;
9163    margin-bottom: 10px;
9164    padding-bottom: 10px;
9165    position: relative;
9166    min-height: 40px;
9167    height: 40px;
9168    width: 100%; /* Ensures no width shifts */
9169    overflow: hidden;
9170    box-sizing: border-box;
9171    transition: none; 
9172    white-space: nowrap; 
9173    backface-visibility: hidden;
9174    will-change: transform, opacity;
9175    transform: translateZ(0);
9176}
9177
9178
9179  .capterra-logo {
9180    max-height: 20px;
9181    width: auto;
9182    display: block;
9183    flex-shrink: 0;
9184    /*width: 25px;*/
9185    /*height: 25px;*/
9186  }
9187
9188  .capterra-text {
9189    display: inline-block;
9190    font-size: 16px;
9191    color: #555;
9192    max-width: 200px;
9193    white-space: nowrap;
9194    line-height: 1.2;
9195    flex-shrink: 0;
9196    text-overflow: ellipsis;
9197    overflow: hidden;
9198  }
9199
9200  .stars {
9201    color: #FFA500;
9202    font-size: 18px;
9203    margin: 10px 0;
9204  }
9205
9206  .testimonial-card h3 {
9207    font-size: 18px;
9208    font-weight: 600;
9209    margin: 0px;
9210    display: flex;
9211    /*align-items: center;*/
9212    justify-content: center;
9213    flex-grow: 0;
9214    min-height: 42px;
9215  }
9216
9217 .review-text {
9218    font-size: 14px;
9219    color: #333;
9220    flex-grow: 0;
9221    display: flex;
9222    margin-top: 0px;
9223    align-items: start;
9224    justify-content: center;
9225    padding: 0 12px;
9226}
9227
9228  .reviewer {
9229    font-weight: bold;
9230    margin-top: auto;
9231    
9232  }
9233
9234  .reviewer span {
9235    font-weight: 400;
9236    color: #555;
9237  }
9238  
9239  
9240.capterra-header-container {
9241    width: 100%;
9242    min-height: 50px;
9243    display: flex;
9244    justify-content: center;
9245    align-items: center;
9246    position: relative;
9247    overflow: visible; /* Allow the border to extend */
9248}
9249
9250.capterra-header-container::after {
9251    content: '';
9252    position: absolute;
9253    bottom: 7px;
9254    left: -10px; /* Extend left */
9255    right: -10px; /* Extend right */
9256    height: 1px;
9257    background-color: #3669D9;
9258}
9259
9260</style>
9261    <button class="slider-arrow arrow-left" onclick="prevSlide()">
9262  <i aria-hidden="true" class="eicon-chevron-left"></i>
9263</button>
9264  <div class="slider-container">
9265    <div class="testimonial-cards" id="testimonialSlider">
9266      <!-- Real Cards -->
9267     <div class="testimonial-card">
9268    <div class="capterra-header-container">
9269        <div class="capterra-header">
9270            <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" 
9271                alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" 
9272                alt="Capterra" class="capterra-logo"></noscript>
9273            <span class="capterra-text">Reviewed on Capterra</span>
9274        </div>
9275    </div>
9276    <p class="stars">★★★★★</p>
9277    <h3>Awesome Cloud Base Software</h3>
9278    <p class="review-text">“It has been a great experience using XTEN-AV compared to D-Tools. XTEN-AV is such a better tool to work with and easy to generate proposals much faster. Easy to use and learn! Easy to generate proposal with saved templates. Great library.”</p>
9279    <p class="reviewer">Julio Carrasco<br><span>h323HD, Inc.</span></p>
9280</div>
9281
9282      
9283  
9284     <div class="testimonial-card">
9285    <div class="capterra-header-container">
9286        <div class="capterra-header">
9287            <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" 
9288                alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" 
9289                alt="Capterra" class="capterra-logo"></noscript>
9290            <span class="capterra-text">Reviewed on Capterra</span>
9291        </div>
9292    </div>
9293    <p class="stars">★★★★★</p>
9294    <h3>XTEN Wins Bids</h3>
9295    <p class="review-text">“Overall Xten has been a great decision for our company. XTEN-AV has made the switch very easy and has been very helpful with training sessions!”</p>
9296    <p class="reviewer">Mandi<br><span>The Werd Company</span></p>
9297</div>
9298
9299  
9300    <div class="testimonial-card">
9301    <div class="capterra-header-container">
9302        <div class="capterra-header">
9303            <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" 
9304                alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" 
9305                alt="Capterra" class="capterra-logo"></noscript>
9306            <span class="capterra-text">Reviewed on Capterra</span>
9307        </div>
9308    </div>
9309    <p class="stars">★★★★★</p>
9310    <h3>Flexible & Easy AV Design</h3>
9311    <p class="review-text">“Overall, I think it is a good product that offers unique flexibility to create diagrams and designs for our customers. Easy to add new items to our drawings through their database and even create a database of our own.”</p>
9312    <p class="reviewer">Aaron<br><span>SmithGroup</span></p>
9313</div>
9314
9315  
9316      <!-- Dummy Cards (For Loop) -->
9317    <div class="testimonial-card">
9318    <div class="capterra-header-container">
9319        <div class="capterra-header">
9320            <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" 
9321                alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" 
9322                alt="Capterra" class="capterra-logo"></noscript>
9323            <span class="capterra-text">Reviewed on Capterra</span>
9324        </div>
9325    </div>
9326    <p class="stars">★★★★★</p>
9327    <h3>Great Starting Software</h3>
9328    <p class="review-text">“Overall, it's a good software and great toolkit. It reduces costs for smaller companies by eliminating the need for 4 or 5 other software into a single package. It's relatively easy to use, full featured, and covers all the basics for an IT and AV company.”</p>
9329    <p class="reviewer">Michael Petracca<br><span>trewthsolutions</span></p>
9330</div>
9331
9332  
9333     <div class="testimonial-card">
9334    <div class="capterra-header-container">
9335        <div class="capterra-header">
9336            <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" 
9337                alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" 
9338                alt="Capterra" class="capterra-logo"></noscript>
9339            <span class="capterra-text">Reviewed on Capterra</span>
9340        </div>
9341    </div>
9342    <p class="stars">★★★★★</p>
9343    <h3>XTEN-AV for AV Line Schematics</h3>
9344    <p class="review-text">“I have had a great experience, created my templates and defaults the way I wanted them but now my workflow and efficiency are much better. I like the customization and automation features that I have access to and control over.”</p>
9345    <p class="reviewer">Shane Vincent<br><span>Go Media LLC</span></p>
9346</div>
9347
9348  
9349   <div class="testimonial-card">
9350    <div class="capterra-header-container">
9351        <div class="capterra-header">
9352            <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" 
9353                alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" 
9354                alt="Capterra" class="capterra-logo"></noscript>
9355            <span class="capterra-text">Reviewed on Capterra</span>
9356        </div>
9357    </div>
9358    <p class="stars">★★★★★</p>
9359    <h3>The perfect software for Small Business Integrators!</h3>
9360    <p class="review-text">“Surpassed all expectations! They thought of everything to reduce my workload! Templates for Proposals, Diagrams, Quotes, Invoices, etc are already well made and having the ability to customize each individual component to suit my needs is amazing!”</p>
9361    <p class="reviewer">Arturo Jimenez<br><span>AVTeck</span></p>
9362</div>
9363
9364      
9365      <div class="testimonial-card">
9366    <div class="capterra-header-container">
9367        <div class="capterra-header">
9368            <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" 
9369                alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" 
9370                alt="Capterra" class="capterra-logo"></noscript>
9371            <span class="capterra-text">Reviewed on Capterra</span>
9372        </div>
9373    </div>
9374    <p class="stars">★★★★★</p>
9375    <h3>A serious competitor to D-Tools that becomes better every day.</h3>
9376    <p class="review-text">“We use XTEN for the drawing feature. While D-Tools relies on AutoCAD or Visio for drawing, XTEN has X-DRAW built in with an AV specific toolset that works. Making your own blocks is fairly quick. With new products coming out constantly, that's a valuable service.”</p>
9377    <p class="reviewer">Clay Vernon<br><span>Kansas City Audio Visual</span></p>
9378</div>
9379
9380      
9381      
9382      <div class="testimonial-card">
9383        <div class="capterra-header-container">
9384        <div class="capterra-header">
9385          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9386          <span class="capterra-text">Reviewed on Capterra</span>
9387        </div>
9388        </div>
9389        <p class="stars">★★★★★</p>
9390        <h3>XTEN-AV For Non-Integrator</h3>
9391        <p class="review-text">“Overall, I have enjoyed using XTEN-AV over the past 2+ years and appreciate their flexibility and willingness to listen to product suggestions. The ability to quickly create and use design templates for rooms that are repeatable.
9392”</p>
9393        <p class="reviewer">Charles Wade<br><span>Abbott Laboratories</span></p>
9394      </div>
9395      
9396       <div class="testimonial-card">
9397        <div class="capterra-header-container">
9398        <div class="capterra-header">
9399          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9400          <span class="capterra-text">Reviewed on Capterra</span>
9401        </div>
9402        </div>
9403        <p class="stars">★★★★★</p>
9404        <h3>Best AV Project Software</h3>
9405        <p class="review-text">“An absolute game changer! We now have complete AV diagrams that can be handed off to the install team. Drawing AV flows is easier & then generating a BOM from that to share with vendors is effortless. It has given back hours of time and can be accessed from anywhere. ”</p>
9406        <p class="reviewer">Jeffrey Levesque<br><span>University of Rhode Island </span></p>
9407      </div>
9408      
9409       <div class="testimonial-card">
9410           <div class="capterra-header-container">
9411        <div class="capterra-header">
9412          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9413          <span class="capterra-text">Reviewed on Capterra</span>
9414        </div>
9415        </div>
9416        <p class="stars">★★★★★</p>
9417        <h3>XTEN-AV is a MUST!</h3>
9418        <p class="review-text">“My experience has been wonderful. You are given a dedicated agent from XTEN-AV to work with and they have live agent chat if you need help answering any questions! It's a very detailed program. You can keep track of your project from all stages.”</p>
9419        <p class="reviewer">Heather<br><span>Active Audio Visual, LLC </span></p>
9420      </div>
9421      
9422      <div class="testimonial-card">
9423          <div class="capterra-header-container">
9424        <div class="capterra-header">
9425          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9426          <span class="capterra-text">Reviewed on Capterra</span>
9427        </div>
9428        </div>
9429        <p class="stars">★★★★★</p>
9430        <h3>AV Designers Dream Come True</h3>
9431        <p class="review-text">“Overall its a great tool that has lots of challenges to overcome in order to compete with big boys in the industry, however the start is great and I truly hope they invest into product devolvement and GUI improvements.
9432BOM - Bill of Materials Design - On the fly changes”</p>
9433        <p class="reviewer">Mikhail Nikov<br><span>Baltimore County Government</span></p>
9434      </div>
9435  
9436   <div class="testimonial-card">
9437       <div class="capterra-header-container">
9438        <div class="capterra-header">
9439          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9440          <span class="capterra-text">Reviewed on Capterra</span>
9441        </div>
9442        </div>
9443        <p class="stars">★★★★★</p>
9444        <h3>Why I love XTEN-AV</h3>
9445        <p class="review-text">“Overall my experience and expectations have been meet over and above what I imagined. BOM list build outs for ease of ordering parts and equipment.”</p>
9446        <p class="reviewer">Luis Goicochea<br><span>UTD Technology Corp.</span></p>
9447      </div>
9448      
9449      <div class="testimonial-card">
9450          <div class="capterra-header-container">
9451        <div class="capterra-header">
9452          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9453          <span class="capterra-text">Reviewed on Capterra</span>
9454        </div>
9455        </div>
9456        <p class="stars">★★★★★</p>
9457        <h3>All-rounder & Powerful AV Design</h3>
9458        <p class="review-text">“Fantastic! Starting to leverage other capabilities that we had not in the past and it is helpful in tracking progress of opportunities. I really appreciate that this product provides the ability to create a complete design from nothing to complete technical drawings. ”</p>
9459        <p class="reviewer">Michael Burry<br><span>Kabafusion</span></p>
9460      </div>
9461      
9462      
9463    <div class="testimonial-card">
9464        <div class="capterra-header-container">
9465        <div class="capterra-header">
9466          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9467          <span class="capterra-text">Reviewed on Capterra</span>
9468        </div>
9469        </div>
9470        <p class="stars">★★★★★</p>
9471        <h3>Best AV drawing platform for the Price!</h3>
9472        <p class="review-text">“The drawing software to make professional cabling drawings for AV systems is a great alternative to Auto CAD. The growing library is a big plus with the ease of adding in products that may not be in the library.”</p>
9473        <p class="reviewer">Dan Grassa<br><span>Atech Technologies</span></p>
9474      </div>
9475      
9476      
9477       <div class="testimonial-card">
9478           <div class="capterra-header-container">
9479        <div class="capterra-header">
9480          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9481          <span class="capterra-text">Reviewed on Capterra</span>
9482        </div>
9483        </div>
9484        <p class="stars">★★★★★</p>
9485        <h3>Long-time XTEN-AV user</h3>
9486        <p class="review-text">“Love x.doc, it guides from proposals to final system documentation, and everything in between. But the star of the show is X-DRAW. XTEN-AV is intuitive, flexible and quick. The extensive library database of manufactures equipment models is a definite pro!”</p>
9487        <p class="reviewer">Ken Cosi<br><span>Kramer</span></p>
9488      </div>
9489      
9490    <div class="testimonial-card">
9491        <div class="capterra-header-container">
9492        <div class="capterra-header">
9493          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9494          <span class="capterra-text">Reviewed on Capterra</span>
9495        </div>
9496        </div>
9497        <p class="stars">★★★★★</p>
9498        <h3>Ease of Design</h3>
9499        <p class="review-text">“I absolutely love the overall concept of providing constant gear updates and tools to allow for ease of designs.”</p>
9500        <p class="reviewer">Adam Donar<br><span>OEC Works</span></p>
9501    </div>
9502    
9503    <div class="testimonial-card">
9504        <div class="capterra-header-container">
9505        <div class="capterra-header">
9506          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9507          <span class="capterra-text">Reviewed on Capterra</span>
9508        </div>
9509        </div>
9510        <p class="stars">★★★★★</p>
9511        <h3>Happy new customer to XTEN-AV!</h3>
9512        <p class="review-text">“Overall I think the service and the product in general is a lot for the money spent! The workflow in general is very intuitive, without leaving customizing out of the picture. The more I use the program, the more I like it!”</p>
9513        <p class="reviewer">Svenna Mohaugen<br><span>Holi Installasjon AS</span></p>
9514    </div>
9515      
9516    <div class="testimonial-card">
9517        <div class="capterra-header-container">
9518        <div class="capterra-header">
9519          <img width="908" height="925" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20908%20925'%3E%3C/svg%3E" alt="Capterra" class="capterra-logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png"><noscript><img width="908" height="925" decoding="async" src="https://xtenav.com/wp-content/uploads/2025/02/capterra-e427a181.png" alt="Capterra" class="capterra-logo"></noscript>
9520          <span class="capterra-text">Reviewed on Capterra</span>
9521        </div>
9522        </div>
9523        <p class="stars">★★★★★</p>
9524        <h3>XTEN-AV is my go-to proposal design platform</h3>
9525        <p class="review-text">“XTEN-AV has really changed the way we create proposals and given us many options for all the different types of clients that we service. We loved drawing options to include in our proposals.”</p>
9526        <p class="reviewer">Max Maxwell<br><span>SystemMax AVL</span></p>
9527    </div>
9528      
9529    </div>
9530  </div>
9531 <button class="slider-arrow arrow-right" onclick="nextSlide()">
9532  <i aria-hidden="true" class="eicon-chevron-right"></i>
9533</button>
9534
9535
9536
9537<script type="text/rocketlazyloadscript">
9538const slider = document.getElementById('testimonialSlider');
9539let cards = Array.from(document.querySelectorAll('.testimonial-card'));
9540let index = 0;
9541let autoSlideInterval;
9542let isTransitioning = false;
9543
9544// Dynamically adjust card width based on screen size
9545function updateCardWidth() {
9546  return window.innerWidth <= 768 ? slider.clientWidth : slider.clientWidth / 3;
9547}
9548
9549let cardWidth = updateCardWidth();
9550
9551// Clone cards for seamless looping
9552function cloneCards() {
9553  let clones = cards.map(card => {
9554    let clone = card.cloneNode(true);
9555    clone.classList.add('clone'); // Mark as a clone
9556    slider.appendChild(clone);
9557    return clone;
9558  });
9559
9560  cards = [...cards, ...clones]; // Update card list to include clones
9561}
9562
9563// Autoplay sliding
9564function startAutoSlide() {
9565  autoSlideInterval = setInterval(() => {
9566    nextSlide();
9567  }, 9000);
9568}
9569
9570// Move to the next slide
9571function nextSlide() {
9572  if (isTransitioning) return;
9573  isTransitioning = true;
9574  index++;
9575
9576  let moveDistance = window.innerWidth <= 768 ? cardWidth * 0.97 : cardWidth;
9577
9578  slider.style.transition = 'transform 0.5s ease-in-out';
9579  slider.style.transform = `translateX(-${index * moveDistance}px)`;
9580
9581  if (index >= cards.length / 2) {
9582    setTimeout(() => {
9583      slider.style.transition = 'none';
9584      slider.style.transform = 'translateX(0px)';
9585      index = 0;
9586      forceReflow();
9587    }, 500);
9588  }
9589
9590  setTimeout(() => (isTransitioning = false), 500);
9591}
9592
9593// Move to previous slide
9594function prevSlide() {
9595    if (isTransitioning) return;
9596    isTransitioning = true;
9597
9598    index--;
9599
9600    let moveDistance = window.innerWidth <= 768 ? cardWidth * 0.97 : cardWidth;
9601
9602    if (index < 0) {
9603        index = Math.floor(cards.length / 2) - 1;
9604        slider.style.transition = 'none';
9605        slider.style.transform = `translateX(-${index * moveDistance}px)`;
9606        forceReflow();
9607    }
9608
9609    setTimeout(() => {
9610        slider.style.transition = 'transform 0.5s ease-in-out';
9611        slider.style.transform = `translateX(-${index * moveDistance}px)`;
9612    }, 10);
9613
9614    setTimeout(() => (isTransitioning = false), 500);
9615}
9616
9617
9618// Force reflow to prevent flickering
9619function forceReflow() {
9620  void slider.offsetWidth;
9621}
9622
9623// Restart autoplay on manual navigation
9624function resetAutoSlide() {
9625  clearInterval(autoSlideInterval);
9626  startAutoSlide();
9627}
9628
9629// Adjust card width on window resize
9630window.addEventListener('resize', () => {
9631  cardWidth = updateCardWidth();
9632  slider.style.transform = `translateX(-${index * cardWidth}px)`;
9633});
9634
9635// Attach listeners to buttons
9636document.querySelector('.arrow-left').addEventListener('click', () => {
9637  prevSlide();
9638  resetAutoSlide();
9639});
9640document.querySelector('.arrow-right').addEventListener('click', () => {
9641  nextSlide();
9642  resetAutoSlide();
9643});
9644
9645// Initialize slider
9646cloneCards();
9647startAutoSlide();
9648
9649</script>
9649
9650  		</div>
9651				</div>
9652				<section class="elementor-section elementor-inner-section elementor-element elementor-element-4d199a20 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4d199a20" data-element_type="section">
9653						<div class="elementor-container elementor-column-gap-default">
9654					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-73d01bb7" data-id="73d01bb7" data-element_type="column">
9655			<div class="elementor-widget-wrap">
9656									</div>
9657		</div>
9658				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-55b7299" data-id="55b7299" data-element_type="column">
9659			<div class="elementor-widget-wrap elementor-element-populated">
9660								<div class="elementor-element elementor-element-77165b5 elementor-widget elementor-widget-image" data-id="77165b5" data-element_type="widget" data-widget_type="image.default">
9661				<div class="elementor-widget-container">
9662															<img decoding="async" width="347" height="141" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20347%20141'%3E%3C/svg%3E" class="attachment-large size-large wp-image-280655" alt="" data-lazy-srcset="https://xtenav.com/wp-content/uploads/2025/09/image__10_-removebg-preview-2.webp 347w, https://xtenav.com/wp-content/uploads/2025/09/image__10_-removebg-preview-2-300x122.webp 300w" data-lazy-sizes="(max-width: 347px) 100vw, 347px" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/image__10_-removebg-preview-2.webp" /><noscript><img decoding="async" width="347" height="141" src="https://xtenav.com/wp-content/uploads/2025/09/image__10_-removebg-preview-2.webp" class="attachment-large size-large wp-image-280655" alt="" srcset="https://xtenav.com/wp-content/uploads/2025/09/image__10_-removebg-preview-2.webp 347w, https://xtenav.com/wp-content/uploads/2025/09/image__10_-removebg-preview-2-300x122.webp 300w" sizes="(max-width: 347px) 100vw, 347px" /></noscript>															</div>
9663				</div>
9664				<div class="elementor-element elementor-element-70bad427 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor" data-id="70bad427" data-element_type="widget" data-widget_type="text-editor.default">
9665				<div class="elementor-widget-container">
9666							<p><a href="https://www.capterra.in/software/1048780/xten-av" target="_blank" rel="noopener">See all reviews on Capterra</a></p>						</div>
9667				</div>
9668					</div>
9669		</div>
9670				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9493e07" data-id="9493e07" data-element_type="column">
9671			<div class="elementor-widget-wrap">
9672									</div>
9673		</div>
9674							</div>
9675		</section>
9676				<div class="elementor-element elementor-element-13844320 elementor-absolute elementor-widget elementor-widget-ohio_video" data-id="13844320" data-element_type="widget" data-settings="{&quot;_position&quot;:&quot;absolute&quot;}" data-widget_type="ohio_video.default">
9677				<div class="elementor-widget-container">
9678			<div class="video-button open-popup -center-flex"  data-video=https://www.youtube.com/embed/Z1ts6JheMDw?controls=1&amp;start=0&amp;mute=0>
9679
9680    
9681        <button class="icon-button -small">
9682            <i class="icon"><svg class="default" width="13" height="20" viewBox="0 0 13 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 20L13 10L0 0V20Z"></path></svg><svg class="minimal" width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.766274 0.442678C0.998698 0.312329 1.26165 0.24625 1.52808 0.25124C1.79452 0.256229 2.05481 0.332105 2.28219 0.471065L15.78 8.72C15.9993 8.85399 16.1804 9.04206 16.3061 9.26618C16.4318 9.4903 16.4978 9.74295 16.4978 9.99991C16.4978 10.2569 16.4318 10.5095 16.3061 10.7336C16.1804 10.9578 15.9993 11.1458 15.78 11.2798L2.28219 19.5288C2.05481 19.6677 1.79451 19.7436 1.52808 19.7486C1.26165 19.7536 0.9987 19.6875 0.766274 19.5571C0.533848 19.4268 0.340346 19.2369 0.205669 19.0069C0.0709916 18.777 1.3411e-07 18.5153 0 18.2488V1.75098C1.3411e-07 1.48449 0.0709911 1.22282 0.205669 
96820.992883C0.340347 0.76294 0.533849 0.573027 0.766274 0.442678ZM14.9978 9.99991L1.5 1.75098L1.5 18.2488L14.9978 9.99991Z"></path></svg></i>
9683        </button>
9684        
9685    
9686</div>
9687		</div>
9688				</div>
9689				<div class="elementor-element elementor-element-75d676e2 elementor-widget elementor-widget-spacer" data-id="75d676e2" data-element_type="widget" data-widget_type="spacer.default">
9690				<div class="elementor-widget-container">
9691					<div class="elementor-spacer">
9692			<div class="elementor-spacer-inner"></div>
9693		</div>
9694				</div>
9695				</div>
9696					</div>
9697		</div>
9698							</div>
9699		</section>
9700				<section class="elementor-section elementor-top-section elementor-element elementor-element-30b061d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="30b061d" data-element_type="section">
9701						<div class="elementor-container elementor-column-gap-default">
9702					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-488b0d0a" data-id="488b0d0a" data-element_type="column">
9703			<div class="elementor-widget-wrap elementor-element-populated">
9704								<div class="elementor-element elementor-element-365a609a elementor-widget elementor-widget-html" data-id="365a609a" data-element_type="widget" data-widget_type="html.default">
9705				<div class="elementor-widget-container">
9706			<div class="cta-section-wrapper">
9707            <div class="cta-section">
9708                <div class="cta-content">
9709                    <img decoding="async" 
9710  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2060'%3E%3C/svg%3E"
9711  alt="XTEN-AV logo"
9712  width="200"
9713  height="60"
9714  fetchpriority="high"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/XTEN-AV-logo_-New_-White.png"
9715><noscript><img decoding="async" 
9716  src="https://xtenav.com/wp-content/uploads/2025/05/XTEN-AV-logo_-New_-White.png"
9717  alt="XTEN-AV logo"
9718  width="200"
9719  height="60"
9720  fetchpriority="high"
9721></noscript>
9722                    <h2>Stop Switching Between Tools. Start 
9723  <span>Working Smarter!</span></h2>
9724                    <p>From design, proposals, project management and reports, boost your audiovisual workflow with the AI capabilities that only XTEN-AV delivers.</p>
9725                    <div class="product-cta-buttons">
9726                        <!--<div class="try-now">-->
9727                        <!--    <a href="https://app.xtenav.com/register?utm_content=homecta6">-->
9728                        <!--        Try for free-->
9729                        <!--    </a>-->
9730                        <!--</div>-->
9731                        <div class="book-btn">
9732                            <a href="https://xtenav.com/schedule-demo/">
9733                                Book a Demo
9734                            </a>
9735
9736                        </div>
9737                    </div>
9738
9739                </div>
9740                <div class="cta-image">
9741                    <picture>
9742                        <img decoding="async" 
9743  class="bg-gradient"
9744  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20400'%3E%3C/svg%3E"
9745  alt="gradient-image"
9746 
9747  width="800"
9748  height="400"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/05/grdient-background.svg"
9749><noscript><img decoding="async" 
9750  class="bg-gradient"
9751  src="https://xtenav.com/wp-content/uploads/2025/05/grdient-background.svg"
9752  alt="gradient-image"
9753  loading="lazy"
9754  width="800"
9755  height="400"
9756></noscript>
9757                    </picture>
9758                    <picture>
9759                        <img decoding="async"  
9760  class="cta-banner-dashboard"
9761  src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20500'%3E%3C/svg%3E"
9762  alt="Dashboard"
9763  width="800"
9764  height="500"
9765  fetchpriority="high"� data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/Cta-background-dashboard-1-1.webp"
9766><noscript><img decoding="async"  
9767  class="cta-banner-dashboard"
9768  src="https://xtenav.com/wp-content/uploads/2025/09/Cta-background-dashboard-1-1.webp"
9769  alt="Dashboard"
9770  width="800"
9771  height="500"
9772  fetchpriority="high"
9773></noscript>
9774                    </picture>
9775                </div>
9776            </div>
9777        </div>
9778        
9779        
9780        
9781        
9782        <style>
9783            
9784.cta-section {
9785  position: relative;
9786  z-index: 1;
9787  display: flex;
9788  gap: 50px;
9789  justify-content: space-between;
9790  overflow: hidden;
9791  inline-size: 100%;
9792  background-color: #000;
9793  border-radius: 26px;
9794}
9795.cta-content h2 {
9796  color: #fff;
9797  font-family: Poppins;
9798  font-size: 36px;
9799  font-style: normal;
9800  font-weight: 700;
9801  line-height: 120%;
9802  text-align: left;
9803}
9804.cta-content span {
9805  color: #3669d9;
9806}
9807.cta-content p {
9808  color: #fff;
9809  font-family: Poppins;
9810  font-size: 16px;
9811  font-style: normal;
9812  font-weight: 400;
9813  line-height: 150%; /* 24px */
9814  margin: 20px 0 40px;
9815}
9816.cta-content {
9817  display: flex;
9818  /*flex: 1 1;*/
9819  flex-direction: column;
9820  justify-content: center;
9821  padding: 50px 0 50px 50px;
9822  width: 40%;
9823  z-index: 3;
9824}
9825.cta-image img {
9826  width: 100%;
9827  height: auto;
9828}
9829.cta-image {
9830  display: flex;
9831  flex: 1 1;
9832  justify-content: flex-end;
9833  align-items: flex-end;
9834}
9835.book-btn {
9836  border-radius: 8px;
9837  border: 1px solid #fff;
9838  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
9839  display: flex;
9840  justify-content: center;
9841  align-items: center;
9842  gap: 8px;
9843  color: #ffffff !important;
9844  font-family: Poppins;
9845  font-size: 14px;
9846  font-style: normal;
9847  font-weight: 600;
9848  line-height: 150%;
9849}
9850.book-btn a {
9851  color: #ffffff !important;
9852    width: 100%;
9853    text-align: center;
9854    padding: 8px 20px;
9855}
9856.cta-banner-dashboard {
9857  width: 80%;
9858  height: auto;
9859  right: -140px;
9860  bottom: -50px;
9861  position: relative;
9862  z-index: 2;
9863}
9864img.bg-gradient {
9865  position: absolute;
9866  z-index: 1;
9867  bottom: 0;
9868  right: 0;
9869  width: 800px;
9870  height: auto;
9871}
9872.cta-content img{
9873  margin-bottom: 30px;
9874  height: auto;
9875  width: 20%;
9876}
9877
9878@media (max-width: 1023px) {
9879.cta-content {
9880     width: 50%; 
9881}
9882img.bg-gradient {
9883    right: -320px;
9884    width: 780px;
9885        bottom: -130px;
9886}
9887.cta-banner-dashboard {
9888    width: 830px;
9889    height: auto;
9890    right: -50px;
9891    bottom: -10px;
9892    position: relative;
9893    z-index: 2;
9894}
9895.cta-content h2{
9896    font-size: 32px;
9897}
9898.cta-content p {
9899    font-size: 14px;
9900}
9901   
9902}
9903@media (max-width: 767px) {
9904    .cta-section {
9905    gap: 50px;
9906    flex-direction: column;
9907}
9908.cta-content {
9909        width: 100%;
9910        padding: 30px;
9911    }
9912img.bg-gradient {
9913        right: 40px;
9914        width: 100%;
9915        bottom: 10px;
9916    }
9917    .cta-content h2 {
9918        font-size: 22px;
9919    }
9920
9921}
9922
9923        </style>
9924
9925		</div>
9926				</div>
9927					</div>
9928		</div>
9929							</div>
9930		</section>
9931				<section class="elementor-section elementor-top-section elementor-element elementor-element-53237136 elementor-section-stretched clb__dark_section elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="53237136" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:400}">
9932						<div class="elementor-container elementor-column-gap-default">
9933					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71529398" data-id="71529398" data-element_type="column">
9934			<div class="elementor-widget-wrap elementor-element-populated">
9935								<div class="elementor-element elementor-element-73b5289c elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="73b5289c" data-element_type="widget" data-widget_type="spacer.default">
9936				<div class="elementor-widget-container">
9937					<div class="elementor-spacer">
9938			<div class="elementor-spacer-inner"></div>
9939		</div>
9940				</div>
9941				</div>
9942				<section class="elementor-section elementor-inner-section elementor-element elementor-element-1fed8cbd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1fed8cbd" data-element_type="section">
9943						<div class="elementor-container elementor-column-gap-wide">
9944					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3ee71645" data-id="3ee71645" data-element_type="column">
9945			<div class="elementor-widget-wrap elementor-element-populated">
9946								<div class="elementor-element elementor-element-77f160ad elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-widget elementor-widget-image" data-id="77f160ad" data-element_type="widget" data-widget_type="image.default">
9947				<div class="elementor-widget-container">
9948															<img decoding="async" width="113" height="105" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20113%20105'%3E%3C/svg%3E" class="attachment-full size-full wp-image-280564" alt="" data-lazy-src="https://xtenav.com/wp-content/uploads/2025/09/Untitled-1.webp" /><noscript><img decoding="async" width="113" height="105" src="https://xtenav.com/wp-content/uploads/2025/09/Untitled-1.webp" class="attachment-full size-full wp-image-280564" alt="" /></noscript>															</div>
9949				</div>
9950				<div class="elementor-element elementor-element-2da274d4 elementor-widget__width-auto elementor-widget-mobile__width-auto mobile-view elementor-widget elementor-widget-ohio_heading" data-id="2da274d4" data-element_type="widget" data-widget_type="ohio_heading.default">
9951				<div class="elementor-widget-container">
9952			<div class="ohio-widget heading -left">
9953
9954    
9955    
9956    <h2 class="title">
9957        perience now    </h2>
9958
9959    
9960    
9961</div>		</div>
9962				</div>
9963					</div>
9964		</div>
9965				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1f5c3b87" data-id="1f5c3b87" data-element_type="column">
9966			<div class="elementor-widget-wrap elementor-element-populated">
9967								<section class="elementor-section elementor-inner-section elementor-element elementor-element-9bf3b83 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="9bf3b83" data-element_type="section">
9968						<div class="elementor-container elementor-column-gap-no">
9969					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-558978b8" data-id="558978b8" data-element_type="column">
9970			<div class="elementor-widget-wrap elementor-element-populated">
9971								<div class="elementor-element elementor-element-a043818 elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-widget-tablet__width-auto elementor-widget elementor-widget-ohio_button" data-id="a043818" data-element_type="widget" data-widget_type="ohio_button.default">
9972				<div class="elementor-widget-container">
9973			
9974<div class="ohio-widget-holder -left">
9975    <a href="https://app.xtenav.com/register?utm_content=homepage7" target="_blank"  class="ohio-widget button ">
9976        
9977        
9978        Start Free Trial
9979                
9980    </a>
9981</div>		</div>
9982				</div>
9983				<div class="elementor-element elementor-element-61ce4b6b elementor-widget__width-auto elementor-widget-tablet__width-auto elementor-widget elementor-widget-ohio_button" data-id="61ce4b6b" data-element_type="widget" data-widget_type="ohio_button.default">
9984				<div class="elementor-widget-container">
9985			
9986<div class="ohio-widget-holder -left">
9987    <a href="https://xtenav.com/schedule-demo/"  class="ohio-widget button -outlined">
9988        
9989        
9990        Book a Demo
9991                
9992    </a>
9993</div>		</div>
9994				</div>
9995					</div>
9996		</div>
9997							</div>
9998		</section>
9999					</div>
10000		</div>
10001							</div>
10002		</section>
10003				<section class="elementor-section elementor-inner-section elementor-element elementor-element-25fc3bbd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="25fc3bbd" data-element_type="section">
10004						<div class="elementor-container elementor-column-gap-wide">
10005					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1b7cdfe0" data-id="1b7cdfe0" data-element_type="column">
10006			<div class="elementor-widget-wrap elementor-element-populated">
10007								<div class="elementor-element elementor-element-2f8d0601 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="2f8d0601" data-element_type="widget" data-widget_type="divider.default">
10008				<div class="elementor-widget-container">
10009			<style>/*! elementor - v3.10.0 - 09-01-2023 */
10010.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#2c2c2c;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--div
10010ider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-bottom:0;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--div
10010ider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}</style>		<div class="elementor-divider">
10011			<span class="elementor-divider-separator">
10012						</span>
10013		</div>
10014				</div>
10015				</div>
10016					</div>
10017		</div>
10018							</div>
10019		</section>
10020				<section class="elementor-section elementor-inner-section elementor-element elementor-element-4036bc30 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4036bc30" data-element_type="section">
10021						<div class="elementor-container elementor-column-gap-wide">
10022					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e3716ad" data-id="e3716ad" data-element_type="column">
10023			<div class="elementor-widget-wrap elementor-element-populated">
10024								<div class="elementor-element elementor-element-5a907249 elementor-widget elementor-widget-text-editor" data-id="5a907249" data-element_type="widget" data-widget_type="text-editor.default">
10025				<div class="elementor-widget-container">
10026							<p>We help companies <strong>ditch legacy tools</strong> and upgrade them to offer an <strong>engaging experience</strong> with designs and proposals.</p>						</div>
10027				</div>
10028					</div>
10029		</div>
10030				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7d709d18" data-id="7d709d18" data-element_type="column">
10031			<div class="elementor-widget-wrap">
10032									</div>
10033		</div>
10034							</div>
10035		</section>
10036					</div>
10037		</div>
10038							</div>
10039		</section>
10040							</div>
10041			</div>
10042</article>            </main>
10043        </div>
10044            </div>
10045</div>
10046            </div>
10047            		<div data-elementor-type="footer" data-elementor-id="300762" class="elementor elementor-300762 elementor-location-footer">
10048								<section class="elementor-section elementor-top-section elementor-element elementor-element-6175165 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6175165" data-element_type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
10049						<div class="elementor-container elementor-column-gap-no">
10050					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db0e369" data-id="db0e369" data-element_type="column">
10051			<div class="elementor-widget-wrap elementor-element-populated">
10052								<section class="elementor-section elementor-inner-section elementor-element elementor-element-512bbd3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="512bbd3" data-element_type="section">
10053						<div class="elementor-container elementor-column-gap-no">
10054					<div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-8dd6035" data-id="8dd6035" data-element_type="column">
10055			<div class="elementor-widget-wrap elementor-element-populated">
10056								<div class="elementor-element elementor-element-9a2c4ae elementor-widget elementor-widget-image" data-id="9a2c4ae" data-element_type="widget" data-widget_type="image.default">
10057				<div class="elementor-widget-container">
10058																<a href="https://xtenav.com/">
10059							<img width="336" height="70" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20336%2070'%3E%3C/svg%3E" title="" alt="Xten-AV Logo" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/07/link_xten_content_1_webp.webp" /><noscript><img width="336" height="70" src="https://xtenav.com/wp-content/uploads/2026/07/link_xten_content_1_webp.webp" title="" alt="Xten-AV Logo" loading="lazy" /></noscript>								</a>
10060															</div>
10061				</div>
10062				<div class="elementor-element elementor-element-b77b5a6 elementor-widget elementor-widget-text-editor" data-id="b77b5a6" data-element_type="widget" data-widget_type="text-editor.default">
10063				<div class="elementor-widget-container">
10064							<p>Award-winning AV design &amp; proposal software, the industry’s first software with a utility patent.</p>						</div>
10065				</div>
10066				<div class="elementor-element elementor-element-93ca67c elementor-shape-circle e-grid-align-left elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="93ca67c" data-element_type="widget" data-widget_type="social-icons.default">
10067				<div class="elementor-widget-container">
10068			<style>/*! elementor - v3.10.0 - 09-01-2023 */
10069.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));height:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#818a91;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#818a91}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}</style>		<div class="elementor-social-icons-wrapper elementor-grid">
10070							<span class="elementor-grid-item">
10071					<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-cb9eb2a" href="https://www.facebook.com/xtenav/" target="_blank">
10072						<span class="elementor-screen-only">Facebook</span>
10073						<i class="fab fa-facebook"></i>					</a>
10074				</span>
10075							<span class="elementor-grid-item">
10076					<a class="elementor-icon elementor-social-icon elementor-social-icon-pinterest elementor-repeater-item-6e7e56a" href="https://www.pinterest.com/xtenavhq/" target="_blank">
10077						<span class="elementor-screen-only">Pinterest</span>
10078						<i class="fab fa-pinterest"></i>					</a>
10079				</span>
10080							<span class="elementor-grid-item">
10081					<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-64e9740" href="https://www.linkedin.com/login/?session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fxtenav%2Fabout%2F" target="_blank">
10082						<span class="elementor-screen-only">Linkedin</span>
10083						<i class="fab fa-linkedin"></i>					</a>
10084				</span>
10085							<span class="elementor-grid-item">
10086					<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-c665a93" href="https://www.instagram.com/xtenav/" target="_blank">
10087						<span class="elementor-screen-only">Instagram</span>
10088						<i class="fab fa-instagram"></i>					</a>
10089				</span>
10090							<span class="elementor-grid-item">
10091					<a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-50196b8" href="https://x.com/xten_av" target="_blank">
10092						<span class="elementor-screen-only">Twitter</span>
10093						<i class="fab fa-twitter"></i>					</a>
10094				</span>
10095							<span class="elementor-grid-item">
10096					<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-e2290ca" href="https://www.youtube.com/channel/UCX8FXl6IfiWcPIE4_jOvM7Q/featured" target="_blank">
10097						<span class="elementor-screen-only">Youtube</span>
10098						<i class="fab fa-youtube"></i>					</a>
10099				</span>
10100					</div>
10101				</div>
10102				</div>
10103					</div>
10104		</div>
10105				<div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-93d6ab3" data-id="93d6ab3" data-element_type="column">
10106			<div class="elementor-widget-wrap elementor-element-populated">
10107								<div class="elementor-element elementor-element-6480fa3 elementor-widget elementor-widget-heading" data-id="6480fa3" data-element_type="widget" data-widget_type="heading.default">
10108				<div class="elementor-widget-container">
10109			<h2 class="elementor-heading-title elementor-size-default">Solutions</h2>		</div>
10110				</div>
10111				<div class="elementor-element elementor-element-4575530 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4575530" data-element_type="widget" data-widget_type="icon-list.default">
10112				<div class="elementor-widget-container">
10113			<link data-minify="1" rel="stylesheet" href="https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=1790854550">		<ul class="elementor-icon-list-items">
10114							<li class="elementor-icon-list-item">
10115											<a href="https://xtenav.com/x-draw/">
10116
10117											<span class="elementor-icon-list-text">X-DRAW</span>
10118											</a>
10119									</li>
10120								<li class="elementor-icon-list-item">
10121											<a href="https://xtenav.com/x-doc/">
10122
10123											<span class="elementor-icon-list-text">X-DOC</span>
10124											</a>
10125									</li>
10126								<li class="elementor-icon-list-item">
10127											<a href="https://xtenav.com/x-pro/">
10128
10129											<span class="elementor-icon-list-text">X-PRO</span>
10130											</a>
10131									</li>
10132								<li class="elementor-icon-list-item">
10133											<a href="https://xtenav.com/xavia/">
10134
10135											<span class="elementor-icon-list-text">XAVIA</span>
10136											</a>
10137									</li>
10138						</ul>
10139				</div>
10140				</div>
10141				<div class="elementor-element elementor-element-d9f22cf elementor-widget elementor-widget-heading" data-id="d9f22cf" data-element_type="widget" data-widget_type="heading.default">
10142				<div class="elementor-widget-container">
10143			<h2 class="elementor-heading-title elementor-size-default">Partnership</h2>		</div>
10144				</div>
10145				<div class="elementor-element elementor-element-1409d10 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1409d10" data-element_type="widget" data-widget_type="icon-list.default">
10146				<div class="elementor-widget-container">
10147					<ul class="elementor-icon-list-items">
10148							<li class="elementor-icon-list-item">
10149											<a href="https://xtenav.com/insightx/">
10150
10151											<span class="elementor-icon-list-text">InsightX</span>
10152											</a>
10153									</li>
10154						</ul>
10155				</div>
10156				</div>
10157					</div>
10158		</div>
10159				<div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-c333d52" data-id="c333d52" data-element_type="column">
10160			<div class="elementor-widget-wrap elementor-element-populated">
10161								<div class="elementor-element elementor-element-301cab5 elementor-widget elementor-widget-heading" data-id="301cab5" data-element_type="widget" data-widget_type="heading.default">
10162				<div class="elementor-widget-container">
10163			<h2 class="elementor-heading-title elementor-size-default">Industries</h2>		</div>
10164				</div>
10165				<div class="elementor-element elementor-element-77bfc91 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="77bfc91" data-element_type="widget" data-widget_type="icon-list.default">
10166				<div class="elementor-widget-container">
10167					<ul class="elementor-icon-list-items">
10168							<li class="elementor-icon-list-item">
10169											<a href="https://xtenav.com/industries/commercial-av/">
10170
10171											<span class="elementor-icon-list-text">Commercial AV</span>
10172											</a>
10173									</li>
10174								<li class="elementor-icon-list-item">
10175											<a href="https://xtenav.com/industries/av-manufacturers/">
10176
10177											<span class="elementor-icon-list-text">Manufacturing AV</span>
10178											</a>
10179									</li>
10180								<li class="elementor-icon-list-item">
10181											<a href="https://xtenav.com/industries/residential-av/">
10182
10183											<span class="elementor-icon-list-text">Residential AV</span>
10184											</a>
10185									</li>
10186								<li class="elementor-icon-list-item">
10187											<a href="https://xtenav.com/industries/higher-ed/">
10188
10189											<span class="elementor-icon-list-text">Higher Ed AV</span>
10190											</a>
10191									</li>
10192						</ul>
10193				</div>
10194				</div>
10195				<div class="elementor-element elementor-element-8a7f0ef elementor-widget elementor-widget-heading" data-id="8a7f0ef" data-element_type="widget" data-widget_type="heading.default">
10196				<div class="elementor-widget-container">
10197			<h2 class="elementor-heading-title elementor-size-default">Integrations</h2>		</div>
10198				</div>
10199				<div class="elementor-element elementor-element-19b42dc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="19b42dc" data-element_type="widget" data-widget_type="icon-list.default">
10200				<div class="elementor-widget-container">
10201					<ul class="elementor-icon-list-items">
10202							<li class="elementor-icon-list-item">
10203											<a href="https://xtenav.com/integrations/connectwise-psa/">
10204
10205											<span class="elementor-icon-list-text">ConnectWise PSA</span>
10206											</a>
10207									</li>
10208								<li class="elementor-icon-list-item">
10209											<a href="https://xtenav.com/integrations/dynamics-365/">
10210
10211											<span class="elementor-icon-list-text">Dynamics 365</span>
10212											</a>
10213									</li>
10214								<li class="elementor-icon-list-item">
10215											<a href="https://xtenav.com/integrations/hubspot/">
10216
10217											<span class="elementor-icon-list-text">HubSpot</span>
10218											</a>
10219									</li>
10220						</ul>
10221				</div>
10222				</div>
10223				<div class="elementor-element elementor-element-35eb0d2 elementor-align-left elementor-widget elementor-widget-button" data-id="35eb0d2" data-element_type="widget" data-widget_type="button.default">
10224				<div class="elementor-widget-container">
10225					<div class="elementor-button-wrapper">
10226			<a href="https://xtenav.com/integrations/" class="elementor-button-link elementor-button elementor-size-sm" role="button">
10227						<span class="elementor-button-content-wrapper">
10228							<span class="elementor-button-icon elementor-align-icon-right">
10229				<i aria-hidden="true" class="linea linea-arrows-slim-right"></i>			</span>
10230						<span class="elementor-button-text">See All</span>
10231		</span>
10232					</a>
10233		</div>
10234				</div>
10235				</div>
10236					</div>
10237		</div>
10238				<div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-af8d93a" data-id="af8d93a" data-element_type="column">
10239			<div class="elementor-widget-wrap elementor-element-populated">
10240								<div class="elementor-element elementor-element-c7c317b elementor-widget elementor-widget-heading" data-id="c7c317b" data-element_type="widget" data-widget_type="heading.default">
10241				<div class="elementor-widget-container">
10242			<h2 class="elementor-heading-title elementor-size-default">Resources</h2>		</div>
10243				</div>
10244				<div class="elementor-element elementor-element-c4f7c71 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="c4f7c71" data-element_type="widget" data-widget_type="icon-list.default">
10245				<div class="elementor-widget-container">
10246					<ul class="elementor-icon-list-items">
10247							<li class="elementor-icon-list-item">
10248											<a href="https://xtenav.com/blog/">
10249
10250											<span class="elementor-icon-list-text">Blog</span>
10251											</a>
10252									</li>
10253								<li class="elementor-icon-list-item">
10254											<a href="https://xtenav.com/case-studies/">
10255
10256											<span class="elementor-icon-list-text">Case Studies</span>
10257											</a>
10258									</li>
10259								<li class="elementor-icon-list-item">
10260											<a href="https://xtenav.com/whitepapers/">
10261
10262											<span class="elementor-icon-list-text">Whitepaper</span>
10263											</a>
10264									</li>
10265								<li class="elementor-icon-list-item">
10266											<a href="https://xtenav.com/infographics/">
10267
10268											<span class="elementor-icon-list-text">Infographics</span>
10269											</a>
10270									</li>
10271								<li class="elementor-icon-list-item">
10272											<a href="https://xtenav.com/alternatives/">
10273
10274											<span class="elementor-icon-list-text">Alternatives</span>
10275											</a>
10276									</li>
10277								<li class="elementor-icon-list-item">
10278											<a href="https://xtenav.com/free-tools/">
10279
10280											<span class="elementor-icon-list-text">AV Calculators</span>
10281											</a>
10282									</li>
10283								<li class="elementor-icon-list-item">
10284											<a href="https://knowledgebase.xtenav.com/en-us/?_gl=1*1v8t5pq*_gcl_au*MTc5ODg4NzUyNS4xNzg1ODIwNDA4LjYzNjA4MTc5OC4xNzg1ODI0NDQ0LjE3ODU4MjQ0NDQuMjEzMjEzNjk4My4xNzg1ODI0NDQ0LjE3ODU4MjQ0NDQ.">
10285
10286											<span class="elementor-icon-list-text">Knowledgebase</span>
10287											</a>
10288									</li>
10289						</ul>
10290				</div>
10291				</div>
10292				<div class="elementor-element elementor-element-b2e402d elementor-widget elementor-widget-heading" data-id="b2e402d" data-element_type="widget" data-widget_type="heading.default">
10293				<div class="elementor-widget-container">
10294			<h2 class="elementor-heading-title elementor-size-default">Templates</h2>		</div>
10295				</div>
10296				<div class="elementor-element elementor-element-723ca5d elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="723ca5d" data-element_type="widget" data-widget_type="icon-list.default">
10297				<div class="elementor-widget-container">
10298					<ul class="elementor-icon-list-items">
10299							<li class="elementor-icon-list-item">
10300											<a href="https://xtenav.com/av-proposal-templates/">
10301
10302											<span class="elementor-icon-list-text">AV Proposals</span>
10303											</a>
10304									</li>
10305								<li class="elementor-icon-list-item">
10306											<a href="https://xtenav.com/business-proposal-templates/">
10307
10308											<span class="elementor-icon-list-text">Business Proposals</span>
10309											</a>
10310									</li>
10311								<li class="elementor-icon-list-item">
10312											<a href="https://xtenav.com/av-design-templates/">
10313
10314											<span class="elementor-icon-list-text">AV design</span>
10315											</a>
10316									</li>
10317						</ul>
10318				</div>
10319				</div>
10320					</div>
10321		</div>
10322				<div class="elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-651ce6d" data-id="651ce6d" data-element_type="column">
10323			<div class="elementor-widget-wrap elementor-element-populated">
10324								<div class="elementor-element elementor-element-dccce58 elementor-widget elementor-widget-heading" data-id="dccce58" data-element_type="widget" data-widget_type="heading.default">
10325				<div class="elementor-widget-container">
10326			<h2 class="elementor-heading-title elementor-size-default">Company</h2>		</div>
10327				</div>
10328				<div class="elementor-element elementor-element-1fa7612 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1fa7612" data-element_type="widget" data-widget_type="icon-list.default">
10329				<div class="elementor-widget-container">
10330					<ul class="elementor-icon-list-items">
10331							<li class="elementor-icon-list-item">
10332											<a href="https://xtenav.com/about-us/">
10333
10334											<span class="elementor-icon-list-text">About Us</span>
10335											</a>
10336									</li>
10337								<li class="elementor-icon-list-item">
10338											<a href="https://xtenav.com/pricing/">
10339
10340											<span class="elementor-icon-list-text">Pricing</span>
10341											</a>
10342									</li>
10343								<li class="elementor-icon-list-item">
10344											<a href="https://xtenav.com/press-release/">
10345
10346											<span class="elementor-icon-list-text">Press</span>
10347											</a>
10348									</li>
10349								<li class="elementor-icon-list-item">
10350											<a href="https://xtenav.com/events/">
10351
10352											<span class="elementor-icon-list-text">Events</span>
10353											</a>
10354									</li>
10355								<li class="elementor-icon-list-item">
10356											<a href="https://xtenav.com/whats-new-in-xtenav/">
10357
10358											<span class="elementor-icon-list-text">What's New</span>
10359											</a>
10360									</li>
10361								<li class="elementor-icon-list-item">
10362											<a href="https://xtenav.com/contact-us/">
10363
10364											<span class="elementor-icon-list-text">Contact Us</span>
10365											</a>
10366									</li>
10367								<li class="elementor-icon-list-item">
10368											<a href="https://xtenav.com/google-api-disclosure-for-xten-av/">
10369
10370											<span class="elementor-icon-list-text">Google API Disclosure</span>
10371											</a>
10372									</li>
10373								<li class="elementor-icon-list-item">
10374											<a href="https://xtenav.com/ai-data-usage-policy/">
10375
10376											<span class="elementor-icon-list-text">AI Data Usage Policy</span>
10377											</a>
10378									</li>
10379						</ul>
10380				</div>
10381				</div>
10382					</div>
10383		</div>
10384							</div>
10385		</section>
10386				<section class="elementor-section elementor-inner-section elementor-element elementor-element-8742aa6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8742aa6" data-element_type="section">
10387						<div class="elementor-container elementor-column-gap-no">
10388					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ddc27cd" data-id="ddc27cd" data-element_type="column">
10389			<div class="elementor-widget-wrap elementor-element-populated">
10390								<section class="elementor-section elementor-inner-section elementor-element elementor-element-2860127 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2860127" data-element_type="section">
10391						<div class="elementor-container elementor-column-gap-no">
10392					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c0412d2" data-id="c0412d2" data-element_type="column">
10393			<div class="elementor-widget-wrap elementor-element-populated">
10394								<div class="elementor-element elementor-element-ddcc12b elementor-widget elementor-widget-image" data-id="ddcc12b" data-element_type="widget" data-widget_type="image.default">
10395				<div class="elementor-widget-container">
10396															<img width="640" height="58" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%2058'%3E%3C/svg%3E" class="attachment-large size-large wp-image-300073" alt="Payment Method" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/08/Frame-2147223108-1.svg" /><noscript><img width="640" height="58" src="https://xtenav.com/wp-content/uploads/2026/08/Frame-2147223108-1.svg" class="attachment-large size-large wp-image-300073" alt="Payment Method" /></noscript>															</div>
10397				</div>
10398					</div>
10399		</div>
10400							</div>
10401		</section>
10402					</div>
10403		</div>
10404				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-aea6327" data-id="aea6327" data-element_type="column">
10405			<div class="elementor-widget-wrap elementor-element-populated">
10406								<section class="elementor-section elementor-inner-section elementor-element elementor-element-8b43808 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8b43808" data-element_type="section">
10407						<div class="elementor-container elementor-column-gap-no">
10408					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9e881f0" data-id="9e881f0" data-element_type="column">
10409			<div class="elementor-widget-wrap elementor-element-populated">
10410								<div class="elementor-element elementor-element-8c5a244 elementor-widget elementor-widget-image" data-id="8c5a244" data-element_type="widget" data-widget_type="image.default">
10411				<div class="elementor-widget-container">
10412																<a href="https://apps.apple.com/in/app/xten-av/id6741138433">
10413							<img width="640" height="260" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20260'%3E%3C/svg%3E" class="attachment-large size-large wp-image-300057" alt="Download Xten-AV on the Apple App Store" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/08/Frame-2147223109.svg" /><noscript><img width="640" height="260" src="https://xtenav.com/wp-content/uploads/2026/08/Frame-2147223109.svg" class="attachment-large size-large wp-image-300057" alt="Download Xten-AV on the Apple App Store" /></noscript>								</a>
10414															</div>
10415				</div>
10416					</div>
10417		</div>
10418				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6f6a0dc" data-id="6f6a0dc" data-element_type="column">
10419			<div class="elementor-widget-wrap elementor-element-populated">
10420								<div class="elementor-element elementor-element-00b9a61 elementor-widget elementor-widget-image" data-id="00b9a61" data-element_type="widget" data-widget_type="image.default">
10421				<div class="elementor-widget-container">
10422																<a href="https://play.google.com/store/apps/details?id=com.xtenav.xtenav_android_app">
10423							<img width="640" height="166" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20166'%3E%3C/svg%3E" class="attachment-large size-large wp-image-300056" alt="Download Xten-AV on Google Play Store" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/08/Frame-2147223
10423110.svg" /><noscript><img width="640" height="166" src="https://xtenav.com/wp-content/uploads/2026/08/Frame-2147223110.svg" class="attachment-large size-large wp-image-300056" alt="Download Xten-AV on Google Play Store" /></noscript>								</a>
10424															</div>
10425				</div>
10426					</div>
10427		</div>
10428							</div>
10429		</section>
10430					</div>
10431		</div>
10432							</div>
10433		</section>
10434				<section class="elementor-section elementor-inner-section elementor-element elementor-element-aa1d80f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="aa1d80f" data-element_type="section">
10435						<div class="elementor-container elementor-column-gap-no">
10436					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-dc56e09" data-id="dc56e09" data-element_type="column">
10437			<div class="elementor-widget-wrap elementor-element-populated">
10438								<div class="elementor-element elementor-element-b3679fa elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="b3679fa" data-element_type="widget" data-widget_type="divider.default">
10439				<div class="elementor-widget-container">
10440					<div class="elementor-divider">
10441			<span class="elementor-divider-separator">
10442						</span>
10443		</div>
10444				</div>
10445				</div>
10446					</div>
10447		</div>
10448							</div>
10449		</section>
10450				<section class="elementor-section elementor-inner-section elementor-element elementor-element-b3063c8 elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b3063c8" data-element_type="section">
10451						<div class="elementor-container elementor-column-gap-no">
10452					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-548e945" data-id="548e945" data-element_type="column">
10453			<div class="elementor-widget-wrap elementor-element-populated">
10454								<div class="elementor-element elementor-element-e0f8385 elementor-widget elementor-widget-text-editor" data-id="e0f8385" data-element_type="widget" data-widget_type="text-editor.default">
10455				<div class="elementor-widget-container">
10456							<p>© <span id="copyright-year">2026</span> XTEN-AV LLC. All rights reserved.</p>						</div>
10457				</div>
10458					</div>
10459		</div>
10460				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-61d4b62" data-id="61d4b62" data-element_type="column">
10461			<div class="elementor-widget-wrap elementor-element-populated">
10462								<section class="elementor-section elementor-inner-section elementor-element elementor-element-487dac6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="487dac6" data-element_type="section">
10463						<div class="elementor-container elementor-column-gap-no">
10464					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cc9c65a" data-id="cc9c65a" data-element_type="column">
10465			<div class="elementor-widget-wrap elementor-element-populated">
10466								<div class="elementor-element elementor-element-6d020e1 elementor-widget elementor-widget-text-editor" data-id="6d020e1" data-element_type="widget" data-widget_type="text-editor.default">
10467				<div class="elementor-widget-container">
10468							<a href="https://xtenav.com/terms-of-service/">Terms &amp; Conditions</a>						</div>
10469				</div>
10470					</div>
10471		</div>
10472				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-eb6537b" data-id="eb6537b" data-element_type="column">
10473			<div class="elementor-widget-wrap elementor-element-populated">
10474								<div class="elementor-element elementor-element-8d7efae elementor-widget elementor-widget-text-editor" data-id="8d7efae" data-element_type="widget" data-widget_type="text-editor.default">
10475				<div class="elementor-widget-container">
10476							<a href="https://xtenav.com/privacy-policy/">Privacy Policy</a>						</div>
10477				</div>
10478					</div>
10479		</div>
10480							</div>
10481		</section>
10482					</div>
10483		</div>
10484							</div>
10485		</section>
10486				<section class="elementor-section elementor-inner-section elementor-element elementor-element-22f6932 elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="22f6932" data-element_type="section">
10487						<div class="elementor-container elementor-column-gap-no">
10488					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-dba2883" data-id="dba2883" data-element_type="column">
10489			<div class="elementor-widget-wrap elementor-element-populated">
10490								<div class="elementor-element elementor-element-97311b1 elementor-widget elementor-widget-html" data-id="97311b1" data-element_type="widget" data-widget_type="html.default">
10491				<div class="elementor-widget-container">
10492			<div id="ai-summary-widget">
10493
10494    <!-- =========================================
10495         FLOATING AI ICON
10496    ========================================== -->
10497    <button
10498        class="ai-summary-icon"
10499        type="button"
10500        aria-label="Get a Quick Summary"
10501    >
10502        <img width="24" height="26"
10503            src="https://xtenav.com/wp-content/uploads/2026/08/Star-1.svg"
10504            alt="AI"
10505            class="ask-ai-main-icon"
10506        >
10507    </button>
10508
10509
10510    <!-- =========================================
10511         SUMMARY CARD
10512    ========================================== -->
10513    <div class="ai-summary-card">
10514
10515        <!-- CARD HEADING -->
10516        <div class="ai-summary-heading">
10517
10518            <div class="ai-sparkles">
10519                <img width="19" height="25"
10520                    src="https://xtenav.com/wp-content/uploads/2026/08/blue-2.svg"
10521                    alt="AI"
10522                    class="ask-ai-card-icon"
10523                >
10524            </div>
10525
10526            <div class="ai-summary-text">
10527
10528                <div class="ai-summary-title">
10529                    Get a Quick
10530                </div>
10531
10532                <div class="ai-summary-subtitle">
10533                    Overview of XTEN-AV
10534                </div>
10535
10536            </div>
10537
10538        </div>
10539
10540
10541        <!-- =========================================
10542             AI OPTIONS
10543        ========================================== -->
10544        <div class="ai-summary-options">
10545
10546            <!-- CHATGPT -->
10547            <button
10548                type="button"
10549                class="ai-option chatgpt"
10550                id="chatgpt-summary-button"
10551            >
10552                <span class="ai-option-icon">
10553                    <img width="24" height="24"
10554                        src="https://xtenav.com/wp-content/uploads/2026/08/openai-chatgpt-1.svg"
10555                        alt="ChatGPT"
10556                    >
10557                </span>
10558
10559                <span>ChatGPT</span>
10560            </button>
10561
10562
10563            
10564
10565            <!-- CLAUDE -->
10566            <button
10567                type="button"
10568                class="ai-option claude"
10569                id="claude-summary-button"
10570            >
10571                <span class="ai-option-icon">
10572                    <img width="375" height="375"
10573                        src="https://xtenav.com/wp-content/uploads/2026/08/White-Claude.svg"
10574                        alt="Claude"
10575                    >
10576                </span>
10577
10578                <span>Claude</span>
10579            </button>
10580
10581
10582            
10583            <!-- GOOGLE AI -->
10584            <button
10585                type="button"
10586                class="ai-option google-ai"
10587                id="google-ai-summary-button"
10588            >
10589                <span class="ai-option-icon">
10590                    <img width="24" height="24"
10591                        src="https://xtenav.com/wp-content/uploads/2026/08/aistudio-1.svg"
10592                        alt="Google AI"
10593                    >
10594                </span>
10595
10596                <span>Google AI</span>
10597            </button>
10598            <!-- PERPLEXITY -->
10599            <button
10600                type="button"
10601                class="ai-option perplexity"
10602                id="perplexity-summary-button"
10603            >
10604                <span class="ai-option-icon">
10605                    <img width="24" height="24"
10606                        src="https://xtenav.com/wp-content/uploads/2026/08/perplexity-1.svg"
10607                        alt="Perplexity"
10608                    >
10609                </span>
10610
10611                <span>Perplexity</span>
10612            </button>
10613
10614
10615        </div>
10616
10617    </div>
10618
10619</div>
10620
10621
10622<script type="text/rocketlazyloadscript">
10623
10624(function () {
10625
10626    function initAISummaryWidget() {
10627
10628        const widget =
10629            document.getElementById("ai-summary-widget");
10630
10631        if (!widget) {
10632            return;
10633        }
10634
10635
10636        /* =========================================
10637           ALLOWED PAGES
10638        ========================================= */
10639
10640        const currentPath =
10641            window.location.pathname
10642                .replace(/\/+$/, "")
10643                .toLowerCase();
10644
10645
10646        const allowedPages = [
10647            "",          // Homepage
10648            "/x-draw",
10649            "/x-doc",
10650            "/x-pro",
10651            "/xavia"
10652        ];
10653
10654
10655       const isElementorPreview =
10656    new URLSearchParams(window.location.search).get("preview") === "true";
10657
10658const isAllowedPage =
10659    !isElementorPreview && allowedPages.includes(currentPath);
10660
10661        /* =========================================
10662           HIDE WIDGET ON OTHER PAGES
10663        ========================================= */
10664
10665        if (!isAllowedPage) {
10666
10667    widget.style.display = "none";
10668
10669    return;
10670}
10671
10672widget.style.display = "block";
10673
10674
10675
10676        /* =========================================
10677           AI SUMMARY PROMPT
10678        ========================================= */
10679
10680        const summaryText =
10681            "Explore the capabilities of the XTEN-AV ecosystem, which includes XAVIA, an AV AI agent operated through voice or chat prompts, X-DRAW for AV schematic designs, x.doc for proposals and X-PRO for project management and service. Compare plans, features and add-ons to find the right fit for individual professionals, growing teams and enterprises.";
10682
10683
10684        const encodedSummary =
10685            encodeURIComponent(summaryText);
10686
10687
10688        /* =========================================
10689           CHATGPT
10690        ========================================= */
10691
10692        const chatGPTButton =
10693            document.getElementById(
10694                "chatgpt-summary-button"
10695            );
10696
10697        if (chatGPTButton) {
10698
10699            chatGPTButton.addEventListener(
10700                "click",
10701                function () {
10702
10703                    const url =
10704                        "https://chatgpt.com/?q=" +
10705                        encodedSummary;
10706
10707                    window.open(
10708                        url,
10709                        "_blank",
10710                        "noopener,noreferrer"
10711                    );
10712
10713                }
10714            );
10715
10716        }
10717
10718
10719        /* =========================================
10720           PERPLEXITY
10721        ========================================= */
10722
10723        const perplexityButton =
10724            document.getElementById(
10725                "perplexity-summary-button"
10726            );
10727
10728        if (perplexityButton) {
10729
10730            perplexityButton.addEventListener(
10731                "click",
10732                function () {
10733
10734                    const url =
10735                        "https://www.perplexity.ai/search?q=" +
10736                        encodedSummary;
10737
10738                    window.open(
10739                        url,
10740                        "_blank",
10741                        "noopener,noreferrer"
10742                    );
10743
10744                }
10745            );
10746
10747        }
10748
10749
10750        /* =========================================
10751           CLAUDE
10752        ========================================= */
10753
10754        const claudeButton =
10755            document.getElementById(
10756                "claude-summary-button"
10757            );
10758
10759        if (claudeButton) {
10760
10761            claudeButton.addEventListener(
10762                "click",
10763                function () {
10764
10765                    const url =
10766                        "https://claude.ai/new?q=" +
10767                        encodedSummary;
10768
10769                    window.open(
10770                        url,
10771                        "_blank",
10772                        "noopener,noreferrer"
10773                    );
10774
10775                }
10776            );
10777
10778        }
10779
10780
10781        /* =========================================
10782           GEMINI
10783        ========================================= */
10784
10785        const geminiButton =
10786            document.getElementById(
10787                "gemini-summary-button"
10788            );
10789
10790        if (geminiButton) {
10791
10792            geminiButton.addEventListener(
10793                "click",
10794                async function () {
10795
10796                    /*
10797                     * Gemini does not reliably support
10798                     * pre-filling the prompt through
10799                     * ?prompt= in its web application.
10800                     *
10801                     * Therefore:
10802                     * 1. Copy prompt
10803                     * 2. Open Gemini
10804                     * 3. User can paste the prompt
10805                     */
10806
10807                    try {
10808
10809                        await navigator.clipboard.writeText(
10810                            summaryText
10811                        );
10812
10813                    } catch (error) {
10814
10815                        console.log(
10816                            "Could not copy Gemini prompt:",
10817                            error
10818                        );
10819
10820                    }
10821
10822
10823                    window.open(
10824                        "https://gemini.google.com/app",
10825                        "_blank",
10826                        "noopener,noreferrer"
10827                    );
10828
10829                }
10830            );
10831
10832        }
10833
10834
10835        /* =========================================
10836           GOOGLE AI
10837        ========================================= */
10838
10839        const googleAIButton =
10840            document.getElementById(
10841                "google-ai-summary-button"
10842            );
10843
10844        if (googleAIButton) {
10845
10846            googleAIButton.addEventListener(
10847                "click",
10848                function () {
10849
10850                    const url =
10851                        "https://www.google.com/search?udm=50&q=" +
10852                        encodedSummary;
10853
10854                    window.open(
10855                        url,
10856                        "_blank",
10857                        "noopener,noreferrer"
10858                    );
10859
10860                }
10861            );
10862
10863        }
10864
10865
10866        /* =========================================
10867   SCROLL TRIGGER
10868   SHOW AFTER SOME SCROLL
10869   HIDE AFTER FURTHER SCROLL
10870========================================= */
10871
10872const scrollShowTrigger =
10873    window.innerHeight * 1.5;
10874
10875/*
10876 * After this much scrolling,
10877 * the card automatically hides again.
10878 *
10879 * Change 5 to whatever you prefer:
10880 *
10881 * 4 = hide earlier
10882 * 5 = recommended
10883 * 6 = stay visible longer
10884 */
10885const scrollHideTrigger =
10886    window.innerHeight * 5;
10887
10888
10889function checkScroll() {
10890
10891    const scrollPosition = window.scrollY;
10892
10893
10894    /*
10895     * SHOW CARD
10896     * After 1.5 viewport heights
10897     */
10898    if (
10899        scrollPosition >= scrollShowTrigger &&
10900        scrollPosition < scrollHideTrigger
10901    ) {
10902
10903        widget.classList.add(
10904            "scroll-active"
10905        );
10906
10907    }
10908
10909
10910    /*
10911     * HIDE CARD
10912     * After 5 viewport heights
10913     */
10914    else {
10915
10916        widget.classList.remove(
10917            "scroll-active"
10918        );
10919
10920    }
10921
10922}
10923
10924
10925        window.addEventListener(
10926            "scroll",
10927            checkScroll,
10928            {
10929                passive: true
10930            }
10931        );
10932
10933
10934        checkScroll();
10935
10936    }
10937
10938
10939    /* =========================================
10940       INITIALIZE
10941    ========================================= */
10942
10943    if (
10944        document.readyState === "loading"
10945    ) {
10946
10947        document.addEventListener(
10948            "DOMContentLoaded",
10949            initAISummaryWidget
10950        );
10951
10952    } else {
10953
10954        initAISummaryWidget();
10955
10956    }
10957
10958})();
10959
10960</script>
vendor: 2 bytes, line 10960
10960
10961<script type="text/rocketlazyloadscript">
10962(function () {
10963
10964    function updateAIPosition() {
10965
10966        var ai = document.getElementById('ai-summary-widget');
10967
10968        if (!ai) {
10969            return;
10970        }
10971
10972        var banner = document.getElementById('cookiescript_injected');
10973
10974        if (!banner) {
10975            ai.classList.remove('cookie-banner-active');
10976            return;
10977        }
10978
10979        var style = window.getComputedStyle(banner);
10980        var rect = banner.getBoundingClientRect();
10981
10982        var visible =
10983            style.display !== 'none' &&
10984            style.visibility !== 'hidden' &&
10985            rect.height > 0 &&
10986            rect.width > 0;
10987
10988        if (visible) {
10989            ai.classList.add('cookie-banner-active');
10990        } else {
10991            ai.classList.remove('cookie-banner-active');
10992        }
10993    }
10994
10995    /*
10996     * Initial check
10997     */
10998    updateAIPosition();
10999
11000    /*
11001     * Check CookieScript occasionally.
11002     * This does NOT observe the entire page.
11003     */
11004    window.setInterval(updateAIPosition, 2000);
11005
11006    /*
11007     * Recheck after resizing
11008     */
11009    window.addEventListener('resize', updateAIPosition);
11010
11011})();
11012</script>
11012
11013
11014<style>
11015/* Hidden everywhere by default */
11016#ai-summary-widget {
11017    display: none;
11018}
11019
11020/* Immediately visible ONLY on approved pages */
11021body.ai-widget-enabled-page #ai-summary-widget {
11022    display: block;
11023}
11024/* AI Widget */
11025/* =========================================================
11026   AI QUICK SUMMARY WIDGET
11027========================================================= */
11028
11029
11030/* =========================================================
11031   1. MAIN WIDGET
11032========================================================= */
11033
11034#ai-summary-widget {
11035    position: fixed;
11036
11037    left: 14px;
11038    bottom: 20px;
11039
11040    z-index: 999999;
11041
11042    font-family: inherit;
11043
11044    /* Smooth CookieScript position change */
11045    transition: bottom 0.45s ease;
11046	
11047}
11048
11049/* =========================================================
11050   AI OPTION BASE
11051========================================================= */
11052
11053.ai-summary-options .ai-option {
11054    width: 100%;
11055
11056    border: none;
11057
11058    cursor: pointer;
11059
11060    font-family: inherit;
11061
11062    text-align: left;
11063
11064    display: flex;
11065
11066    align-items: center;
11067
11068    box-sizing: border-box;
11069
11070    text-decoration: none;
11071}
11072
11073
11074/* =========================================================
11075   2. FLOATING AI ICON
11076   ALWAYS VISIBLE
11077========================================================= */
11078
11079.ai-summary-icon {
11080    width: 60px;
11081    height: 60px;
11082
11083    border: 0;
11084
11085    border-radius: 50%;
11086
11087    background: #3669d9;
11088
11089    color: #ffffff;
11090
11091    cursor: pointer;
11092
11093    display: flex;
11094
11095    align-items: center;
11096
11097    justify-content: center;
11098
11099    position: relative;
11100
11101    padding: 0;
11102
11103    margin: 0;
11104
11105    overflow: hidden;
11106
11107    box-shadow:
11108        0 8px 25px rgba(0, 0, 0, 0.18);
11109
11110    transition:
11111        transform 0.25s ease,
11112        box-shadow 0.25s ease;
11113}
11114
11115
11116/* Floating icon hover */
11117
11118.ai-summary-icon:hover {
11119    transform: scale(1.05);
11120
11121    box-shadow:
11122        0 10px 30px rgba(0, 0, 0, 0.25);
11123}
11124
11125
11126/* =========================================================
11127   3. FLOATING AI SVG
11128========================================================= */
11129
11130.ask-ai-main-icon {
11131    width: 30px;
11132    height: 30px;
11133
11134    display: block;
11135
11136    object-fit: contain;
11137
11138    pointer-events: none;
11139}
11140
11141
11142/* =========================================================
11143   4. SUMMARY CARD
11144   HIDDEN COMPLETELY BEFORE SCROLL
11145========================================================= */
11146
11147.ai-summary-card {
11148    position: absolute;
11149
11150    left: 0;
11151    bottom: 72px;
11152
11153    width: 296px;
11154
11155    padding: 12px;
11156
11157    box-sizing: border-box;
11158
11159    border-radius: 14px;
11160
11161    border: 1px solid #3669d9;
11162
11163    background: #f0f5ff;
11164
11165    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
11166
11167    /* Hidden by default */
11168    opacity: 0;
11169    visibility: hidden;
11170    pointer-events: none;
11171
11172    transform: translateY(15px) scale(0.97);
11173
11174    /* Smooth open / close */
11175    transition:
11176        opacity 0.35s ease,
11177        transform 0.35s ease,
11178        visibility 0.35s ease;
11179}
11180
11181/* =========================================================
11182   INVISIBLE HOVER BRIDGE
11183   Keeps card open while moving from icon to card
11184========================================================= */
11185
11186.ai-summary-card::after {
11187    content: "";
11188    position: absolute;
11189
11190    left: 0;
11191    right: 0;
11192
11193    bottom: -14px;
11194
11195    height: 14px;
11196
11197    background: transparent;
11198
11199    pointer-events: auto;
11200}
11201
11202
11203/* =========================================================
11204   5. SHOW CARD ONLY AFTER SCROLL
11205========================================================= */
11206
11207#ai-summary-widget.scroll-active .ai-summary-card {
11208    opacity: 1;
11209
11210    visibility: visible;
11211
11212    pointer-events: auto;
11213
11214    transform: translateY(0) scale(1);
11215}
11216
11217/* =========================================================
11218   SHOW CARD ON HOVER
11219   Works even when user is at the top of the page
11220========================================================= */
11221
11222#ai-summary-widget:not(.ai-inner-page):hover .ai-summary-card {
11223    opacity: 1;
11224
11225    visibility: visible;
11226
11227    pointer-events: auto;
11228
11229    transform: translateY(0) scale(1);
11230}
11231
11232
11233/* =========================================================
11234   6. SUMMARY HEADING
11235========================================================= */
11236
11237.ai-summary-heading {
11238    display: flex;
11239
11240    align-items: center;
11241
11242    gap: 12px;
11243
11244
11245}
11246
11247
11248/* =========================================================
11249   7. CARD AI ICON
11250========================================================= */
11251
11252.ai-sparkles {
11253    width: 48px;
11254    height: 48px;
11255
11256    display: flex;
11257
11258    align-items: center;
11259
11260    justify-content: center;
11261
11262    flex-shrink: 0;
11263}
11264
11265
11266.ask-ai-card-icon {
11267    width: 42px;
11268    height: 42px;
11269
11270    display: block;
11271
11272    object-fit: contain;
11273
11274    pointer-events: none;
11275}
11276
11277
11278/* =========================================================
11279   8. SUMMARY TEXT
11280========================================================= */
11281
11282.ai-summary-text {
11283    min-width: 0;
11284}
11285
11286
11287.ai-summary-title {
11288   font-size: 18px;
11289    line-height: 1.2;
11290    font-weight: 500;
11291    color: #222222;
11292    font-family: 'Poppins';
11293}
11294
11295
11296.ai-summary-subtitle {
11297    font-size: 18px;
11298    line-height: 1.2;
11299    font-weight: 500;
11300    color: #222222;
11301    font-family: 'Poppins';
11302}
11303
11304
11305/* =========================================================
11306   9. AI OPTIONS
11307   HIDDEN INITIALLY
11308========================================================= */
11309
11310.ai-summary-options {
11311    display: flex;
11312
11313    flex-direction: column;
11314
11315    gap: 10px;
11316
11317    max-height: 0;
11318
11319    opacity: 0;
11320
11321    visibility: hidden;
11322
11323    overflow: hidden;
11324
11325    pointer-events: none;
11326
11327    transition:
11328        max-height 0.35s ease,
11329        opacity 0.3s ease,
11330        transform 0.3s ease,
11331        visibility 0.3s ease;
11332}
11333
11334
11335/* =========================================================
11336   10. SHOW AI OPTIONS
11337   ONLY AFTER SCROLL + CARD HOVER
11338========================================================= */
11339
11340#ai-summary-widget:not(.ai-inner-page):hover
11341.ai-summary-card
11342.ai-summary-options {
11343	margin-top:15px;
11344    max-height: 300px;
11345   margin-top: 20px;
11346    opacity: 1;
11347
11348    visibility: visible;
11349
11350    pointer-events: auto;
11351
11352    transform: translateY(0);
11353}
11354
11355
11356/* =========================================================
11357   11. AI BUTTONS
11358========================================================= */
11359
11360.ai-option {
11361    height: auto;
11362	padding:8px;
11363
11364    width: 100%;
11365
11366    border-radius: 30px;
11367
11368    display: flex;
11369
11370    align-items: center;
11371
11372    gap: 12px;
11373
11374   
11375
11376    box-sizing: border-box;
11377
11378    color: #ffffff !important;
11379
11380    text-decoration: none !important;
11381
11382    font-size: 17px;
11383
11384    font-weight: 500;
11385
11386    transition:
11387        transform 0.2s ease,
11388        filter 0.2s ease;
11389}
11390
11391
11392/* Button hover */
11393
11394.ai-option:hover {
11395
11396
11397    filter: brightness(1.05);
11398	transform: translateY(-1px);
11399}
11400
11401
11402/* =========================================================
11403   12. CHATGPT
11404========================================================= */
11405
11406.ai-option.chatgpt {
11407    background: #000;
11408}
11409
11410
11411/* =========================================================
11412   13. PERPLEXITY
11413========================================================= */
11414
11415.ai-option.perplexity {
11416    background: #3fa8b8;
11417}
11418
11419
11420/* =========================================================
11421   14. GOOGLE AI
11422========================================================= */
11423
11424.ai-option.google-ai {
11425    background: #4d86e5;
11426}
11427#claude-summary-button {
11428    background-color: #d97757;
11429}
11430#gemini-summary-button {
11431    background-color: #3287fe;
11432}
11433
11434/* =========================================================
11435   15. AI BUTTON ICON
11436========================================================= */
11437
11438.ai-option-icon {
11439    width: 30px;
11440    height: 30px;
11441
11442    display: flex;
11443
11444    align-items: center;
11445
11446    justify-content: center;
11447
11448    flex-shrink: 0;
11449}
11450
11451
11452.ai-option-icon img {
11453    width: 24px;
11454    height: 24px;
11455
11456    display: block;
11457
11458    object-fit: contain;
11459
11460    pointer-events: none;
11461}
11462
11463
11464/* =========================================================
11465   16. MOBILE
11466========================================================= */
11467
11468@media (max-width: 767px) {
11469
11470    #ai-summary-widget {
11471        left: 12px;
11472
11473        bottom: 15px;
11474    }
11475
11476
11477    /* Floating icon */
11478
11479    .ai-summary-icon {
11480        width: 54px;
11481
11482        height: 54px;
11483    }
11484
11485
11486    .ask-ai-main-icon {
11487        width: 28px;
11488
11489        height: 28px;
11490    }
11491
11492
11493    /* Card */
11494
11495    .ai-summary-card {
11496        width: calc(100vw - 24px);
11497
11498        max-width: 340px;
11499
11500        padding: 16px;
11501
11502        border-radius: 20px;
11503    }
11504
11505
11506    /* Heading */
11507
11508    .ai-summary-title,
11509    .ai-summary-subtitle {
11510        font-size: 18px;
11511    }
11512
11513
11514    .ai-sparkles {
11515        width: 42px;
11516
11517        height: 42px;
11518    }
11519
11520
11521    .ask-ai-card-icon {
11522        width: 38px;
11523
11524        height: 38px;
11525    }
11526
11527
11528    /* Buttons */
11529
11530    .ai-option {
11531        height: 52px;
11532
11533        font-size: 16px;
11534    }
11535
11536
11537    .ai-option-icon {
11538        width: 28px;
11539
11540        height: 28px;
11541    }
11542
11543
11544    .ai-option-icon img {
11545        width: 26px;
11546
11547        height: 26px;
11548    }
11549
11550}
11551
11552
11553/* =========================================================
11554   17. SMALL MOBILE
11555========================================================= */
11556
11557@media (max-width: 480px) {
11558
11559    #ai-summary-widget {
11560        left: 10px;
11561
11562        bottom: 12px;
11563    }
11564
11565
11566    /* Card */
11567
11568    .ai-summary-card {
11569        width: calc(100vw - 20px);
11570
11571        max-width: 260px;
11572
11573        padding: 14px;
11574    }
11575
11576
11577    /* Heading */
11578
11579    .ai-summary-title,
11580    .ai-summary-subtitle {
11581        font-size: 17px;
11582    }
11583
11584
11585    .ai-sparkles {
11586        width: 38px;
11587
11588        height: 38px;
11589    }
11590
11591
11592    .ask-ai-card-icon {
11593        width: 34px;
11594
11595        height: 34px;
11596    }
11597
11598
11599    /* Buttons */
11600
11601    .ai-option {
11602        height: 50px;
11603
11604        padding: 8px;
11605
11606        font-size: 15px;
11607    }
11608
11609
11610    .ai-option-icon {
11611        width: 27px;
11612
11613        height: 27px;
11614    }
11615
11616
11617    .ai-option-icon img {
11618        width: 25px;
11619
11620        height: 25px;
11621    }
11622
11623}
11624
11625
11626/* =========================================================
11627   18. INNER / NON-HOMEPAGE
11628   ONLY SHOW SMALL ICON
11629========================================================= */
11630
11631#ai-summary-widget.ai-inner-page .ai-summary-card {
11632    display: none !important;
11633}
11634
11635
11636/* Keep floating icon visible */
11637
11638#ai-summary-widget.ai-inner-page .ai-summary-icon {
11639    display: flex !important;
11640}
11641
11642
11643/* =========================================================
11644   19. PREVENT ICON FROM OPENING CARD
11645========================================================= */
11646
11647#ai-summary-widget.ai-inner-page .ai-summary-icon {
11648    cursor: default;
11649}
11650
11651/* =========================================================
11652   COOKIE BANNER POSITION
11653   Smooth movement when CookieScript appears/disappears
11654========================================================= */
11655
11656#ai-summary-widget.cookie-banner-active {
11657    bottom: 110px !important;
11658}
11659
11660
11661@media (max-width: 767px) {
11662
11663    #ai-summary-widget.cookie-banner-active {
11664        bottom: 105px !important;
11665    }
11666
11667}
11668
11669
11670@media (max-width: 480px) {
11671
11672    #ai-summary-widget.cookie-banner-active {
11673        bottom: 154px !important;
11674    }
11675
11676}
11677/* =========================================================
11678   INITIAL PAGE LOAD PREVIEW
11679   Opens full AI options for 3 seconds only
11680========================================================= */
11681
11682#ai-summary-widget.ai-load-preview .ai-summary-card {
11683    opacity: 1;
11684    visibility: visible;
11685    pointer-events: auto;
11686    transform: translateY(0) scale(1);
11687}
11688
11689#ai-summary-widget.ai-load-preview .ai-summary-options {
11690    margin-top: 20px;
11691    max-height: 300px;
11692    opacity: 1;
11693    visibility: visible;
11694    pointer-events: auto;
11695    transform: translateY(0);
11696}
11697/* =========================================================
11698   INITIAL AI PREVIEW
11699   HOMEPAGE + DESKTOP ONLY
11700   DOES NOT CHANGE NORMAL HOVER BEHAVIOUR
11701========================================================= */
11702
11703@media (min-width: 1025px) {
11704
11705    body.ai-widget-enabled-page
11706    #ai-summary-widget:not(.ai-inner-page)
11707    .ai-summary-card {
11708        animation: aiInitialCardOpen 3s ease;
11709    }
11710
11711    body.ai-widget-enabled-page
11712    #ai-summary-widget:not(.ai-inner-page)
11713    .ai-summary-options {
11714        animation: aiInitialOptionsOpen 3s ease;
11715    }
11716
11717}
11718
11719
11720/* Card opens automatically */
11721@keyframes aiInitialCardOpen {
11722
11723    0%,
11724    85% {
11725        opacity: 1;
11726        visibility: visible;
11727        pointer-events: auto;
11728        transform: translateY(0) scale(1);
11729    }
11730
11731    100% {
11732        opacity: 0;
11733        visibility: hidden;
11734        pointer-events: none;
11735        transform: translateY(15px) scale(0.97);
11736    }
11737
11738}
11739
11740
11741/* AI options open automatically */
11742@keyframes aiInitialOptionsOpen {
11743
11744    0%,
11745    85% {
11746        max-height: 300px;
11747        margin-top: 20px;
11748        opacity: 1;
11749        visibility: visible;
11750        pointer-events: auto;
11751        transform: translateY(0);
11752    }
11753
11754    100% {
11755        max-height: 0;
11756        margin-top: 0;
11757        opacity: 0;
11758        visibility: hidden;
11759        pointer-events: none;
11760        transform: translateY(5px);
11761    }
11762
11763}
11764
11765</style>		</div>
11766				</div>
11767					</div>
11768		</div>
11769							</div>
11770		</section>
11771					</div>
11772		</div>
11773							</div>
11774		</section>
11775						</div>
11776		                        
11777<div  class="clb-popup container-loading custom-popup">
11778    <div  class="close-bar">
11779        <button class="icon-button -light" aria-label="close">
11780            <i class="icon">
11781                <svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path></svg>
11782                <svg class="minimal" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.7552 0.244806C16.0816 0.571215 16.0816 1.10043 15.7552 1.42684L1.42684 15.7552C1.10043 16.0816 0.571215 16.0816 0.244806 15.7552C-0.0816021 15.4288 -0.0816021 14.8996 0.244806 14.5732L14.5732 0.244806C14.8996 -0.0816019 15.4288 -0.0816019 15.7552 0.244806Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15.7552 15.7552C15.4288 16.0816 14.8996 16.0816 14.5732 15.7552L0.244807 1.42684C-0.0816013 1.10043 -0.0816013 0.571215 0.244807 0.244806C0.571215 -0.0816021 1.10043 -0.0816021 1.42684 0.244806L15.7552 14.5732C16.0816 14.8996 16.0816 15.4288 15.7552 15.7552Z"></path></svg>
11783            </i>
11784        </button>
11785    </div>
11786    <div  class="clb-popup-holder"></div>
11787</div>            
11788
11789	<div  class="notification">
11790		<div  class="alert -small -fixed">
11791		    <p class="alert-message -unspace">
11792		    	This website stores cookies on your computer.
11793		    						<a target="_blank" href="https://xtenav.com/cookie-policy/">
11794						Cookie Policy					</a>
11795					    	</p>
11796				        <button class="icon-button -small" aria-label="close">
11797	    		<i class="icon">
11798	    			<svg class="default" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"></path></svg>
11799	    			<svg class="minimal" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.7552 0.244806C16.0816 0.571215 16.0816 1.10043 15.7552 1.42684L1.42684 15.7552C1.10043 16.0816 0.571215 16.0816 0.244806 15.7552C-0.0816021 15.4288 -0.0816021 14.8996 0.244806 14.5732L14.5732 0.244806C14.8996 -0.0816019 15.4288 -0.0816019 15.7552 0.244806Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15.7552 15.7552C15.4288 16.0816 14.8996 16.0816 14.5732 15.7552L0.244807 1.42684C-0.0816013 1.10043 -0.0816013 0.571215 0.244807 0.244806C0.571215 -0.0816021 1.10043 -0.0816021 1.42684 0.244806L15.7552 14.5732C16.0816 14.8996 16.0816 15.4288 15.7552 15.7552Z"></path></svg>
11800	    		</i>
11801			</button>
11802		</div>
11803    </div>
11804
11805            
11806        </div>
11807            <!--
11808The IP2Location Redirection is using IP2Location LITE geolocation database. Please visit https://lite.ip2location.com for more information.
11809c969214762083d8723e0f06752a772c6840a60af
11810-->
11811<style>
11812  .search-page {
11813    margin-top: 50px;
11814  }
11815  .loginmobile {
11816    display: none !important;
11817  }
11818  .freetrialmobile {
11819    display: none !important;
11820  }
11821  .bookademomobile {
11822    display: none !important;
11823  }
11824  .wpem-event-single-image {
11825    padding: 20px;
11826  }
11827  .wpem-event-single-image-wrapper {
11828    margin-top: 0px !important;
11829  }
11830  .single_event_listing {
11831    margin-top: 13% !important ;
11832  }
11833  .wpem-event-single-image-wrapper {
11834    margin-top: 60px;
11835  }
11836  .header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link {
11837    font-weight: 700 !important;
11838    pointer-events: none;
11839  }
11840  .menu-xdraw {
11841    height: 30px !important;
11842    width: 165px;
11843  }
11844  .menu-xdoc {
11845    width: 136px;
11846    height: 45px !important;
11847    margin-top: 4px !important;
11848  }
11849  #nav-menu-item-244601-63ec3b022c69e,
11850  #nav-menu-item-244602-63ec3b65bea7d {
11851    height: 100px;
11852  }
11853  .tabs-nav-line {
11854    width: 187.35px;
11855    overflow-x: clip !important;
11856  }
11857  .tabs-nav {
11858    overflow-x: clip !important;
11859  }
11860  @media only screen and (max-width: 480px) {
11861    .tabs-nav {
11862      overflow-x: clip !important;
11863    }
11864    .tabs-nav-line {
11865      overflow-x: clip !important;
11866    }
11867    .loginmobile {
11868      display: block !important;
11869    }
11870    .freetrialmobile {
11871      display: block !important;
11872    }
11873    .bookademomobile {
11874      display: block !important;
11875    }
11876    .free-trail-btn {
11877      display: none !important;
11878    }
11879    .menu-optional {
11880      display: none !important;
11881    }
11882    .elementor-152818 .elementor-element.elementor-element-14c376e {
11883      margin-left: 20px !important;
11884      margin-right: 20px !important;
11885    }
11886  }
11887  #popmake-254012 {
11888    padding: 0px !important;
11889  }
11890  #popmake-254012 .pum-content > :first-child {
11891    margin-bottom: -16px !important;
11892  }
11893</style>
11894
11895<script type="text/rocketlazyloadscript">
11896$(document).ready(function () {
11897    $(window).on("resize", checkScreenSize);
11898    checkScreenSize();
11899
11900    function checkScreenSize() {
11901        var newWindowWidth = $(window).width();
11902
11903        if (newWindowWidth < 481) {	
11904            const element = document.getElementById("mainvideoelementid");
11905            if (element) {
11906                element.remove();
11907            }
11908
11909            $('.main_menu_content').attr('style', 'font-size: 15px !important; font-weight: 600 !important;');
11910
11911        } else {
11912            console.log('web');
11913            console.log(window.location.href);
11914
11915            if ([
11916                'https://xtenav.com/',
11917                'https://xtenav.com/xdraw/',
11918                'https://xtenav.com/xdoc/',
11919                'https://xtenav.com/x-draw/',
11920                'https://xtenav.com/x-doc/'
11921            ].includes(window.location.href)) {
11922
11923                setTimeout(function() {  
11924                    var brands_slider = document.getElementsByClassName('elementor-image-carousel')[0];
11925                    if (brands_slider && brands_slider.children.length > 23) {
11926                        brands_slider.children[23].style.width = '90px';
11927                        brands_slider.children[23].style.marginLeft = '20px';
11928                    }
11929                }, 2000);
11930            }
11931        }
11932    }
11933});
11934</script>
11934
11935
11936<script type="text/javascript" defer>
11937    _linkedin_partner_id = "597251";
11938    window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
11939    window._linkedin_data_partner_ids.push(_linkedin_partner_id);
11940</script>
11940
11941
11942<script type="text/javascript" defer>
11943    (function(l) {
11944        if (!l) {
11945            window.lintrk = function(a, b) { window.lintrk.q.push([a, b]); };
11946            window.lintrk.q = [];
11947        }
11948        var s = document.getElementsByTagName("script")[0];
11949        var b = document.createElement("script");
11950        b.type = "text/javascript";
11951        b.async = true;
11952        b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
11953        s.parentNode.insertBefore(b, s);
11954    })(window.lintrk);
11955</script>
11955
11956
11957<noscript>
11958	<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=597251&fmt=gif" />
11959</noscript>
11960
11961<script type="text/rocketlazyloadscript">
11962document.addEventListener("DOMContentLoaded", function () {
11963
11964  function getCookie(name) {
11965    return document.cookie
11966      .split("; ")
11967      .find(c => c.startsWith(name + "="))
11968      ?.split("=")[1] || '';
11969  }
11970
11971  function setCookie(name, value) {
11972    if (!value) return;
11973
11974    document.cookie =
11975      `${name}=${value}; path=/; max-age=${30*24*60*60}; Domain=.xtenav.com; SameSite=Lax`;
11976  }
11977
11978  function buildUTMParam(key) {
11979    return `${getCookie("ft_" + key)},${getCookie("lt_" + key)}`;
11980  }
11981
11982  document
11983    .querySelectorAll(
11984    	.querySelectorAll('a[href^="https://app.xtenav.com/register"]')
11985  	)
11986    .forEach(link => {
11987
11988      link.addEventListener("click", function () {
11989
11990        const url = new URL(link.href);
11991
11992        const hasCampaign = url.searchParams.has("utm_campaign");
11993        const hasContent  = url.searchParams.has("utm_content");
11994
11995        /* ---------- UPDATE LAST TOUCH FROM URL ---------- */
11996        if (hasCampaign || hasContent) {
11997
11998          if (hasCampaign) {
11999            setCookie(
12000              "lt_utm_campaign",
12001              url.searchParams.get("utm_campaign")
12002            );
12003          }
12004
12005          if (hasContent) {
12006            setCookie(
12007              "lt_utm_content",
12008              url.searchParams.get("utm_content")
12009            );
12010          }
12011        }
12012
12013        /* ---------- CTA IDENTIFIER ---------- */
12014        const ctaId =
12015          link.id ||
12016          link.getAttribute("data-id") ||
12017          link.className ||
12018          "unknown_cta";
12019
12020        /*
12021         * SAVE CTA ID IN COOKIE
12022         * instead of adding it to register URL
12023         */
12024        setCookie("cta_id", ctaId);
12025
12026        /*
12027         * IMPORTANT:
12028         * Do NOT modify link.href.
12029         *
12030         * Existing tracking cookies continue to work.
12031         * Register URL remains clean.
12032         */
12033
12034      });
12035
12036    });
12037});
12038</script>
12038<div 
12039	id="pum-294722" 
12040	role="dialog" 
12041	aria-modal="false"
12042	class="pum pum-overlay pum-theme-254004 pum-theme-lightbox popmake-overlay click_open" 
12043	data-popmake="{&quot;id&quot;:294722,&quot;slug&quot;:&quot;are-you-an-engineer-or-an-admin&quot;,&quot;theme_id&quot;:254004,&quot;cookies&quot;:[],&quot;triggers&quot;:[{&quot;type&quot;:&quot;click_open&quot;,&quot;settings&quot;:{&quot;extra_selectors&quot;:&quot;&quot;,&quot;cookie_name&quot;:null}}],&quot;mobile_disabled&quot;:null,&quot;tablet_disabled&quot;:null,&quot;meta&quot;:{&quot;display&quot;:{&quot;stackable&quot;:false,&quot;overlay_disabled&quot;:false,&quot;scrollable_content&quot;:false,&quot;disable_reposition&quot;:false,&quot;size&quot;:&quot;auto&quot;,&quot;responsive_min_width&quot;:&quot;%&quot;,&quot;responsive_min_width_unit&quot;:false,&quot;responsive_max_width&quot;:&quot;90%&quot;,&quot;responsive_max_width_unit&quot;:false,&quot;custom_width&quot;:&quot;650px&quot;,&quot;custom_width_unit&quot;:false,&quot;custom_height&quot;:&quot;415px&quot;,&quot;custom_height_unit&quot;:false,&quot;custom_height_auto&quot;:false,&quot;location&quot;:&quot;center&quot;,&quot;position_from_trigger&quot;:false,&quot;position_top&quot;:&quot;100&quot;,&quot;position_left&quot;:&quot;0&quot;,&quot;position_bottom&quot;:&quot;0&quot;,&quot;position_right&quot;:&quot;0&quot;,&quot;position_fixed&quot;:false,&quot;animation_type&quot;:&quot;fade&quot;,&quot;animation_speed&quot;:&quot;350&quot;,&quot;animation_origin&quot;:&quot;center top&quot;,&quot;overlay_zindex&quot;:false,&quot;zindex&quot;:&quot;1999999999&quot;},&quot;close&quot;:{&quot;text&quot;:&quot;&quot;,&quot;button_delay&quot;:&quot;0&quot;,&quot;overlay_click&quot;:false,&quot;esc_press&quot;:false,&quot;f4_press&quot;:false},&quot;click_open&quot;:[]}}">
12044
12045	<div  id="popmake-294722" class="pum-container popmake theme-254004">
12046
12047				
12048				
12049		
12050				<div  class="pum-content popmake-content" tabindex="0">
12051			<p><a href="https://us02web.zoom.us/webinar/register/3717893702043/WN_Lc2fGgyGRWulZaEcO34JRg?utm_source=website&amp;utm_medium=homepage&amp;utm_campaign=14octruanengnrwebnr&amp;utm_term=14octruanengnrwebnr&amp;utm_content=popup#/registration" target="_blank" rel="noopener"> <img width="13333" height="7000" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013333%207000'%3E%3C/svg%3E" alt="event" data-lazy-src="https://xtenav.com/wp-content/uploads/2026/09/WEBINAR-BANNER-popup-IMG.webp" /><noscript><img width="13333" height="7000" decoding="async" src="https://xtenav.com/wp-content/uploads/2026/09/WEBINAR-BANNER-popup-IMG.webp" alt="event" /></noscript><br />
12052</a></p>
12053		</div>
12054
12055				
12056							<button type="button" class="pum-close popmake-close" aria-label="Close">
12057			×			</button>
12058		
12059	</div>
12060
12061</div>
12062<!-- Instagram Feed JS -->
12063<script type="text/javascript">
12064var sbiajaxurl = "https://xtenav.com/wp-admin/admin-ajax.php";
12065</script>
12065
12066<link data-minify="1" rel='stylesheet' id='fontawesome-font-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/themes/ohio/assets/fonts/fa/css/fontawesome.min.css?ver=1790853475' type='text/css' media='all' />
12067<link data-minify="1" rel='stylesheet' id='ionicons-font-css' href='https://xtenav.com/wp-content/cache/min/1/wp-content/themes/ohio/assets/fonts/ionicons/css/ionicons.min.css?ver=1790853475' type='text/css' media='all' />
12068
12069<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/mystickymenu/js/morphext/morphext.min.js?ver=2.8.3" id="morphext-js-js" defer="defer" data-wp-strategy="defer"></script>
vendor: 1 bytes, line 12069
12069
12070<script type="text/javascript" id="welcomebar-frontjs-js-extra">
12071/* <![CDATA[ */
12072var welcomebar_frontjs = {"ajaxurl":"https:\/\/xtenav.com\/wp-admin\/admin-ajax.php","days":"Days","hours":"Hours","minutes":"Minutes","seconds":"Seconds","ajax_nonce":"1a6027cc09"};
12073/* ]]> */
12074</script>
vendor: 1 bytes, line 12074
12074
12075<script data-minify="1" type="text/javascript" src="https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/mystickymenu/js/welcomebar-front.js?ver=1790853476" id="welcomebar-frontjs-js" defer="defer" data-wp-strategy="defer"></script>
vendor: 1 bytes, line 12075
12075
12076<script type="text/javascript" id="crisp-js-before">
12077/* <![CDATA[ */
12078    window.$crisp=[];
12079    if (!window.CRISP_RUNTIME_CONFIG) {
12080      window.CRISP_RUNTIME_CONFIG = {}
12081    }
12082
12083    if (!window.CRISP_RUNTIME_CONFIG.locale) {
12084      window.CRISP_RUNTIME_CONFIG.locale = 'en-us'
12085    }
12086
12087    CRISP_WEBSITE_ID = '622c4e0c-8d8a-4ccc-a152-2f83cbcae60d';
12088/* ]]> */
12089</script>
vendor: 1 bytes, line 12089
12089
12090<script data-minify="1" type="text/javascript"  async src="https://xtenav.com/wp-content/cache/min/1/l.js?ver=1790853476" id="crisp-js"></script>
vendor: 1 bytes, line 12090
12090
12091<script type="text/javascript" id="rocket-browser-checker-js-after">
12092/* <![CDATA[ */
12093"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
12094/* ]]> */
12095</script>
vendor: 1 bytes, line 12095
12095
12096<script type="text/javascript" id="rocket-preload-links-js-extra">
12097/* <![CDATA[ */
12098var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/xtenav.com","onHoverDelay":"100","rateThrottle":"3"};
12099/* ]]> */
12100</script>
vendor: 1 bytes, line 12100
12100
12101<script type="text/javascript" id="rocket-preload-links-js-after">
12102/* <![CDATA[ */
12103(function() {
12104"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
12105}());
12106/* ]]> */
12107</script>
vendor: 1 bytes, line 12107
12107
12108<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/libs/jquery.event.move.min.js?ver=1.0.0" id="jquery-event-move-js"></script>
vendor: 1 bytes, line 12108
12108
12109<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/libs/jquery.compare.min.js?ver=1.0.0" id="jquery-twentytwenty-js"></script>
vendor: 1 bytes, line 12109
12109
12110<script type="text/javascript" src="https://xtenav.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
vendor: 1 bytes, line 12110
12110
12111<script type="text/javascript" src="https://xtenav.com/wp-includes/js/masonry.min.js?ver=4.2.2" id="masonry-js"></script>
vendor: 1 bytes, line 12111
12111
12112<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/libs/isotope.pkgd.min.js?ver=6.4.3" id="isotope-js"></script>
vendor: 1 bytes, line 12112
12112
12113<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/libs/aos.min.js?ver=6.4.3" id="aos-js"></script>
vendor: 1 bytes, line 12113
12113
12114<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/libs/typed.min.js?ver=1.0.0" id="typed-js"></script>
vendor: 1 bytes, line 12114
12114
12115<script type="text/javascript" src="https://xtenav.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script>
vendor: 1 bytes, line 12115
12115
12116<script type="text/javascript" id="popup-maker-site-js-extra">
12117/* <![CDATA[ */
12118var pum_vars = {"version":"1.20.4","pm_dir_url":"https:\/\/xtenav.com\/wp-content\/plugins\/popup-maker\/","ajaxurl":"https:\/\/xtenav.com\/wp-admin\/admin-ajax.php","restapi":"https:\/\/xtenav.com\/wp-json\/pum\/v1","rest_nonce":null,"default_theme":"254003","debug_mode":"","disable_tracking":"","home_url":"\/","message_position":"top","core_sub_forms_enabled":"1","popups":[],"cookie_domain":"","analytics_route":"analytics","analytics_api":"https:\/\/xtenav.com\/wp-json\/pum\/v1"};
12119var pum_sub_vars = {"ajaxurl":"https:\/\/xtenav.com\/wp-admin\/admin-ajax.php","message_position":"top"};
12120var pum_popups = {"pum-294722":{"triggers":[],"cookies":[],"disable_on_mobile":false,"disable_on_tablet":false,"atc_promotion":null,"explain":null,"type_section":null,"theme_id":"254004","size":"auto","responsive_min_width":"%","responsive_max_width":"90%","custom_width":"650px","custom_height_auto":false,"custom_height":"415px","scrollable_content":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","open_sound":"none","custom_sound":"","location":"center","position_top":"100","position_bottom":"0","position_left":"0","position_right":"0","position_from_trigger":false,"position_fixed":false,"overlay_disabled":false,"stackable":false,"disable_reposition":false,"zindex":"1999999999","close_button_delay":"0","fi_promotion":null,"close_on_form_submission":false,"close_on_form_submission_delay":"0","close_on_overlay_click":false,"close_on_esc_press":false,"close_on_f4_press":false,"disable_form_reopen":false,"disable_accessibility":false,"theme_slug":"lightbox","id":294722,"slug":"are-you-an-engineer-or-an-admin"}};
12121/* ]]> */
12122</script>
vendor: 1 bytes, line 12122
12122
12123<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/popup-maker/assets/js/site.min.js?defer&amp;ver=1.20.4" id="popup-maker-site-js"></script>
vendor: 1 bytes, line 12123
12123
12124<script type="text/javascript" id="eael-general-js-extra">
12125/* <![CDATA[ */
12126var localize = {"ajaxurl":"https:\/\/xtenav.com\/wp-admin\/admin-ajax.php","nonce":"bee0af7ed1","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping"},"page_permalink":"https:\/\/xtenav.com\/","cart_redirectition":"no","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}};
12127/* ]]> */
12128</script>
vendor: 1 bytes, line 12128
12128
12129<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=5.5.3" id="eael-general-js"></script>
vendor: 1 bytes, line 12129
12129
12130<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor/assets/lib/jquery-numerator/jquery-numerator.min.js?ver=0.2.1" id="jquery-numerator-js"></script>
vendor: 1 bytes, line 12130
12130
12131<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.10.0" id="elementor-webpack-runtime-js"></script>
vendor: 1 bytes, line 12131
12131
12132<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.10.0" id="elementor-frontend-modules-js"></script>
vendor: 1 bytes, line 12132
12132
12133<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script>
vendor: 1 bytes, line 12133
12133
12134<script type="text/javascript" id="elementor-frontend-js-before">
12135/* <![CDATA[ */
12136var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.10.0","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"a11y_improvements":true,"additional_custom_breakpoints":true,"e_hidden_wordpress_widgets":true,"theme_builder_v2":true,"landing-pages":true,"kit-elements-defaults":true,"page-transitions":true,"notes":true,"loop":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/xtenav.com\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":276511,"title":"XTEN-AV%3A%20AI%20Tool%20for%20AV%20Design%2C%20Proposal%20%26%20Project%20Management","excerpt":"","featuredImage":false}};
12137/* ]]> */
12138</script>
vendor: 1 bytes, line 12138
12138
12139<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.10.0" id="elementor-frontend-js"></script>
vendor: 1 bytes, line 12139
12139
12140<script data-minify="1" type="text/javascript" src="https://xtenav.com/wp-content/cache/min/1/wp-content/plugins/ohio-extra/elementor/widgets/counter/handler.js?ver=1790853476" id="ohio-elementor-counter-widget-js"></script>
vendor: 1 bytes, line 12140
12140
12141<script type="text/javascript" src="https://xtenav.com/wp-includes/js/jquery/jquery.masonry.min.js?ver=3.1.2b" id="jquery-masonry-js"></script>
vendor: 1 bytes, line 12141
12141
12142<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/jquery.clb-slider.min.js?ver=6.4.3" id="ohio-slider-js"></script>
vendor: 1 bytes, line 12142
12142
12143<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/libs/jquery.mega-menu.min.js?ver=6.4.3" id="jquery-mega-menu-js"></script>
vendor: 1 bytes, line 12143
12143
12144<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/libs/jquery.tilt.min.js?ver=6.4.3" id="tilt-effect-js"></script>
vendor: 1 bytes, line 12144
12144
12145<script type="text/javascript" id="ohio-main-js-extra">
12146/* <![CDATA[ */
12147var ohioVariables = {"url":"https:\/\/xtenav.com\/wp-admin\/admin-ajax.php","view_cart":"View Cart","add_to_cart_message":"has been added to the cart","subscribe_popup_enable":"","notification_enable":"1","notification_expires":"360"};
12148/* ]]> */
12149</script>
vendor: 1 bytes, line 12149
12149
12150<script type="text/javascript" src="https://xtenav.com/wp-content/themes/ohio/assets/js/main.min.js?ver=3.1.2" id="ohio-main-js"></script>
vendor: 1 bytes, line 12150
12150
12151<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.10.1" id="elementor-pro-webpack-runtime-js"></script>
vendor: 1 bytes, line 12151
12151
12152<script type="text/javascript" src="https://xtenav.com/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script>
vendor: 1 bytes, line 12152
12152
12153<script type="text/javascript" src="https://xtenav.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script>
vendor: 1 bytes, line 12153
12153
12154<script type="text/javascript" src="https://xtenav.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
vendor: 1 bytes, line 12154
12154
12155<script type="text/javascript" src="https://xtenav.com/wp-includes/js/dist/hooks.min.js?ver=c6aec9a8d4e5a5d543a1" id="wp-hooks-js"></script>
vendor: 1 bytes, line 12155
12155
12156<script type="text/javascript" src="https://xtenav.com/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef" id="wp-i18n-js"></script>
vendor: 1 bytes, line 12156
12156
12157<script type="text/javascript" id="wp-i18n-js-after">
12158/* <![CDATA[ */
12159wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
12160/* ]]> */
12161</script>
vendor: 1 bytes, line 12161
12161
12162<script type="text/javascript" id="elementor-pro-frontend-js-before">
12163/* <![CDATA[ */
12164var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/xtenav.com\/wp-admin\/admin-ajax.php","nonce":"d70dc61457","urls":{"assets":"https:\/\/xtenav.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/xtenav.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/xtenav.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
12165/* ]]> */
12166</script>
vendor: 1 bytes, line 12166
12166
12167<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.10.1" id="elementor-pro-frontend-js"></script>
vendor: 1 bytes, line 12167
12167
12168<script type="text/javascript" src="https://xtenav.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.10.1" id="pro-elements-handlers-js"></script>
vendor: 1 bytes, line 12168
12168
12169<script type="text/javascript">
12170window.addEventListener("load", function(event) {
12171jQuery(".cfx_form_main,.wpcf7-form,.wpforms-form,.gform_wrapper form").each(function(){
12172var form=jQuery(this); 
12173var screen_width=""; var screen_height="";
12174 if(screen_width == ""){
12175 if(screen){
12176   screen_width=screen.width;  
12177 }else{
12178     screen_width=jQuery(window).width();
12179 }    }  
12180  if(screen_height == ""){
12181 if(screen){
12182   screen_height=screen.height;  
12183 }else{
12184     screen_height=jQuery(window).height();
12185 }    }
12186form.append('<input type="hidden" name="vx_width" value="'+screen_width+'">');
12187form.append('<input type="hidden" name="vx_height" value="'+screen_height+'">');
12188form.append('<input type="hidden" name="vx_url" value="'+window.location.href+'">');  
12189}); 
12190
12191});
12192</script>
12192 
12193<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
12194if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
12195images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
12196if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script>
12196<script data-no-minify="1" async src="https://xtenav.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
12196<script>function lazyLoadThumb(e,alt,l){var t='<img data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<button class="play" aria-label="Play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[".logo-mobile","https:\/\/xtenav.com\/wp-content\/uploads\/2023\/03\/Header-icon_2-1.webp"];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script>
12196    
12196<script>(()=>{class RocketElementorPreload{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}t(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this.i(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this.o(t)}catch(t){}})}o(t){const e=JSON.parse(t.dataset.settings),i=e.m||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let o=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this.l(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(o)})}i(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}l(t,e){this.i().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorPreload;requestAnimationFrame(t.t.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorPreload.run)})();</script>
12196</body>
12197</html>
12198<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1790934023 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.