html,
body,
#container {
   height: 100%;
   width: 100%;
}
body {
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-size: 16px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#no-overflow {
   overflow-x: hidden;
}
#indexTextArt4 {
   border-width: 0;
   vertical-align: top;
}
#wb_index-enText1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb_index-enText1 div {
   text-align: center;
}
#wb_Servizi-1Heading1 {
   margin: 0;
   padding: 0;
   text-align: left;
}
#Servizi-1Heading1 {
   height: 100%;
   margin: 0;
   width: 100%;
}
#wb_indexHeading2 {
   margin: 0;
   padding: 0;
   text-align: left;
}
#indexHeading2 {
   height: 100%;
   margin: 0;
   width: 100%;
}
#wb_indexImage1 {
   vertical-align: top;
}
#indexImage1 {
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   height: 100%;
   left: 0;
   margin: 0;
   padding: 0;
   top: 0;
   width: 100%;
}
#indexPhotoGallery1 {
   box-sizing: border-box;
   display: table;
   font-size: 0;
   height: 100%;
   margin: 0;
   table-layout: fixed;
   width: 100%;
}
#indexPhotoGallery1 .thumbnails {
   margin: 0;
}
#indexPhotoGallery1 .thumbnail {
   box-sizing: border-box;
   float: left;
   margin: 0;
   min-height: 1px;
   padding: 3px 3px 3px 3px;
   position: relative;
   text-align: center;
   vertical-align: top;
   width: 33.33333333%;
}
#indexPhotoGallery1 .thumbnail img {
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
}
#indexPhotoGallery1 .clearfix:before,
#indexPhotoGallery1 .clearfix:after,
#indexPhotoGallery1 .thumbnails:before,
#indexPhotoGallery1 .thumbnails:after {
   content: " ";
   display: table;
}
#indexPhotoGallery1 .clearfix:after,
#indexPhotoGallery1 .thumbnails:after {
   clear: both;
}
#indexPhotoGallery1 .visible-col3 {
   display: block;
}
#indexPhotoGallery1_img0 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery1_img1 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery1_img2 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery1_img3 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery1_img4 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery1_img5 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery2 {
   box-sizing: border-box;
   display: table;
   font-size: 0;
   height: 100%;
   margin: 0;
   table-layout: fixed;
   width: 100%;
}
#indexPhotoGallery2 .thumbnails {
   margin: 0;
}
#indexPhotoGallery2 .thumbnail {
   box-sizing: border-box;
   float: left;
   margin: 0;
   min-height: 1px;
   padding: 3px 3px 3px 3px;
   position: relative;
   text-align: center;
   vertical-align: top;
   width: 33.33333333%;
}
#indexPhotoGallery2 .thumbnail img {
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
}
#indexPhotoGallery2 .clearfix:before,
#indexPhotoGallery2 .clearfix:after,
#indexPhotoGallery2 .thumbnails:before,
#indexPhotoGallery2 .thumbnails:after {
   content: " ";
   display: table;
}
#indexPhotoGallery2 .clearfix:after,
#indexPhotoGallery2 .thumbnails:after {
   clear: both;
}
#indexPhotoGallery2 .visible-col3 {
   display: block;
}
#indexPhotoGallery2_img0 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery2_img1 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery2_img2 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery2_img3 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery2_img4 {
   height: 120px;
   width: 120px;
}
#indexPhotoGallery2_img5 {
   height: 120px;
   width: 120px;
}
#Layer_dx {
   background-color: #D3D3D3;
   background-image: none;
   border-radius: 0px;
}
#readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneButton1 {
   -webkit-appearance: none;
   background: linear-gradient(to bottom, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0.20) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0.0) 100%), radial-gradient(ellipse at bottom, #0000FF 0%,rgba(0,0,0,0.0) 100%), #000000;
   border: 1px solid #2C3E50;
   border-radius: 4px;
   box-sizing: border-box;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
   line-height: 34px;
   margin: 0;
   padding: 1px 6px 1px 6px;
   text-align: center;
   text-decoration: none;
   vertical-align: top;
}
#readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneButton1:focus {
   outline: 0;
}
#wb_index-enText3 {
   margin: 0;
}
#wb_index-enText3 p,
#wb_index-enText3 ul {
   margin: 0;
   padding: 0;
}
#wb_readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneText1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#wb_readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneText1 div {
   text-align: left;
}
#readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneClipArt1 {
   border-width: 0;
   vertical-align: top;
}
#wb_index-enText3 {
   height: 733px;
   left: 217px;
   position: absolute;
   text-align: center;
   top: 250px;
   width: 986px;
   z-index: 10;
}
#wb_indexHeading2 {
   height: 24px;
   left: 39px;
   position: absolute;
   top: 40px;
   width: 325px;
   z-index: 4;
}
#wb_index-enText1 {
   height: 66px;
   left: 274px;
   position: absolute;
   text-align: center;
   top: 2056px;
   width: 842px;
   z-index: 2;
}
#wb_uid4 {
   display: block;
   text-decoration: none  !important;
}
#wb_readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneClipArt1 {
   height: 24px;
   left: 71px;
   position: absolute;
   top: 893px;
   width: 26px;
   z-index: 12;
}
#wb_uid3 {
   color: #FFFFFF;
   font-family: "Arial";
   font-size: 13px;
}
#wb_uid2 {
   border-bottom: none;
}
#wb_uid1 {
   color: #000000;
   font-family: "Arial";
   font-size: 11px;
}
#wb_uid0 {
   color: #FFFFFF;
   font-family: "Arial";
   font-size: 11px;
}
#wb_indexPhotoGallery2 {
   height: 252px;
   left: 773px;
   position: absolute;
   top: 1041px;
   width: 378px;
   z-index: 7;
}
#wb_indexPhotoGallery1 {
   height: 252px;
   left: 274px;
   position: absolute;
   top: 1041px;
   width: 378px;
   z-index: 6;
}
#readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneHtml1 {
   height: 652px;
   left: 1px;
   position: absolute;
   top: 2px;
   width: 527px;
   z-index: 0;
}
#wb_indexTextArt4 {
   height: 14px;
   left: 335px;
   position: absolute;
   top: 2180px;
   width: 770px;
   z-index: 1;
}
#readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneButton1 {
   height: 38px;
   left: 1092px;
   position: absolute;
   top: 10px;
   width: 188px;
   z-index: 9;
}
#wb_indexImage1 {
   height: 134px;
   left: 607px;
   position: absolute;
   top: 0px;
   width: 206px;
   z-index: 5;
}
#indexTextArt4 {
   height: 14px;
   width: 770px;
}
#Layer_dx {
   height: 1219px;
   left: 1429px;
   position: absolute;
   text-align: left;
   top: 64px;
   width: 528px;
   z-index: 8;
}
#wb_readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneText1 {
   height: 15px;
   left: 17px;
   position: absolute;
   top: 868px;
   width: 134px;
   z-index: 11;
}
#page2Html3 {
   height: 39px;
   left: 167px;
   position: absolute;
   top: 48px;
   width: 1086px;
   z-index: 13;
}
#wb_Servizi-1Heading1 {
   height: 21px;
   left: 81px;
   position: absolute;
   top: 19px;
   width: 265px;
   z-index: 3;
}
#readmore1-Hybrid-Event-Concept--Progettazione-e-VisioneClipArt1 {
   height: 24px;
   width: 26px;
}
html,
body {
   background-color: #000000  !important;
   margin: 0;
   overflow-x: hidden  !important;
   padding: 0;
   width: 100%;
}
#Layer_dx {
   display: none  !important;
}
@media screen and (min-width: 1550px) {
#Layer_dx {
   background-color: #050505  !important;
   border-left: 2px solid #1a1a1a  !important;
   box-shadow: -10px 0 30px rgba(0,0,0,0.9)  !important;
   display: block  !important;
   height: 100vh  !important;
   margin: 0  !important;
   overflow-x: hidden  !important;
   overflow-y: auto  !important;
   position: fixed  !important;
   right: 0  !important;
   top: 0  !important;
   width: 460px  !important;
   z-index: 9999  !important;
}
#Layer_dx::before {
   background-image: linear-gradient(rgba(0, 85, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 85, 255, 0.05) 1px, transparent 1px);
   background-size: 20px 20px;
   content: "";
   height: 100%;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 0;
}
#whatsapp-neon-btn,
.lang-control-panel {
   right: 485px  !important;
}
.site-header {
   width: calc(100% - 460px)  !important;
}
}
#whatsapp-neon-btn {
   bottom: 25px;
   position: fixed;
   right: 25px;
   transition: all 0.5s ease;
   z-index: 10001;
}
.lang-control-panel {
   align-items: flex-end;
   display: flex;
   flex-direction: column;
   gap: 5px;
   position: fixed;
   right: 20px;
   top: 20px;
   transition: all 0.5s ease;
   z-index: 10001;
}
.site-header {
   align-items: center;
   backdrop-filter: blur(10px);
   background: rgba(0, 0, 0, 0.95);
   border-bottom: 1px solid rgba(0, 85, 255, 0.3);
   box-sizing: border-box;
   display: flex;
   height: 70px;
   justify-content: space-between;
   left: 0;
   padding: 0 40px;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 10005;
}
.wb_lightbox,
#lightbox,
.lg-backdrop,
.lg-outer {
   z-index: 20000  !important;
}
#indexHeading1,
#Servizi-1Heading1 {
   color: #ffffff  !important;
   text-shadow: 0 0 15px rgba(0, 85, 255, 0.7)  !important;
}
#indexImage1 {
   filter: drop-shadow(0 0 10px rgba(0, 85, 255, 0.5))  !important;
}
@media screen and (max-width: 480px) {
#whatsapp-neon-btn {
   bottom: 15px;
   right: 15px;
}
#whatsapp-neon-btn span {
   display: none;
}
.lang-control-panel {
   right: 10px;
   top: 10px;
}
.site-header {
   height: 60px;
   padding: 0 15px;
}
}
.tech-sidebar-content {
   background: transparent;
   color: #fff;
   font-family: 'Courier New', monospace;
   padding: 20px;
}
.side-block {
   border-bottom: 1px dashed rgba(0, 85, 255, 0.2);
   margin-bottom: 35px;
   padding-bottom: 15px;
}
.tech-label {
   color: #0055ff;
   display: block;
   font-size: 10px;
   font-weight: bold;
   letter-spacing: 2px;
   margin-bottom: 15px;
}
.digital-clock {
   color: #fff;
   font-size: 32px;
   margin-top: 5px;
   text-shadow: 0 0 10px rgba(0, 85, 255, 0.5);
}
.status-flex {
   align-items: center;
   display: flex;
   gap: 10px;
}
.status-indicator {
   animation: blink 1.5s infinite;
   background: #00ff00;
   border-radius: 50%;
   box-shadow: 0 0 8px #00ff00;
   height: 8px;
   width: 8px;
}
.status-text {
   font-size: 9px;
   opacity: 0.7;
}
.stack-grid {
   display: grid;
   gap: 10px;
   grid-template-columns: repeat(3, 1fr);
}
.stack-item {
   background: rgba(255,255,255,0.02);
   border: 1px solid #333;
   cursor: default;
   font-size: 10px;
   padding: 8px;
   text-align: center;
   transition: 0.3s;
}
.stack-item:hover {
   background: rgba(0, 85, 255, 0.1);
   border-color: #0055ff;
   box-shadow: 0 0 10px rgba(0, 85, 255, 0.2);
   color: #0055ff;
}
.radar-container {
   background: rgba(0, 85, 255, 0.05);
   border: 1px solid #1a1a1a;
   border-radius: 4px;
   height: 120px;
   overflow: hidden;
   position: relative;
}
.radar-sweep {
   animation: rotate 4s linear infinite;
   background: conic-gradient(from 0deg, rgba(0, 85, 255, 0.3) 0%, transparent 20%);
   height: 200%;
   left: -50%;
   position: absolute;
   top: -50%;
   width: 200%;
}
.radar-point {
   background: #fff;
   border-radius: 50%;
   box-shadow: 0 0 10px #fff;
   height: 6px;
   left: 60%;
   position: absolute;
   top: 40%;
   width: 6px;
}
.coordinates {
   color: #444;
   font-size: 8px;
   margin-top: 8px;
   text-align: center;
}
.uptime-bar {
   background: #111;
   border-radius: 2px;
   height: 4px;
   margin-top: 10px;
   overflow: hidden;
}
.uptime-fill {
   background: #0055ff;
   box-shadow: 0 0 10px #0055ff;
   height: 100%;
   width: 99.9%;
}
.uptime-stats {
   font-size: 8px;
   margin-top: 5px;
   opacity: 0.4;
}
@keyframes blink {
0%,
100% {
   opacity: 1;
}
50% {
   opacity: 0.3;
}
}
@keyframes rotate {
from {
   transform: rotate(0deg);
}
to {
   transform: rotate(360deg);
}
}
.scroll-callout-container {
   align-items: center;
   background: transparent;
   display: flex;
   font-family: 'Segoe UI', sans-serif;
   gap: 30px;
   justify-content: center;
   padding: 60px 0;
   width: 100%;
}
.arrow-group-h {
   align-items: center;
   display: flex;
   gap: 10px;
   min-width: 60px;
}
.arrow-tech-h {
   color: #0055ff  !important;
   display: inline-block;
   font-family: 'Courier New', monospace  !important;
   font-size: 35px;
   font-weight: bold;
   opacity: 0.3;
}
.left-arrows {
   animation: arrowPushRight 2s infinite;
}
.right-arrows {
   animation: arrowPushLeft 2s infinite;
}
.delay-1 {
   animation-delay: 0.4s;
}
.blog-btn-main {
   align-items: center;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   text-decoration: none  !important;
}
.btn-content {
   backdrop-filter: blur(5px);
   background: rgba(0, 0, 0, 0.8);
   border: 1px solid rgba(0, 85, 255, 0.4);
   padding: 20px 40px;
   text-align: center;
}
.btn-label {
   color: #0055ff;
   display: block;
   font-size: 9px;
   font-weight: bold;
   letter-spacing: 4px;
   margin-bottom: 8px;
}
.btn-title {
   color: #ffffff;
   font-size: 16px;
   font-weight: 800;
   letter-spacing: 1px;
}
.btn-line {
   background: #0055ff;
   box-shadow: 0 0 10px #0055ff;
   height: 2px;
   margin: 10px 0;
   width: 100px;
}
@keyframes arrowPushRight {
0%,
100% {
   opacity: 0.2;
   transform: translateX(0);
}
50% {
   color: #fff;
   opacity: 1;
   text-shadow: 0 0 15px #0055ff;
   transform: translateX(10px);
}
}
@keyframes arrowPushLeft {
0%,
100% {
   opacity: 0.2;
   transform: translateX(0);
}
50% {
   color: #fff;
   opacity: 1;
   text-shadow: 0 0 15px #0055ff;
   transform: translateX(-10px);
}
}
@media screen and (max-width: 600px) {
.scroll-callout-container {
   gap: 10px;
}
.btn-title {
   font-size: 12px;
}
.arrow-tech-h {
   font-size: 24px;
}
}