Digital Design Agency a Treviso

<!DOCTYPE html> <html class="no-js" lang="it-IT"> <head> <script> document.documentElement.className = document.documentElement.className.replace("no-js", "js"); </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="profile" href="https://gmpg.org/xfn/11"> <script type="text/javascript" src="//embeds.iubenda.com/widgets/7260d9aa-5e55-44b9-b45b-92b209f1209d.js"></script>  <script> function{ !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1964590304143804'); fbq('track', 'PageView'); } </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1964590304143804&ev=PageView&noscript=1" /></noscript>  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" hreflang="it" href="https://key-we.it/" /> <link rel="alternate" hreflang="x-default" href="https://key-we.it/" />  <title>Digital Design Agency a Treviso - KeyWe</title> <meta name="description" content="Siamo un’agenzia creativa di comunicazione digitale. Il design è la nostra vocazione, la tecnologia è il nostro strumento." /> <link rel="canonical" href="https://key-we.it/" /> <meta property="og:locale" content="it_IT" /> <meta property="og:type" content="website" /> <meta property="og:title" content="KeyWe - Strategic minds. Digital Design Agency" /> <meta property="og:description" content="Siamo un’agenzia creativa di comunicazione digitale. Il design è la nostra vocazione, la tecnologia è il nostro strumento." /> <meta property="og:url" content="https://key-we.it/" /> <meta property="og:site_name" content="KeyWe" /> <meta property="article:modified_time" content="2025-03-28T13:01:20+00:00" /> <meta property="og:image" content="https://key-we.it/wp-content/uploads/2024/12/home-natale-keywe.jpg" /> <meta property="og:image:width" content="1366" /> <meta property="og:image:height" content="768" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://key-we.it/","url":"https://key-we.it/","name":"Digital Design Agency a Treviso - KeyWe","isPartOf":{"@id":"https://key-we.it/#website"},"about":{"@id":"https://key-we.it/#organization"},"datePublished":"2023-11-02T07:11:46+00:00","dateModified":"2025-03-28T13:01:20+00:00","description":"Siamo un’agenzia creativa di comunicazione digitale. Il design è la nostra vocazione, la tecnologia è il nostro strumento.","breadcrumb":{"@id":"https://key-we.it/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https://key-we.it/"]}]},{"@type":"BreadcrumbList","@id":"https://key-we.it/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage"}]},{"@type":"WebSite","@id":"https://key-we.it/#website","url":"https://key-we.it/","name":"KeyWe","description":"","publisher":{"@id":"https://key-we.it/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://key-we.it/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https://key-we.it/#organization","name":"KeyWe srl","alternateName":"KeyWe - Digital Design Agency","url":"https://key-we.it/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https://key-we.it/#/schema/logo/image/","url":"https://key-we.it/wp-content/uploads/2023/11/logo.svg","contentUrl":"https://key-we.it/wp-content/uploads/2023/11/logo.svg","width":224,"height":90,"caption":"KeyWe srl"},"image":{"@id":"https://key-we.it/#/schema/logo/image/"}}]}</script>  <link rel='dns-prefetch' href='//www.google.com' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/key-we.it\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://key-we.it/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='mpp_gutenberg-css' href='https://key-we.it/wp-content/plugins/metronet-profile-picture/dist/blocks.style.build.css?ver=2.6.3' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .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} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--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--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,0,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: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--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-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){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;}.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;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cms-navigation-style-base-css' href='https://key-we.it/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation-base.css?ver=1.5.5' type='text/css' media='screen' /> <link rel='stylesheet' id='cms-navigation-style-css' href='https://key-we.it/wp-content/plugins/wpml-cms-nav/res/css/cms-navigation.css?ver=1.5.5' type='text/css' media='screen' /> <link rel='stylesheet' id='tailwind-css' href='https://key-we.it/wp-content/themes/keywe2/dist/css/tailwind.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='app-css' href='https://key-we.it/wp-content/themes/keywe2/dist/css/app.css?ver=1.0.0' type='text/css' media='all' /> <script type="text/javascript" id="wpml-cookie-js-extra"> /* <![CDATA[ */ var wpml_cookies = {"wp-wpml_current_language":{"value":"it","expires":1,"path":"\/"}}; var wpml_cookies = {"wp-wpml_current_language":{"value":"it","expires":1,"path":"\/"}}; /* ]]> */ </script> <script type="text/javascript" src="https://key-we.it/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=473900" id="wpml-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://key-we.it/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://key-we.it/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://key-we.it/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://key-we.it/wp-json/wp/v2/pages/9" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://key-we.it/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel='shortlink' href='https://key-we.it/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://key-we.it/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkey-we.it%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://key-we.it/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkey-we.it%2F&format=xml" /> <meta name="generator" content="WPML ver:4.7.3 stt:27;" />  <script type="text/javascript"> jQuery(document).ready(function() { GreenAudioPlayer.init({ selector: '.gap-example', // inits Green Audio Player on each audio container that has class "player" stopOthersOnPlay: true, showDownloadButton: false }); jQuery('a#audio_close').click(function() { jQuery('.container_audio').fadeOut(600); jQuery('.audio .text-cta .show').show(0); jQuery('.audio .text-cta .showing').hide(0); jQuery('.green-audio-player').find('.play-pause-btn').trigger('click'); return false; }); jQuery('a#audio').click(function() { jQuery('.container_audio').fadeIn(600); jQuery('.audio .text-cta .showing').show(0); jQuery('.audio .text-cta .show').hide(0); jQuery('.green-audio-player').find('.play-pause-btn').trigger('click'); return false; }); }); </script>   <style type="text/css"> body { margin: 0; } .audio .text-cta .show {display:block;} .audio .text-cta .showing {display:none;} .container_audio { position:fixed; bottom:0; height:200px; right:auto; left:auto; margin: auto; width: 100%; display:none; z-index:100; } .audio_box { display: flex; flex-direction: column; align-items: end; padding: 2rem; max-width: 1834px; margin:auto; position:relative; } .audio_close { position: absolute; top: 2rem; z-index: 100; right: 10px; } .green-audio-player { border-radius:25px !important; padding-left: 10px !important; padding-right: 10px !important; box-shadow: 0 4px 16px 0 rgba(0,0,0,.27) !important; } .green-audio-player .play-pause-btn { cursor: pointer; background: #000; border-radius: 25px; height: 40px; width: 40px; display:flex; } .green-audio-player .play-pause-btn svg { margin:auto; height:18px; } .green-audio-player .volume .volume__button svg { width: 18px; } .green-audio-player .volume .volume__button svg path { fill:#000 !important; } .green-audio-player .play-pause-btn svg path { fill:#fff !important; } .green-audio-player .slider .gap-progress .pin { background-color: #008999 !important; height: 11px !important; width: 11px !important; } .green-audio-player .controls { font-size:11px !important; } .green-audio-player .controls .controls__slider .controls__progress .progress__pin { top: -4px !important; } .green-audio-player .slider .gap-progress { background-color: #008999 !important; } .green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin { left: -3.5px !important; } .green-audio-player .volume .volume__controls { background-color: rgba(255,255,255,1) !important; } .green-audio-player .volume .volume__controls.top, .green-audio-player .volume .volume__controls.bottom { bottom: 52px !important; left: -3px !important; } @media screen and (max-width: 767px) { .link_mobile_news a, .link_mobile_news button { margin-bottom:10px; } .green-audio-player { width:100%; max-width:100%; } .container_audio { height:120px; } } @media screen and (orientation:portrait) and (max-width: 1024px) { .audio_box { align-items:center; max-width: 470px; } .container_audio { height:120px; } }</style>   <style type="text/css"> /* Add your CSS code here. For example: .example { color: red; } For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp End of comment */ .sub-menu { display:none; } .paragraph-black-single-news blockquote { font-style: italic !important; font-weight: 400 !important; font-family: ivymode,sans-serif; } @media screen and (max-width: 767px) { .single .container .items-center {align-items:start !important;} .single .container .items-center.rounded-full {align-items:center !important;} }</style>  <link rel="icon" href="https://key-we.it/wp-content/uploads/2023/11/cropped-KW-Favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://key-we.it/wp-content/uploads/2023/11/cropped-KW-Favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://key-we.it/wp-content/uploads/2023/11/cropped-KW-Favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://key-we.it/wp-content/uploads/2023/11/cropped-KW-Favicon-270x270.png" /> </head> <body class="home page-template-default page page-id-9 wp-custom-logo min-h-screen flex flex-col font-sans text-black " x-data="{ hamburger: false, hamburgerMob: false, videoentrata: window.location.pathname === '/' || window.location.pathname === '/index.php' }" :class="{ }"> <header id="header" class="z-[100] lg:!absolute absolute top-0 left-0 right-0 bg-white headerClass transition-all duration-500" role="banner" :class="{'!bg-transparent !fixed' : hamburgerMob}"> <div class="container flex items-center lg:py-8 py-4 !overflow-x-hidden" :class="{'!py-0' : hamburgerMob}"> <div class="block" :class="{'hidden' : hamburgerMob}"> <h1 class="logo-home-custom-white"> <img src="https://key-we.it/wp-content/themes/keywe2/dist/img/logo-white.svg"> </h1> <h1 class="hidden logo-home-custom-black"> <img src="https://key-we.it/wp-content/themes/keywe2/dist/img/logo-sticky.svg"> </h1> </div> <div class="hidden pt-4" :class="{'!block' : hamburgerMob}"> <a href="https://key-we.it"> <h1 class="logo-home-custom-white"> <img class="h-[4.25rem]" src="https://key-we.it/wp-content/themes/keywe2/dist/img/logo-white.svg"> </h1> </a> </div> <div class="ml-auto menu-dsk animate-cta-home animate-cta lg:block hidden" :class="hamburger ? 'menu-open' : ''"> <div class="w-full h-full flex items-center"><ul id="desktop-main-menu" class="main-menu flex uppercase xl:space-x-[2.44rem] space-x-5"><li id="menu-item-1150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1150 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Chi siamo" href="https://key-we.it/chi-siamo/" class="text-links"><span>Chi siamo</span></a></li> <li id="menu-item-1151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1151 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Cosa facciamo" href="https://key-we.it/cosa-facciamo/" class="text-links"><span>Cosa facciamo</span></a> <ul class="sub-menu"> <li id="menu-item-2308" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2308 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/agenzia-per-eventi-digital-phygital/" class="text-links"><span>Agenzia per eventi Digital e Phygital</span></a></li> <li id="menu-item-2309" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2309 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/digital-design-agency-per-web-prodotti-showroom/" class="text-links"><span>Design Agency per Progetti Digital Creativi</span></a></li> <li id="menu-item-2310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2310 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/virtual-tour-agency-realizzazione-progettazione-3d/" class="text-links"><span>Agenzia specializzata nella realizzazione di tour virtuali</span></a></li> <li id="menu-item-2311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2311 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/agenzia-comunicazione-digital-marketing-strategico/" class="text-links"><span>Agenzia di marketing strategico</span></a></li> <li id="menu-item-2312" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2312 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/realta-virtuale-aumentata-e-mixed-reality-per-aziende/" class="text-links"><span>Realtà Virtuale, Aumentata e Mixed Reality per Aziende</span></a></li> <li id="menu-item-2317" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2317 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/agenzia-gamification/" class="text-links"><span>Agenzia Gamification</span></a></li> </ul> </li> <li id="menu-item-1149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1149 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Clienti" href="https://key-we.it/clienti/" class="text-links"><span>Clienti</span></a></li> <li id="menu-item-1153" class="menu-item menu-item-type-post_type_archive menu-item-object-novita menu-item-1153 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Novità" href="https://key-we.it/novita/" class="text-links"><span>Novità</span></a></li> <li id="menu-item-106" class="menu-item menu-item-type-post_type_archive menu-item-object-progetti menu-item-106 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Progetti" href="https://key-we.it/progetti/" class="text-links"><span>Progetti</span></a></li> <li id="menu-item-1152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1152 p-button .text-animate-links h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Contatti" href="https://key-we.it/contatti/" class="text-links"><span>Contatti</span></a></li> </ul></div> </div> <div class="ml-auto lg:ml-[7.5rem] z-20 animate-cta-home animate-cta relative" :class="{'!pt-4' : hamburgerMob}"> <div class="absolute right-0 top-1/2 -translate-y-1/2"> <button class="hamburger py-3 hidden lg:flex" type="button" :class="hamburger ? 'is-active' : ''" @click="hamburger = !hamburger"> <span></span> <span></span> </button> </div> <button class="hamburgerMob py-3 lg:hidden flex" type="button" :class="hamburgerMob ? 'is-active' : ''" @click="hamburgerMob = !hamburgerMob"> <span></span> <span></span> </button> </div> </div>    </header> <div id="header-white" class="z-[100] fixed top-0 -translate-y-full left-0 right-0 bg-white headerClass transition-all duration-500" role="banner" :class="{'!hidden' : hamburgerMob}"> <div class="container flex items-center lg:py-8 py-4 " :class="{'!py-0' : hamburgerMob}"> <div class="block" :class="{'hidden' : hamburgerMob}"> <a href="https://key-we.it"> <h1 class="logo-home-custom-black"> <img src="https://key-we.it/wp-content/themes/keywe2/dist/img/logo-sticky.svg"> </h1> </a> </div> <div class="hidden pt-4" :class="{'!block' : hamburgerMob}"> <a href="https://key-we.it"> <h1 class="logo-home-custom-white"> <img class="h-[4.25rem]" src="https://key-we.it/wp-content/themes/keywe2/dist/img/logo-white.svg"> </h1> </a> </div> <div class="ml-auto menu-dsk animate-cta-home animate-cta lg:block hidden" :class="hamburger ? 'menu-open' : ''"> <div class="w-full h-full flex items-center"><ul id="desktop-main-menu" class="main-menu flex uppercase xl:space-x-[2.44rem] space-x-5"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1150 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Chi siamo" href="https://key-we.it/chi-siamo/" class="text-links"><span>Chi siamo</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1151 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Cosa facciamo" href="https://key-we.it/cosa-facciamo/" class="text-links"><span>Cosa facciamo</span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2308 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/agenzia-per-eventi-digital-phygital/" class="text-links"><span>Agenzia per eventi Digital e Phygital</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2309 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/digital-design-agency-per-web-prodotti-showroom/" class="text-links"><span>Design Agency per Progetti Digital Creativi</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2310 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/virtual-tour-agency-realizzazione-progettazione-3d/" class="text-links"><span>Agenzia specializzata nella realizzazione di tour virtuali</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2311 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/agenzia-comunicazione-digital-marketing-strategico/" class="text-links"><span>Agenzia di marketing strategico</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2312 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/realta-virtuale-aumentata-e-mixed-reality-per-aziende/" class="text-links"><span>Realtà Virtuale, Aumentata e Mixed Reality per Aziende</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2317 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="" href="https://key-we.it/agenzia-gamification/" class="text-links"><span>Agenzia Gamification</span></a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1149 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Clienti" href="https://key-we.it/clienti/" class="text-links"><span>Clienti</span></a></li> <li class="menu-item menu-item-type-post_type_archive menu-item-object-novita menu-item-1153 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Novità" href="https://key-we.it/novita/" class="text-links"><span>Novità</span></a></li> <li class="menu-item menu-item-type-post_type_archive menu-item-object-progetti menu-item-106 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Progetti" href="https://key-we.it/progetti/" class="text-links"><span>Progetti</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1152 p-button h-10 flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Contatti" href="https://key-we.it/contatti/" class="text-links"><span>Contatti</span></a></li> </ul></div> </div> <div class="ml-auto xl:ml-[4.88rem] lg:ml-12 z-20 animate-cta-home animate-cta" :class="{'!pt-4' : hamburgerMob}"> <button class="hamburger py-3 hidden lg:flex" type="button" :class="hamburger ? 'is-active' : ''" @click="hamburger = !hamburger"> <span></span> <span></span> </button> <button class="hamburgerMob py-3 lg:hidden flex" type="button" :class="hamburgerMob ? 'is-active' : ''" @click="hamburgerMob = !hamburgerMob"> <span></span> <span></span> </button> </div> </div> </div>  <div :class="hamburgerMob ? 'hamburger-mobile-active' : 'invisible opacity-0 hidden'" data-lenis-prevent x-cloak @click="hamburgerMob = true" class="lg:hidden block fixed top-0 bg-black w-full h-screen z-[99] transition-all duration-300 left-0 right-0"> <div class="flex flex-col items-center space-y-[1.875rem] h-full px-6 pt-[7.5rem] md:pt-[11rem]"> <div class="w-full h-full flex items-start menu-mobile"><ul id="mobile-main-menu" class="main-menu flex flex-col space-y-[1.3125rem] items-start"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1150 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="Chi siamo" href="https://key-we.it/chi-siamo/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Chi siamo</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1151 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="Cosa facciamo" href="https://key-we.it/cosa-facciamo/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Cosa facciamo</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2308 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="" href="https://key-we.it/agenzia-per-eventi-digital-phygital/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Agenzia per eventi Digital e Phygital</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2309 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="" href="https://key-we.it/digital-design-agency-per-web-prodotti-showroom/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Design Agency per Progetti Digital Creativi</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2310 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="" href="https://key-we.it/virtual-tour-agency-realizzazione-progettazione-3d/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Agenzia specializzata nella realizzazione di tour virtuali</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2311 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="" href="https://key-we.it/agenzia-comunicazione-digital-marketing-strategico/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Agenzia di marketing strategico</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2312 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="" href="https://key-we.it/realta-virtuale-aumentata-e-mixed-reality-per-aziende/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Realtà Virtuale, Aumentata e Mixed Reality per Aziende</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2317 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="" href="https://key-we.it/agenzia-gamification/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Agenzia Gamification</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1149 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="Clienti" href="https://key-we.it/clienti/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Clienti</a></li> <li class="menu-item menu-item-type-post_type_archive menu-item-object-novita menu-item-1153 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="Novità" href="https://key-we.it/novita/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Novità</a></li> <li class="menu-item menu-item-type-post_type_archive menu-item-object-progetti menu-item-106 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="Progetti" href="https://key-we.it/progetti/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Progetti</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1152 p-button flex text-start items-start overflow-hidden cursor-pointer"><a data-replace="Contatti" href="https://key-we.it/contatti/" class="text-white text-[2.25rem] md:text-[4rem] leading-[1.2]">Contatti</a></li> </ul></div> </div> </div> <div id="primary"> <main id="main" role="main">    <div class="video-parallax-home xl:h-screen w-full h-auto relative bg-black max-w-[100vw]"> <video class="w-full h-screen aspect-auto object-cover xl:block hidden portrait:hidden landscape:block" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/welcome_to_the_new_era_-_loop-1080p.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> <video class="w-full h-auto aspect-[375/625] md:aspect-auto md:h-screen object-cover block xl:hidden portrait:block landscape:hidden" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/welcome_to_the_new_era_Loop_Mobile_compresso.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> <div class="container absolute bottom-0 left-0 right-0 z-10 lg:pb-[3.75rem] pb-10 md:pb-12"> <div class="flex lg:flex-row flex-col justify-between lg:items-center w-full"> <h1 class="title-h1xs 2xl:!text-[6.875rem] xl:!text-[5.5rem] md:!text-[3.8rem] lg:!text-[4.5rem] !text-[2.625rem] text-white title-animate-home"><span class="!italic !font-normal font-ivy">Welcome</span> to the New Era</h1> <a class="relative flex items-center justify-center animate-cta animate-cta-home w-max lg:w-auto mt-5 lg:mt-0" target="_self" href="https://key-we.it/novita/welcome-to-the-new-era/"> <img class="object-cover md:h-[8rem] xl:h-auto animate-custom-rotate h-[6rem]" loading="lazy" src="https://key-we.it/wp-content/uploads/2023/11/scopri-di-piu.svg" alt="scopri di piu"> <img class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2" src="https://key-we.it/wp-content/themes/keywe2/dist/img/arrow-white-medium.svg"> </a> </div> </div> </div>   <div class="parallax-bg-home"> <div class="relative w-full !bg-cover !bg-no-repeat bg-top !bg-black parallax-bg-img" style="background: url(https://key-we.it/wp-content/uploads/2023/11/KE-homepage-background-b.png), lightgray -183.069px 395px / 109.8% 109.929%"> <div id="chi-siamo" class="bg-transparent w-full h-[15.875rem] relative lg:block hidden"></div> <div class="container"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem] flex flex-col lg:space-y-[4.375rem] space-y-8 items-center pt-[7.5rem] lg:pt-0"> <h3 class="title-h2 text-center text-white text-animate-chisiamo !leadingg-[1.27] md:!leading-[1.29]">Digital Design Agency</h3> <h4 class="title-h4 !text-[1.375rem] md:!text-[1.6rem] xl:!text-[2.125rem] !leading-[1.3] xl:!leading-[1.5] text-white xl:w-[45%] xxxl:w-[37.45%] lg:w-[50%] md:w-[60%] w-full text-center text-animate-chisiamo">Siamo <span class="!italic !font-normal font-ivy">un’agenzia creativa</span> di comunicazione <span class="!italic !font-normal font-ivy">digitale</span>. Il design è la nostra vocazione, la tecnologia è il nostro strumento.</h4> <a class="relative flex items-center justify-center text-animate-chisiamo" target="_self" href="https://key-we.it/chi-siamo/"> <img class="object-cover lg:h-auto md:h-[8rem] xl:h-auto animate-custom-rotate h-[6rem]" loading="lazy" src="https://key-we.it/wp-content/uploads/2023/11/chi-siamo.svg" alt="chi siamo"> <img class="absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2" src="https://key-we.it/wp-content/themes/keywe2/dist/img/arrow-white-medium.svg"> </a> </div> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem] img-wrap flex justify-center"> <div class="overflow-wrap lg:pt-[24.875rem] lg:pb-[13.875rem] py-[7.5rem] flex justify-center ACF-work"> <video id="myVideo" class="video aspect-auto object-cover rounded-[30rem] xl:w-[79.47%] w-[70%]" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/showreel_website-1080p.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> </div> </div> </div> <div class="flex flex-col divide-y divide-white/20"> <div class="fade-in-custom"> <div class="container" x-data="{activeTab : false}"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem]"> <a class="flex items-center justify-between md:justify-start lg:space-x-[2.375rem] space-x-4" @mouseover="activeTab = true" @mouseleave="activeTab = false" target="_self" href="https://key-we.it/cosa-facciamo#web"> <h2 class="title-h2 !font-medium text-white lg:py-16 py-9">Web</h2> <div class="text-white space-x-[2.375rem] items-center xl:flex hidden" x-show="activeTab == true" x-cloak x-transition:enter="duration-1000" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"> <video class="ml-10 mr-10 w-[12rem] 2xl:w-[20rem] aspect-[480/265] object-cover rounded-[6.625rem] scale-[1.35]" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/Web_Short_1920x1080.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> </div> <div class="lg:w-[3.75rem] lg:h-[3.75rem] w-[1.875rem] h-[1.875rem] min-w-[1.875rem] flex items-center justify-center aspect-square relative bg-white/[0.15] rounded-full text-white overflow-hidden svg-animate-container"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate lg:w-[1.75rem] lg:h-[1.75rem] w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </div> </div> </div> <div class="fade-in-custom"> <div class="container" x-data="{activeTab : false}"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem]"> <a class="flex items-center justify-between md:justify-start lg:space-x-[2.375rem] space-x-4" @mouseover="activeTab = true" @mouseleave="activeTab = false" target="_self" href="https://key-we.it/cosa-facciamo#digital"> <h2 class="title-h2 !font-medium text-white lg:py-16 py-9">Digital & Phygital</h2> <div class="text-white space-x-[2.375rem] items-center xl:flex hidden" x-show="activeTab == true" x-cloak x-transition:enter="duration-1000" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"> <video class="ml-10 mr-10 w-[12rem] 2xl:w-[20rem] aspect-[480/265] object-cover rounded-[6.625rem] scale-[1.35]" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/Digital-Phygital-Short.large1080p.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> </div> <div class="lg:w-[3.75rem] lg:h-[3.75rem] w-[1.875rem] h-[1.875rem] min-w-[1.875rem] flex items-center justify-center aspect-square relative bg-white/[0.15] rounded-full text-white overflow-hidden svg-animate-container"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate lg:w-[1.75rem] lg:h-[1.75rem] w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </div> </div> </div> <div class="fade-in-custom"> <div class="container" x-data="{activeTab : false}"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem]"> <a class="flex items-center justify-between md:justify-start lg:space-x-[2.375rem] space-x-4" @mouseover="activeTab = true" @mouseleave="activeTab = false" target="_self" href="https://key-we.it/cosa-facciamo#tecnologie"> <h2 class="title-h2 !font-medium text-white lg:py-16 py-9">Tecnologie immersive</h2> <div class="text-white space-x-[2.375rem] items-center absolute right-[3.5rem] z-20 hidden xl:block xl1440:hidden" x-show="activeTab == true" x-cloak x-transition:enter="duration-1000" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"> <div class="flex items-center"> <video class="ml-10 mr-10 w-[12rem] 2xl:w-[20rem] aspect-[480/265] object-cover rounded-[6.625rem] scale-[1.35]" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/Tecnologie_Immersive_Short.large1080p-2.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> <div class="ml-10 lg:w-[3.75rem] lg:h-[3.75rem] w-[1.875rem] h-[1.875rem] min-w-[1.875rem] flex items-center justify-center aspect-square relative bg-white/[0.15] rounded-full text-white overflow-hidden svg-animate-container"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate lg:w-[1.75rem] lg:h-[1.75rem] w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </div> </div> <div class="text-white space-x-[2.375rem] items-center hidden xl1440:flex" x-show="activeTab == true" x-cloak x-transition:enter="duration-1000" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"> <video class="ml-10 mr-10 w-[12rem] 2xl:w-[20rem] aspect-[480/265] object-cover rounded-[6.625rem] scale-[1.35]" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/Tecnologie_Immersive_Short.large1080p-2.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> </div> <div x-show="activeTab == false" x-cloak x-transition:enter="duration-1000" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" class="lg:w-[3.75rem] lg:h-[3.75rem] w-[1.875rem] h-[1.875rem] min-w-[1.875rem] items-center justify-center aspect-square relative bg-white/[0.15] rounded-full text-white overflow-hidden svg-animate-container hidden xl:flex xl1440:hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate lg:w-[1.75rem] lg:h-[1.75rem] w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> <div class="lg:w-[3.75rem] lg:h-[3.75rem] w-[1.875rem] h-[1.875rem] min-w-[1.875rem] items-center justify-center aspect-square relative bg-white/[0.15] rounded-full text-white overflow-hidden svg-animate-container flex xl:hidden xl1440:flex"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate lg:w-[1.75rem] lg:h-[1.75rem] w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </div> </div> </div> <div class="fade-in-custom"> <div class="container" x-data="{activeTab : false}"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem]"> <a class="flex items-center justify-between md:justify-start lg:space-x-[2.375rem] space-x-4" @mouseover="activeTab = true" @mouseleave="activeTab = false" target="_self" href="https://key-we.it/cosa-facciamo#ricerca"> <h2 class="title-h2 !font-medium text-white lg:py-16 py-9">Ricerca e sviluppo</h2> <div class="text-white space-x-[2.375rem] items-center xl:flex hidden" x-show="activeTab == true" x-cloak x-transition:enter="duration-1000" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100"> <video class="ml-10 mr-10 w-[12rem] 2xl:w-[20rem] aspect-[480/265] object-cover rounded-[6.625rem] scale-[1.35]" playsinline autoplay loop muted> <source src="https://key-we.it/wp-content/uploads/2023/11/welcome_to_the_new_era_Loop_SHORT-1080p.mp4" type="video/mp4"> Il tuo browser non supporta il tag video. </video> </div> <div class="lg:w-[3.75rem] lg:h-[3.75rem] w-[1.875rem] h-[1.875rem] min-w-[1.875rem] flex items-center justify-center aspect-square relative bg-white/[0.15] rounded-full text-white overflow-hidden svg-animate-container"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate lg:w-[1.75rem] lg:h-[1.75rem] w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </div> </div> </div> </div> </div> </div>  <div class="bg-black xl:pb-[11.8125rem] xl:pt-[12.625rem] md:py-24 py-[3.375rem] overflow-hidden"> <div class="relative md:h-[12rem] xl:h-[19.25rem] h-[7.25rem]"> <div class="marquee-clienti absolute top-0"> <div class="flex space-x-4 md:space-x-10 xl:space-x-[5.5rem] specialMl"> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/ABB_Logo_Screen_RGB_15px-3.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/MSC.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Findomestic.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2025/03/sie-logo-petrol-rgb-48ae6b.svg" alt="logo siemens"> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/12/aon_logo.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/nexi-logo-1.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2024/10/logo-tsc-new.jpg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Brembo.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Microsoft.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Safilo.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Calligaris.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Sky.svg" alt=""> </div> </div> </div> <div class="marquee-clienti-sotto absolute bottom-0"> <div class="flex space-x-4 md:space-x-10 xl:space-x-[5.5rem] specialMl"> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/JTI.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Regione-del-Veneto.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2025/03/FII-10Y-3b84b6.svg" alt="Logo Fondo Italiano d'Investimento"> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/infoCamere.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Moncler.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Kilometro-Rosso.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Kolmar-Canada.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Frecce-Tricolori.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/SOMEC_GRUPPO_logo.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Cassina.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Gardaland.svg" alt=""> </div> <div class="xl:p-[1.25rem] p-3 md:p-4 bg-white xl:h-[6.875rem] md:w-[12rem] md:h-[4.5rem] xl:w-[17.3125rem] h-12 w-[7.5rem] rounded-full flex items-center justify-center"> <img class="w-auto object-contain max-h-full" src="https://key-we.it/wp-content/uploads/2023/11/Labomar.svg" alt=""> </div> </div> </div> </div> </div> </div>  <div id="progetti" class="bg-black relative z-40 !overflow-hidden"> <div class="container"> <div class="xl:px-[5.5rem] xxxl:px-[9.5rem] lg:py-[7.5rem] py-20"> <div class="flex justify-between items-center fade-in-custom"> <h2 class="title-h2 text-white">Progetti</h2> <a href="https://key-we.it/progetti/" class="p-body text-white flex space-x-[0.8125rem] items-center svg-animate-container"> <span>Vedi tutti</span> <div class="w-[2.1875rem] h-[2.1875rem] flex items-center justify-center aspect-square relative bg-white/20 overflow-hidden rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </div> <div class="relative overflow-hidden lg:pt-[4.75rem] pt-8 lg:-mx-[6.375rem] -mx-[15.375rem] px-[1.25rem] slider-progetti fade-in-custom" x-data="{ swiper: null }" x-ref="swiperContainer" x-init="swiper = new Swiper($refs.swiperContainer, { slidesPerView: 3, loop: true, spaceBetween: 0, speed: 500, navigation: { nextEl: '.swiper-progetti-next', prevEl: '.swiper-progetti-prev', }, keyboard: { enabled: true, }, effect: 'coverflow', coverflowEffect: { rotate: 0, slideShadows: false, depth: 0, scale: 0.7 }, breakpoints: { 1024: { slidesPerView: 3, spaceBetween: 20, effect: 'coverflow', coverflowEffect: { rotate: 0, slideShadows: false, depth: 0, scale: 0.7 }, }, }, })"> <div class="swiper-wrapper"> <a href="https://key-we.it/progetti/frecce-tricolori-phygital-experience/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/00-Frecce-Tricolori-VR-Experience.jpg" alt="Frecce Tricolori Phygital Experience" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">Frecce Tricolori Phygital Experience</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">Aeronautica Militare</span> </p> </a> <a href="https://key-we.it/progetti/catalogo-generale-abb-elettrification-business/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2025/03/ABB-citta-tecnologica.jpg" alt="Catalogo Generale ABB" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">Catalogo Generale ABB</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">ABB Elettrification Italia</span> </p> </a> <a href="https://key-we.it/progetti/msc-vr-experience/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/msc-vr.jpg" alt="MSC VR Experience" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">MSC VR Experience</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">MSC Mediterranean Shipping Company SA</span> </p> </a> <a href="https://key-we.it/progetti/new-korean-beauty-website/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/00-Kolmar-Canada.jpg" alt="Kolmar Canada website" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">Kolmar Canada website</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">HK Kolmar Canada</span> </p> </a> <a href="https://key-we.it/progetti/catalogo-dimensione-pro/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/00-abb-dimensione-pro-3d.jpg" alt="Catalogo Dimensione PRO" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">Catalogo Dimensione PRO</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">ABB Elettrification Italia</span> </p> </a> <a href="https://key-we.it/progetti/id-lei/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/00_infocamere-idlei-2.jpg" alt="ID LEI" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">ID LEI</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">InfoCamere S.C.p.A.</span> </p> </a> <a href="https://key-we.it/progetti/nexi-digital-showroom/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/nexi-black-keywe.jpg" alt="Nexi Digital Showroom" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">Nexi Digital Showroom</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">Nexi Payments</span> </p> </a> <a href="https://key-we.it/progetti/the-space-cinema-comunicazione-a-360/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/00_The-space-Cinema-1.jpg" alt="The Space Cinema comunicazione a 360°" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">The Space Cinema comunicazione a 360°</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">The Space Cinema</span> </p> </a> <a href="https://key-we.it/progetti/findomestic-pvideo/" class="!flex flex-col swiper-slide group"> <div class="overflow-hidden rounded-[0.625rem]"> <img src="https://key-we.it/wp-content/uploads/2023/11/00_findomestic-1.jpg" alt="Findomestic Pvideo®" class="rounded-[0.625rem] object-cover w-full aspect-square group-hover:scale-105 transition-all duration-300"> </div> <h4 class="text-white title-h4 xl:!text-[2.4rem] md:!text-[1.8rem] !text-[1.375rem] !font-semibold lg:mt-8 mt-6">Findomestic Pvideo®</h4>  <p class="text-white p-caption md:!text-[1rem] xl:!text-[1.2rem] !text-[0.875rem] !leading-[1.2] lg:mt-4 mt-2 testo-progetti"> <span class="mr-2">Findomestic Banca Gruppo BNP Paribas</span> </p> </a> </div> <div class="group lg:block hidden swiper-progetti-next absolute !right-0 top-1/2 -translate-y-1/2 z-50 cursor-pointer transition-all duration-300"> <svg width="41" height="36" viewBox="0 0 41 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.1796 2.57207L20.1023 2.64477L20.1794 2.71762L35.023 16.734H1H0.9V16.834V19.1666V19.2666H1H35.023L20.1827 33.2796L20.1057 33.3523L20.1828 33.425L21.929 35.0727L21.9976 35.1375L22.0663 35.0727L40.0687 18.073L40.1457 18.0003L40.0687 17.9276L22.0656 0.927293L21.9971 0.862589L21.9284 0.927158L20.1796 2.57207Z" fill="white" stroke="white" stroke-width="0.2"/> </svg> </div> <div class="group lg:block hidden swiper-progetti-prev absolute !left-0 top-1/2 -translate-y-1/2 z-10 cursor-pointer transition-all duration-300"> <svg width="41" height="36" viewBox="0 0 41 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.8204 33.4279L20.8977 33.3552L20.8206 33.2824L5.977 19.266L40 19.266L40.1 19.266L40.1 19.166L40.1 16.8334L40.1 16.7334L40 16.7334L5.977 16.7334L20.8173 2.72044L20.8943 2.64771L20.8172 2.575L19.071 0.927267L19.0024 0.862482L18.9337 0.92729L0.931345 17.927L0.854349 17.9997L0.931345 18.0724L18.9344 35.0727L19.0029 35.1374L19.0716 35.0728L20.8204 33.4279Z" fill="white" stroke="white" stroke-width="0.2"/> </svg> </div> </div> </div> </div> </div>  <div class="container"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem] lg:pt-[11.885rem] py-[3.5rem] lg:pb-[13.2rem] grid xl:grid-cols-2 grid-cols-1 w-full gap-x-12"> <div class="fade-in-custom mb-[2.625rem] xl:mb-0"> <h3 class="title-h2">Esplora tutte <br /> le novità</h3> <div class="flex flex-wrap lg:mt-[1.6275rem] mt-8"> <a class="p-caption-m uppercase lg:mr-[1.31rem] mr-[0.625rem] lg:mt-[1.31rem] lg:px-[1.87rem] px-5 lg:py-[1.19rem] py-4 border-[0.06rem] border-black hover:bg-black hover:text-white transition-all duration-300 rounded-[6.25rem]" href="https://key-we.it/esplora-novita/k-insight ">K-Insight</a> <a class="p-caption-m uppercase lg:mr-[1.31rem] mr-[0.625rem] lg:mt-[1.31rem] lg:px-[1.87rem] px-5 lg:py-[1.19rem] py-4 border-[0.06rem] border-black hover:bg-black hover:text-white transition-all duration-300 rounded-[6.25rem]" href="https://key-we.it/esplora-novita/news ">News</a> <a class="p-caption-m uppercase lg:mr-[1.31rem] mr-[0.625rem] lg:mt-[1.31rem] lg:px-[1.87rem] px-5 lg:py-[1.19rem] py-4 border-[0.06rem] border-black hover:bg-black hover:text-white transition-all duration-300 rounded-[6.25rem]" href="https://key-we.it/esplora-novita/press ">Press</a> </div> </div> <div class="containerCorrelati w-[calc(100%+48px)] lg:w-full -ml-6 lg:ml-0"> <div class="flex flex-wrap items-center lg:py-[2.25rem] py-[1.875rem] px-6 lg:px-0 border-t border-black/20 first:border-0 fade-in-custom"> <a class="rounded-[0.625rem] block overflow-hidden relative group md:w-[34.06%] w-[74.5%] aspect-[246/139]" href="https://key-we.it/novita/design-inclusivo-dove-inizia-la-vera-innovazione/"> <img class="rounded-[0.625rem] aspect-aspect-[246/139] w-full object-cover group-hover:scale-105 transition-all duration-300" src="https://key-we.it/wp-content/uploads/2024/12/keywe-design-inclusivo.jpg" alt="2760Homepage"> </a> <div class="flex flex-col items-start md:w-[65.94%] w-full md:pl-10 xxxl:pl-[3.75rem]"> <p class="lg:mb-4 mb-2 mt-[1.625rem] md:mt-0"> <span class="mr-2 p-caption-m !text-[0.9rem] uppercase !font-semibold">K-Insight</span> </p> <a href="https://key-we.it/novita/design-inclusivo-dove-inizia-la-vera-innovazione/"> <h3 class="title-h4 !leading-[1.2] md:!leading-[1.23] !text-[1.375rem] xl:!text-[1.8rem] !font-medium svg-animate-container"> Design <span class="!italic !font-normal font-ivy">inclusivo</span>: dove inizia la vera innovazione <a class="inline-flex scale-[0.7] md:scale-100 md:-translate-y-1" href="https://key-we.it/novita/design-inclusivo-dove-inizia-la-vera-innovazione/"> <div class="w-[2.1875rem] h-[2.1875rem] flex items-center justify-center aspect-square relative bg-black rounded-full text-white overflow-hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </h3> </a> </div> </div> <div class="flex flex-wrap items-center lg:py-[2.25rem] py-[1.875rem] px-6 lg:px-0 border-t border-black/20 first:border-0 fade-in-custom"> <a class="rounded-[0.625rem] block overflow-hidden relative group md:w-[34.06%] w-[74.5%] aspect-[246/139]" href="https://key-we.it/novita/lesperienza-di-volo-acrobatico-in-realta-virtuale-per-frecce-tricolori/"> <img class="rounded-[0.625rem] aspect-aspect-[246/139] w-full object-cover group-hover:scale-105 transition-all duration-300" src="https://key-we.it/wp-content/uploads/2023/11/Articolo-Frecce-Tricolori-img-1.jpg" alt="223Homepage"> </a> <div class="flex flex-col items-start md:w-[65.94%] w-full md:pl-10 xxxl:pl-[3.75rem]"> <p class="lg:mb-4 mb-2 mt-[1.625rem] md:mt-0"> <span class="mr-2 p-caption-m !text-[0.9rem] uppercase !font-semibold">News</span> </p> <a href="https://key-we.it/novita/lesperienza-di-volo-acrobatico-in-realta-virtuale-per-frecce-tricolori/"> <h3 class="title-h4 !leading-[1.2] md:!leading-[1.23] !text-[1.375rem] xl:!text-[1.8rem] !font-medium svg-animate-container"> L'esperienza di volo <span class="!italic !font-normal font-ivy">acrobatico</span> in <span class="!italic !font-normal font-ivy">Realtà Virtuale</span> per Frecce Tricolori <a class="inline-flex scale-[0.7] md:scale-100 md:-translate-y-1" href="https://key-we.it/novita/lesperienza-di-volo-acrobatico-in-realta-virtuale-per-frecce-tricolori/"> <div class="w-[2.1875rem] h-[2.1875rem] flex items-center justify-center aspect-square relative bg-black rounded-full text-white overflow-hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </h3> </a> </div> </div> <div class="flex flex-wrap items-center lg:py-[2.25rem] py-[1.875rem] px-6 lg:px-0 border-t border-black/20 first:border-0 fade-in-custom"> <a class="rounded-[0.625rem] block overflow-hidden relative group md:w-[34.06%] w-[74.5%] aspect-[246/139]" href="https://key-we.it/novita/ux-ui-design-regole-vs-creativita/"> <img class="rounded-[0.625rem] aspect-aspect-[246/139] w-full object-cover group-hover:scale-105 transition-all duration-300" src="https://key-we.it/wp-content/uploads/2024/10/keywe-ux-ui-design@125x-1.jpg" alt="2705Homepage"> </a> <div class="flex flex-col items-start md:w-[65.94%] w-full md:pl-10 xxxl:pl-[3.75rem]"> <p class="lg:mb-4 mb-2 mt-[1.625rem] md:mt-0"> <span class="mr-2 p-caption-m !text-[0.9rem] uppercase !font-semibold">K-Insight</span> </p> <a href="https://key-we.it/novita/ux-ui-design-regole-vs-creativita/"> <h3 class="title-h4 !leading-[1.2] md:!leading-[1.23] !text-[1.375rem] xl:!text-[1.8rem] !font-medium svg-animate-container"> UX/UI Design – <span class="!italic !font-normal font-ivy">Regole</span> VS <span class="!italic !font-normal font-ivy">Creatività</span> <a class="inline-flex scale-[0.7] md:scale-100 md:-translate-y-1" href="https://key-we.it/novita/ux-ui-design-regole-vs-creativita/"> <div class="w-[2.1875rem] h-[2.1875rem] flex items-center justify-center aspect-square relative bg-black rounded-full text-white overflow-hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </h3> </a> </div> </div> <div class="flex flex-wrap items-center lg:py-[2.25rem] py-[1.875rem] px-6 lg:px-0 border-t border-black/20 first:border-0 fade-in-custom"> <a class="rounded-[0.625rem] block overflow-hidden relative group md:w-[34.06%] w-[74.5%] aspect-[246/139]" href="https://key-we.it/novita/tecnologia-hand-tracking-innovazione-per-la-virtual-reality/"> <img class="rounded-[0.625rem] aspect-aspect-[246/139] w-full object-cover group-hover:scale-105 transition-all duration-300" src="https://key-we.it/wp-content/uploads/2024/09/hand-tracking-keywe.jpg" alt="2464Homepage"> </a> <div class="flex flex-col items-start md:w-[65.94%] w-full md:pl-10 xxxl:pl-[3.75rem]"> <p class="lg:mb-4 mb-2 mt-[1.625rem] md:mt-0"> <span class="mr-2 p-caption-m !text-[0.9rem] uppercase !font-semibold">News</span> </p> <a href="https://key-we.it/novita/tecnologia-hand-tracking-innovazione-per-la-virtual-reality/"> <h3 class="title-h4 !leading-[1.2] md:!leading-[1.23] !text-[1.375rem] xl:!text-[1.8rem] !font-medium svg-animate-container"> Tecnologia <span class="!italic !font-normal font-ivy">Hand Tracking</span>: innovazione per la Virtual Reality <a class="inline-flex scale-[0.7] md:scale-100 md:-translate-y-1" href="https://key-we.it/novita/tecnologia-hand-tracking-innovazione-per-la-virtual-reality/"> <div class="w-[2.1875rem] h-[2.1875rem] flex items-center justify-center aspect-square relative bg-black rounded-full text-white overflow-hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </h3> </a> </div> </div> </div> </div> </div> </main> </div> <footer id="footer" class="mt-auto pt-[2.44rem] xl:pt-[5.81rem] pb-6 xl:pb-8 bg-black border-t border-white/20 z-40" role="contentinfo"> <div class="container"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem] flex flex-wrap"> <div class="w-full md:w-[73%] lg:w-[75%] xxxl:w-[82.44%] md:pr-10 xl:pr-20"> <h3 class="text-[2.375rem] xl:text-[5.375rem] font-semibold leading-none text-white">Strategic minds.</h3> <div class="mt-2 xl:mt-6 paragraph-white !text-white prose-p:!font-light prose-p:xl:!text-[1.5rem] prose-a:xl:!text-[1.5rem]"><p>Partner per l’innovazione. Designer di esperienze digitali.</p> </div> </div> <div class="w-full md:w-[27%] lg:w-[25%] xxxl:w-[17.56%] flex items-center justify-start mt-8 md:mt-0"> <a class="lg:w-full inline-flex items-center p-button uppercase font-semibold rounded-full justify-between p-[0.44rem] group bg-white border border-white text-black transition-all duration-300 overflow-hidden svg-animate-container text-animate-cta" href="https://key-we.it/contatti/" target=""> <span class="overflow-hidden leading-[1.3]"><div class="lg:pl-[1.64rem] pl-4 lg:pr-2 pr-4 text-cta">Contattaci</div></span> <div class="w-[2.75rem] xl:w-[3.75rem] flex items-center justify-center aspect-square relative bg-black rounded-full text-white overflow-hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="svg-animate w-4 h-4 xl:w-8 xl:h-8"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3" /> </svg> </div> </a> </div> </div> </div> <div class="mt-[3.31rem] xl:mt-[7.63rem] pt-[1.62rem] xl:pt-[2.13rem] pb-8 xl:pb-[2.63rem] border-y border-white/20 w-full"> <div class="container"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem] flex flex-wrap"> <div class="w-full"><ul id="desktop-footer-menu" class="footer-menu flex flex-wrap flex-col md:flex-row justify-between space-y-3 md:space-y-0"><li id="menu-item-1223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1223 title-h4 !font-medium text-white .text-animate-links-footer h-full flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Chi siamo" href="https://key-we.it/chi-siamo/" class="text-links-footer leading-[2.5rem]"><span>Chi siamo</span></a></li> <li id="menu-item-1224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1224 title-h4 !font-medium text-white .text-animate-links-footer h-full flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Cosa facciamo" href="https://key-we.it/cosa-facciamo/" class="text-links-footer leading-[2.5rem]"><span>Cosa facciamo</span></a></li> <li id="menu-item-1222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1222 title-h4 !font-medium text-white .text-animate-links-footer h-full flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Clienti" href="https://key-we.it/clienti/" class="text-links-footer leading-[2.5rem]"><span>Clienti</span></a></li> <li id="menu-item-1227" class="menu-item menu-item-type-post_type_archive menu-item-object-novita menu-item-1227 title-h4 !font-medium text-white .text-animate-links-footer h-full flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Novità" href="https://key-we.it/novita/" class="text-links-footer leading-[2.5rem]"><span>Novità</span></a></li> <li id="menu-item-1228" class="menu-item menu-item-type-post_type_archive menu-item-object-progetti menu-item-1228 title-h4 !font-medium text-white .text-animate-links-footer h-full flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Progetti" href="https://key-we.it/progetti/" class="text-links-footer leading-[2.5rem]"><span>Progetti</span></a></li> <li id="menu-item-1225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1225 title-h4 !font-medium text-white .text-animate-links-footer h-full flex items-center overflow-hidden cursor-pointer animate-linkHeader"><a data-replace="Contatti" href="https://key-we.it/contatti/" class="text-links-footer leading-[2.5rem]"><span>Contatti</span></a></li> </ul></div> <div class="flex flex-wrap items-center mt-[2.44rem]"> <p class="p-caption-m text-white mr-[1.19rem] w-full lg:w-auto mb-3 lg:mb-0">Seguici su</p> <a class="mr-[0.56rem] relative group rounded-full h-[2.625rem] aspect-square bg-white/20 hover:border border-white/20 svg-animate-container flex items-center justify-center overflow-hidden transition-all duration-300" href="https://www.linkedin.com/company/keywe/" target="_blank"> <svg class="svg-animate" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <g clip-path="url(#clip0_1736_894)"> <path d="M14.2597 0H3.66234C1.63636 0 0 1.63636 0 3.66234V14.2597C0 16.2857 1.63636 17.9221 3.66234 17.9221H14.2597C16.2857 17.9221 17.9221 16.2857 17.9221 14.2597V3.66234C18 1.63636 16.2857 0 14.2597 0ZM4.98701 15.6623H2.49351V7.16883H4.98701V15.6623ZM3.74026 6C2.88312 6 2.25974 5.2987 2.25974 4.44156C2.25974 3.58442 2.88312 2.96104 3.74026 2.88312C4.5974 2.88312 5.22078 3.58442 5.22078 4.44156C5.22078 5.22078 4.5974 5.92208 3.74026 6ZM15.039 15.6623H12.4675V11.5325C12.4675 10.5195 12.4675 9.27273 11.1429 9.27273C9.81818 9.27273 9.58441 10.3636 9.58441 11.4545V15.6623H6.93506V7.16883H9.42857V8.33766C9.8961 7.48052 10.9091 6.93506 11.9221 6.93506C14.5714 6.93506 15.039 8.72727 15.039 10.987V15.6623Z" fill="white"/> </g> <defs> <clipPath id="clip0_1736_894"> <rect width="18" height="18" fill="white"/> </clipPath> </defs> </svg> </a> <a class="mr-[0.56rem] relative group rounded-full h-[2.625rem] aspect-square bg-white/20 hover:border border-white/20 overflow-hidden flex items-center justify-center svg-animate-container transition-all duration-300" href="https://www.instagram.com/keywe_agency/" target="_blank"> <svg class="svg-animate" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <g clip-path="url(#clip0_1736_890)"> <path d="M13.0326 0H4.96744C3.65043 0.00141408 2.38776 0.525222 1.45649 1.45649C0.525222 2.38776 0.00141408 3.65043 0 4.96744L0 13.0326C0.00141408 14.3496 0.525222 15.6122 1.45649 16.5435C2.38776 17.4748 3.65043 17.9986 4.96744 18H13.0326C14.3496 17.9986 15.6122 17.4748 16.5435 16.5435C17.4748 15.6122 17.9986 14.3496 18 13.0326V4.96744C17.9986 3.65043 17.4748 2.38776 16.5435 1.45649C15.6122 0.525222 14.3496 0.00141408 13.0326 0ZM16.4027 13.0326C16.4017 13.9261 16.0463 14.7827 15.4145 15.4145C14.7827 16.0463 13.9261 16.4017 13.0326 16.4027H4.96744C4.07393 16.4017 3.21731 16.0463 2.58551 15.4145C1.9537 14.7827 1.59831 13.9261 1.5973 13.0326V4.96744C1.59831 4.07393 1.9537 3.21731 2.58551 2.58551C3.21731 1.9537 4.07393 1.59831 4.96744 1.5973H13.0326C13.9261 1.59831 14.7827 1.9537 15.4145 2.58551C16.0463 3.21731 16.4017 4.07393 16.4027 4.96744V13.0326Z" fill="white"/> <path d="M8.99908 4.36133C8.08182 4.36133 7.18516 4.63333 6.42249 5.14293C5.65981 5.65253 5.06538 6.37685 4.71436 7.22429C4.36334 8.07173 4.27149 9.00422 4.45044 9.90386C4.62939 10.8035 5.0711 11.6299 5.7197 12.2785C6.3683 12.9271 7.19467 13.3688 8.0943 13.5477C8.99394 13.7267 9.92643 13.6348 10.7739 13.2838C11.6213 12.9328 12.3456 12.3383 12.8552 11.5757C13.3648 10.813 13.6368 9.91634 13.6368 8.99908C13.6354 7.76951 13.1463 6.59069 12.2769 5.72125C11.4075 4.85181 10.2287 4.36274 8.99908 4.36133ZM8.99908 12.0403C8.39759 12.0403 7.8096 11.8619 7.30947 11.5278C6.80935 11.1936 6.41955 10.7186 6.18937 10.1629C5.95919 9.60719 5.89896 8.99571 6.01631 8.40577C6.13365 7.81583 6.4233 7.27394 6.84862 6.84862C7.27394 6.4233 7.81584 6.13365 8.40577 6.0163C8.99571 5.89896 9.60719 5.95918 10.1629 6.18937C10.7186 6.41955 11.1936 6.80935 11.5278 7.30947C11.8619 7.8096 12.0403 8.39758 12.0403 8.99908C12.0395 9.80541 11.7188 10.5785 11.1487 11.1486C10.5785 11.7188 9.80541 12.0395 8.99908 12.0403Z" fill="white"/> <path d="M13.8324 3.00781C13.5615 3.00792 13.2991 3.10193 13.0898 3.27383C12.8805 3.44572 12.7373 3.68487 12.6845 3.95053C12.6318 4.21618 12.6728 4.49191 12.8005 4.73073C12.9283 4.96954 13.1349 5.15667 13.3852 5.26024C13.6354 5.3638 13.9138 5.37739 14.173 5.29868C14.4321 5.21998 14.656 5.05386 14.8064 4.82862C14.9568 4.60337 15.0245 4.33295 14.9978 4.06342C14.9712 3.79389 14.8519 3.54193 14.6604 3.35047C14.4404 3.13145 14.1428 3.00828 13.8324 3.00781Z" fill="white"/> </g> <defs> <clipPath id="clip0_1736_890"> <rect width="18" height="18" fill="white"/> </clipPath> </defs> </svg> </a> <a class="relative group rounded-full h-[2.625rem] aspect-square bg-white/20 hover:border border-white/20 overflow-hidden flex items-center justify-center svg-animate-container transition-all duration-300" href="https://www.youtube.com/channel/UC5k-04JJbxTKEiGy5vKm7bQ" target="_blank"> <svg class="svg-animate" width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_3206_2318)"> <path d="M21.5455 2.51099C21.4234 2.02317 21.178 1.5772 20.8352 1.21966C20.4921 0.862124 20.0635 0.604969 19.5933 0.474683C16.7414 0.126541 13.8709 -0.0302296 10.9997 0.00479811C8.1284 -0.0302296 5.25796 0.126541 2.40649 0.474683C1.93626 0.604542 1.50769 0.861697 1.16451 1.21966C0.821329 1.5772 0.576316 2.02317 0.454223 2.51099C0.141563 4.32517 -0.0102293 6.16456 8.27293e-05 8.00736C-0.0110542 9.85956 0.140738 11.7088 0.45381 13.5319C0.582504 14.0121 0.830404 14.4486 1.17317 14.7985C1.51594 15.1483 1.9408 15.3991 2.40649 15.5251C5.25796 15.8732 8.1284 16.0304 10.9997 15.995C13.8709 16.0304 16.7414 15.8732 19.5929 15.5251C20.0581 15.3986 20.4834 15.1483 20.8262 14.7985C21.1689 14.4486 21.4168 14.0121 21.5455 13.5319C21.8586 11.7083 22.0104 9.85913 21.9993 8.00736C22.01 6.16499 21.8578 4.32517 21.5455 2.51099ZM8.74465 11.4102V4.63273L14.5057 8.00736L8.74465 11.3961V11.4102Z" fill="white"/> </g> <defs> <clipPath id="clip0_3206_2318"> <rect width="22" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </div> <div class="flex flex-col lg:flex-row wpml-container mt-[2.44rem] md:ml-2 lg:ml-[4.875rem] ml-auto lg:items-center"> <p class="p-caption-m text-white mr-[1.19rem] w-full lg:w-auto mb-3 lg:mb-0">Cambia lingua</p> <div class="wpml-ls-statics-shortcode_actions wpml-ls wpml-ls-legacy-list-horizontal"> <ul><li class="wpml-ls-slot-shortcode_actions wpml-ls-item wpml-ls-item-it wpml-ls-current-language wpml-ls-first-item wpml-ls-last-item wpml-ls-item-legacy-list-horizontal"> <a href="https://key-we.it/" class="wpml-ls-link"> <span class="wpml-ls-native">IT</span></a> </li></ul> </div> </div> </div> </div> </div> <div class="container pt-[1.69rem] xl:pt-[2.31rem]"> <div class="xl:px-[3.5rem] xxxl:px-[9.5rem] flex flex-wrap"> <div class="flex flex-wrap w-full lg:w-[26%] 2xl:w-1/4 gap-10"> <div class="w-1/2 md:w-auto animate-linkHeader text-animate-links-footer h-6 flex items-center overflow-hidden cursor-pointer .text-animate-links"> <a data-replace="Cookie Policy" class="p-caption-m text-white text-links" href="https://key-we.it/cookie-policy/" target=""> <span>Cookie Policy</span> </a> </div> <div class="animate-linkHeader text-animate-links-footer h-6 flex items-center overflow-hidden cursor-pointer .text-animate-links"> <a data-replace="Privacy Policy" class="p-caption-m text-white text-links" href="https://key-we.it/privacy-policy/" target=""> <span>Privacy Policy</span> </a> </div> </div> <p class="p-caption-s text-white/50 w-full lg:w-[74%] 2xl:w-3/4 lg:text-right mt-[1.75rem] lg:mt-0">©2024 KEYWE SRL con socio unico - P.za Francesco Crispi N° 7 - 31100 Treviso - Cap. sociale € 50.000 i.v. - P.IVA 04845420266 - R.E.A. N° 403127</p> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16565114255"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-16565114255'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-0CFCVS620T"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-0CFCVS620T'); </script>  <script>  <link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='https://key-we.it/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.min.css?ver=1' type='text/css' media='all' /> <script type="text/javascript" src="https://key-we.it/wp-content/plugins/metronet-profile-picture/js/mpp-frontend.js?ver=2.6.3" id="mpp_gutenberg_tabs-js"></script> <script type="text/javascript" src="https://key-we.it/wp-content/themes/keywe2/dist/js/app.js?ver=1.0.0" id="app-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-extra"> /* <![CDATA[ */ var gforms_recaptcha_recaptcha_strings = {"site_key":"6LdbpyUpAAAAAFDvrsQfUL_jYtDxKw0u7p4UOJ_k","ajaxurl":"https:\/\/key-we.it\/wp-admin\/admin-ajax.php","nonce":"c457132180"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LdbpyUpAAAAAFDvrsQfUL_jYtDxKw0u7p4UOJ_k&ver=1.6.0" id="gforms_recaptcha_recaptcha-js"></script> <script type="text/javascript" id="gforms_recaptcha_recaptcha-js-after"> /* <![CDATA[ */ (function($){grecaptcha.ready(function(){$('.grecaptcha-badge').css('visibility','hidden');});})(jQuery); /* ]]> */ </script> </body> </html>

CINXE.COM

Digital Design Agency a Treviso - KeyWe