html,body{margin:0;padding:0}body{background-color:#fff;background-image:linear-gradient(135deg,transparent 0%,#fff 40%,#fff 60%,transparent 100%),url(../../../assets/images/dots7.webp)}header{z-index:1;position:relative}.lazy{opacity:0;transform:translateY(12px);transition:opacity 0.5s ease,transform 0.5s ease}.lazy2{opacity:0;transform:translateY(12px);transition:opacity 5s ease,transform 0.5s ease}.visible{opacity:1;transform:translateY(0)}.navbar{display:flex;justify-content:space-evenly;align-items:center;position:fixed;top:0;left:0;width:100%;background-color:#fff;color:#fff;box-shadow:0 2px 5px rgb(0 0 0 / .1);transform:translateY(0);transition:transform 0.3s ease-in-out;z-index:1000;font-size:20px;gap:190px;font-family:"Lexend Deca",sans-serif}.button{align-items:center;appearance:none;border:0;border-radius:6px;box-shadow:rgb(45 35 66 / .4) 0 2px 4px,rgb(45 35 66 / .3) 0 7px 13px -3px,rgb(58 65 111 / .5) 0 -3px 0 inset;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:"JetBrains Mono",monospace;height:48px;min-width:100px;max-width:200px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px;font-family:"Lexend Deca",sans-serif}.login-button{background-image:radial-gradient(100% 100% at 100% 0,#023E7D 0,#0353A4 100%)}.login-button:focus{box-shadow:#143bbd 0 0 0 1.5px inset,rgb(45 35 66 / .4) 0 2px 4px,rgb(45 35 66 / .3) 0 7px 13px -3px,#143bbd 0 -3px 0 inset}.login-button:hover{box-shadow:rgb(45 35 66 / .4) 0 4px 8px,rgb(45 35 66 / .3) 0 7px 13px -3px,#023E7D 0 -3px 0 inset;transform:translateY(-2px)}.login-button:active{box-shadow:#143bbd 0 3px 7px inset;transform:translateY(2px)}.navbar.hidden{transform:translateY(-100%)}.navbar li{color:#000}.list__header-elements_tabs{display:flex;list-style:none;gap:60px}.container-tabs__aditional{display:flex;align-items:center;gap:30px}.list__additional-tabs{display:flex;list-style:none;gap:15px}nav li{cursor:pointer;list-style:none}.home-open::before,.attivita-open::before,.portale-open::before,.contattaci-open::before{content:'';position:absolute;width:100%;height:4px;border-radius:4px;background-color:#023E7D;bottom:0;left:0;transform-origin:left;transform:scaleX(1);transition:transform .3s ease-in-out}nav li{color:#18272F;position:relative;text-decoration:none;padding-bottom:7px}nav li::before{content:'';position:absolute;width:100%;height:4px;border-radius:4px;background-color:#023E7D;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}li:hover::before{transform-origin:left;transform:scaleX(1)}.login-button{background-color:#023E7D;color:#fff;padding:7px;border-radius:10px;border:1px solid #000;cursor:pointer}.container-portale-cliente-grafica{margin-top:200px}.testo{color:#555;font-size:18px;line-height:1.6;text-align:center}.highlight{color:#1518ad;font-weight:700}.cta{margin:0 auto;display:flex;justify-content:center;margin-top:60px;background-image:radial-gradient(100% 100% at 100% 0,#60a3bc 0,#0b5bac 100%)}.cta:hover{box-shadow:rgb(45 35 66 / .4) 0 4px 8px,rgb(45 35 66 / .3) 0 7px 13px -3px,#023E7D 0 -3px 0 inset;transform:translateY(-2px)}.container-portale-cliente__immagini{display:flex;justify-content:center;position:relative;margin:120px 0 120px 0}.container-portale-cliente__immagini img{transition:transform 0.8s ease;position:relative;width:700px;object-fit:cover;border-radius:8px;-webkit-box-shadow:10px 10px 96px -15px rgb(0 0 0 / .75);-moz-box-shadow:10px 10px 96px -15px rgb(0 0 0 / .75);box-shadow:10px 10px 96px -15px rgb(0 0 0 / .75);background-color:rgb(128 128 128 / .5)}.container-portale-cliente__immagini .immagine_grande{transform:scale(1.1);z-index:10;opacity:1}.container{display:flex;width:100%;box-sizing:border-box;height:80vh;margin-top:180px}.box{flex:1;transition:.5s;margin:0 2%;box-shadow:0 20px 30px rgb(0 0 0 / .1);line-height:0;background:rgb(128 128 128 / .05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.box>img{width:200%;height:calc(100% - 10vh);object-fit:cover;transition:.5s}.box>span{text-align:center;display:block;font-size:20px;line-height:50px}section{padding:20px}@media screen and (max-width:599px){body,html{overflow-x:clip}.principal-containers{margin-top:100px}.container-tabs-mobile{position:absolute;right:0;padding:44px;background-color:#fff;z-index:3;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomleft:20px;border-bottom-left-radius:20px}.container-tabs-mobile ul li{color:#000;line-height:35px;font-size:18px}.nav-trigger{width:50px;height:50px;position:relative;background:#fff0;border:none;vertical-align:middle;padding:10px;margin:0;cursor:pointer}.nav-trigger:focus{outline:0}.nav-trigger:before{content:'';opacity:0;width:0;height:0;border-radius:50%;position:absolute;top:50%;left:50%;background:#fff0;transform:translate(-50%,-50%);transition:all 0.4s ease}.nav-trigger span{display:block;position:relative}.nav-trigger span:before,.nav-trigger span:after{content:'';position:absolute;left:0}.nav-trigger span:before{top:-8px}.nav-trigger span:after{bottom:-8px}.nav-trigger span,.nav-trigger span:before,.nav-trigger span:after{width:100%;height:4px;background:#000;transition:all 0.4s ease}.nav-trigger.is-active:before{opacity:1;width:50px;height:50px}.nav-trigger.is-active span{background:#fff0}.nav-trigger.is-active span:before{top:0;transform:rotate(225deg)}.nav-trigger.is-active span:after{bottom:0;transform:rotate(-225deg)}.container-image__logo a img{width:110px}.container-tabs{display:none}.navbar{gap:40px}.navbar ul li{list-style:none}.navbar li a{color:#000;text-decoration:none;display:inline-block;width:100%}.login-button{height:38px;min-width:90px}#typing-text{top:50%;font-size:30px}.frase-effetto__icon{display:none}.main-title{font-size:30px;letter-spacing:1px}.testo{font-size:13px}.container-portale-cliente__immagini img{width:230px}.container-grafica-comunicazione{padding:20px}.container{overflow:auto;height:auto}.container .box{flex:none;overflow:none;transition:none;margin:none;box-shadow:none;line-height:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.container .box>img{height:auto;width:346px;object-fit:contain}.omg{width:auto;background-color:none;background-position:50% 70%}.testo{font-size:13px}}@media screen and (min-width:600px) and (max-width:1025px){body,html{overflow-x:clip}.container-tabs-mobile{position:absolute;right:0;padding:44px;background-color:#fff;z-index:3;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomleft:20px;border-bottom-left-radius:20px}#typing-text{width:700px}.container-tabs-mobile ul li{color:#000;line-height:85px;font-size:25px}.principal-containers{padding:20px;max-width:auto;margin-top:200px}.nav-trigger{width:50px;height:50px;position:relative;background:#fff0;border:none;vertical-align:middle;padding:10px;margin:0;cursor:pointer}.nav-trigger:focus{outline:0}.nav-trigger:before{content:'';opacity:0;width:0;height:0;border-radius:50%;position:absolute;top:50%;left:50%;background:#fff0;transform:translate(-50%,-50%);transition:all 0.4s ease}.nav-trigger span{display:block;position:relative}.nav-trigger span:before,.nav-trigger span:after{content:'';position:absolute;left:0}.nav-trigger span:before{top:-8px}.nav-trigger span:after{bottom:-8px}.nav-trigger span,.nav-trigger span:before,.nav-trigger span:after{width:100%;height:4px;background:#000;transition:all 0.4s ease}.nav-trigger.is-active:before{opacity:1;width:50px;height:50px}.nav-trigger.is-active span{background:#fff0}.nav-trigger.is-active span:before{top:0;transform:rotate(225deg)}.nav-trigger.is-active span:after{bottom:0;transform:rotate(-225deg)}.container-image__logo a img{width:110px}.container-tabs{display:none}.navbar{gap:40px}.navbar ul li{list-style:none}.navbar li a{color:#000;text-decoration:none;display:inline-block;width:100%}.login-button{height:38px;min-width:90px}.container-tabs{display:none}.container-portale-cliente__immagini img{width:300px}.main-title{font-size:25px;letter-spacing:10px}}@media screen and (min-width:1026px) and (max-width:1600px){.navbar{gap:0}.main-title{font-size:1.8rem}.list__header-elements_tabs{gap:20px;padding:0}.container-image__logo a img{width:147px}.container-portale-cliente__immagini img{width:530px}}