.elementor-336 .elementor-element.elementor-element-6a57cd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-336 .elementor-element.elementor-element-5976ff3{--display:flex;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-f4306d8 );--border-color:var( --e-global-color-f4306d8 );--border-radius:30px 30px 30px 30px;}/* Start custom CSS for container, class: .elementor-element-5976ff3 */.elementor-336 .elementor-element.elementor-element-5976ff3 {
    /* Colore di sfondo e bordi */
    background-color: #ffffff;
    border-radius: 30px; /* Arrotondamento degli angoli */
    
    /* Ombra morbida per l'effetto profondità */
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    
    /* Spaziatura interna: sopra/sotto 50px, destra/sinistra 30px */
    padding: 50px 30px 40px 30px;
    
    /* Gestione della posizione per il badge numerico */
    position: relative;
    overflow: visible; /* Fondamentale per far uscire il numero dal bordo */
    
    /* Transizione fluida per l'hover */
    transition: all 0.3s ease-in-out;
    
    /* Un po' di margine sopra per fare spazio al pallino numerico */
    margin-top: 30px; 
}

/* Effetto al passaggio del mouse (Opzionale ma consigliato) */
.elementor-336 .elementor-element.elementor-element-5976ff3:hover {
    transform: translateY(-10px); /* La card si alza leggermente */
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.1); /* L'ombra diventa più marcata */
}/* End custom CSS */