.elementor-355 .elementor-element.elementor-element-c16dcd2{--display:flex;--min-height:100px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-355 .elementor-element.elementor-element-be3e9c7{text-align:center;}.elementor-355 .elementor-element.elementor-element-be3e9c7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:uppercase;}/* Start custom CSS for container, class: .elementor-element-c16dcd2 *//* IL CONTAINER */
.hover-fill-red {
  position: relative;
  overflow: hidden;
  z-index: 1; /* Assicura che il contenuto resti sopra */
  transition: all 0.6s ease;
}

/* EFFETTO LIQUIDO (Il "Level") */
.hover-fill-red::before {
  content: "";
  position: absolute;
  left: -50%;
  bottom: -50%;
  width: 200%;
  height: 2000%;
  background-color: #7ab950;
  border-radius: 42%; /* Leggermente ridotto per un look più fluido */
  transform: translateY(100%) rotate(0deg);
  z-index: -1; /* Va dietro ai widget interni */
  transition: transform 0.4s ease-in-out, border-radius 0.4s ease;
  pointer-events: none;
}

/* HOVER: Animazione salita e rotazione */
.hover-fill-red:hover::before {
  transform: translateY(-20%) rotate(180deg);
  border-radius: 35%;
}

/* CAMBIO COLORE TESTI E ICONE NEL CONTAINER */
.hover-fill-red:hover, 
.hover-fill-red:hover * {
  color: #ffffff !important;
}

/* GESTIONE SPECIFICA ICONE SVG */
.hover-fill-red:hover svg path,
.hover-fill-red:hover i {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* TRANSIZIONE MORBIDA PER TUTTI GLI ELEMENTI INTERNI */
.hover-fill-red * {
  transition: color 0.5s ease, fill 0.5s ease !important;
}/* End custom CSS */