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 & 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='all'" 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 & 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 & Project Management" /> 37 <meta property="og:description" content="XTEN-AV, an AI-powered AV software that automates audio visual design, proposals & 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 » Feed" href="https://xtenav.com/feed/" /> 52<link rel="alternate" type="application/rss+xml" title="XTEN-AV » 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&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="{"stretch_section":"section-stretched"}"> 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®istration_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®istration_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="{"stretch_section":"section-stretched"}"> 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&loop=true&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 & 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 & 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="{"background_background":"classic"}"> 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="{"stretch_section":"section-stretched","background_background":"classic","animation":"none","animation_delay":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="{"animation":"none","animation_delay":400,"stretch_section":"section-stretched","background_background":"classic"}"> 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="{"background_background":"classic"}"> 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="{"stretch_section":"section-stretched","background_background":"classic"}"> 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="{"background_background":"classic","animation":"none","animation_delay":400,"stretch_section":"section-stretched"}"> 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="{"_position":"absolute"}" 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&start=0&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="{"stretch_section":"section-stretched","animation":"none","animation_delay":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="{"stretch_section":"section-stretched","background_background":"classic"}"> 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 & 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 & 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="{"id":294722,"slug":"are-you-an-engineer-or-an-admin","theme_id":254004,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie_name":null}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"stackable":false,"overlay_disabled":false,"scrollable_content":false,"disable_reposition":false,"size":"auto","responsive_min_width":"%","responsive_min_width_unit":false,"responsive_max_width":"90%","responsive_max_width_unit":false,"custom_width":"650px","custom_width_unit":false,"custom_height":"415px","custom_height_unit":false,"custom_height_auto":false,"location":"center","position_from_trigger":false,"position_top":"100","position_left":"0","position_bottom":"0","position_right":"0","position_fixed":false,"animation_type":"fade","animation_speed":"350","animation_origin":"center top","overlay_zindex":false,"zindex":"1999999999"},"close":{"text":"","button_delay":"0","overlay_click":false,"esc_press":false,"f4_press":false},"click_open":[]}}"> 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&utm_medium=homepage&utm_campaign=14octruanengnrwebnr&utm_term=14octruanengnrwebnr&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&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.