.elementor-kit-6{--e-global-color-primary:#EB8D2F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#1E4692;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.animated-diagonal-bg {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: none !important;
}

/* contenuti sopra */
.animated-diagonal-bg > * {
  position: relative;
  z-index: 2;
}

/* immagine dietro */
.animated-diagonal-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background-image: url("https://optoconnect.com/wp-content/uploads/2026/04/bganimato.jpg");
  background-repeat: no-repeat;

  background-size: auto 380%;

  /* 👇 spostata fuori a destra */
  background-position: calc(100% + 320px) 10%;

  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;

  animation: verticalImageScan 3s ease-in-out infinite alternate;
  will-change: background-position;
}

/* movimento */
@keyframes verticalImageScan {
  0% {
    background-position: calc(100% + 80px) 10%;
  }

  100% {
    background-position: calc(100% + 80px) 60%;
  }
}/* End custom CSS */