.elementor-40677 .elementor-element.elementor-element-d095783{--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-40677 .elementor-element.elementor-element-a8ef23c{--spacer-size:140px;}.elementor-40677 .elementor-element.elementor-element-0ed3ef5{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;}.elementor-40677 .elementor-element.elementor-element-0ed3ef5 .elementor-divider-separator{width:86%;margin:0 auto;margin-center:0;}.elementor-40677 .elementor-element.elementor-element-0ed3ef5 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-40677 .elementor-element.elementor-element-ca453cd{text-align:center;}.elementor-40677 .elementor-element.elementor-element-ca453cd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-primary );}.elementor-40677 .elementor-element.elementor-element-f72a439{margin:0px 90px calc(var(--kit-widget-spacing, 0px) + 0px) 90px;columns:1;}.elementor-40677 .elementor-element.elementor-element-f72a439 p{margin-block-end:30px;}.elementor-40677 .elementor-element.elementor-element-3d054df{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:3px;}.elementor-40677 .elementor-element.elementor-element-3d054df .elementor-divider-separator{width:72px;margin:0 auto;margin-center:0;}.elementor-40677 .elementor-element.elementor-element-3d054df .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-40677 .elementor-element.elementor-element-644b800{--display:flex;}.elementor-40677 .elementor-element.elementor-element-a7ecaa5{--display:flex;}.elementor-40677 .elementor-element.elementor-element-9c44c2e{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-403f217{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-403f217:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-403f217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1110;}.elementor-40677 .elementor-element.elementor-element-e942de6{text-align:center;}.elementor-40677 .elementor-element.elementor-element-e942de6 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-48b07dc{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-48b07dc:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-48b07dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;}.elementor-40677 .elementor-element.elementor-element-4c5b69d{text-align:center;}.elementor-40677 .elementor-element.elementor-element-4c5b69d .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-0963a81{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-0963a81:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-0963a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;}.elementor-40677 .elementor-element.elementor-element-d888253{text-align:center;}.elementor-40677 .elementor-element.elementor-element-d888253 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-40677 .elementor-element.elementor-element-07aba1a{--display:flex;--justify-content:space-around;}.elementor-40677 .elementor-element.elementor-element-07aba1a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-07aba1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-40677 .elementor-element.elementor-element-accc1ce{text-align:center;}.elementor-40677 .elementor-element.elementor-element-accc1ce .elementor-heading-title{color:var( --e-global-color-text );}.elementor-40677 .elementor-element.elementor-element-a857ac0{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-a857ac0:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-a857ac0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#512719;}.elementor-40677 .elementor-element.elementor-element-d35115a{text-align:center;}.elementor-40677 .elementor-element.elementor-element-d35115a .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-40677 .elementor-element.elementor-element-1cb082c{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-1cb082c:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-1cb082c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-40677 .elementor-element.elementor-element-b15024f{text-align:center;}.elementor-40677 .elementor-element.elementor-element-b15024f .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-text );}.elementor-40677 .elementor-element.elementor-element-0cfcdd4{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-0cfcdd4:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-0cfcdd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;}.elementor-40677 .elementor-element.elementor-element-79501f8{text-align:center;}.elementor-40677 .elementor-element.elementor-element-79501f8 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-40677 .elementor-element.elementor-element-5608ae4{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-5608ae4:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-5608ae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AFBFB2;}.elementor-40677 .elementor-element.elementor-element-4f3200c{text-align:center;}.elementor-40677 .elementor-element.elementor-element-4f3200c .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-40677 .elementor-element.elementor-element-483150a{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-483150a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-483150a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#703237;}.elementor-40677 .elementor-element.elementor-element-d72011a{text-align:center;}.elementor-40677 .elementor-element.elementor-element-d72011a .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-40677 .elementor-element.elementor-element-444613b{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-444613b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-444613b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6C8EA7;}.elementor-40677 .elementor-element.elementor-element-45b63ba{text-align:center;}.elementor-40677 .elementor-element.elementor-element-45b63ba .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-40677 .elementor-element.elementor-element-04923e0{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-04923e0:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-04923e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0E79A;}.elementor-40677 .elementor-element.elementor-element-c11d890{text-align:center;}.elementor-40677 .elementor-element.elementor-element-c11d890 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-ffbb430{--display:flex;}.elementor-40677 .elementor-element.elementor-element-73e7ecb{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-3df2ee7{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-3df2ee7:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-3df2ee7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1110;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO01_1101_.jpg");}.elementor-40677 .elementor-element.elementor-element-df7d972{text-align:center;}.elementor-40677 .elementor-element.elementor-element-df7d972 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-8b3fc0d{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-8b3fc0d:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-8b3fc0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO10_27193_PE_.jpg");}.elementor-40677 .elementor-element.elementor-element-e400c36{text-align:center;}.elementor-40677 .elementor-element.elementor-element-e400c36 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-40677 .elementor-element.elementor-element-cda61f4{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-cda61f4:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-cda61f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO11_D2164_PE_13e7dad205.jpg");}.elementor-40677 .elementor-element.elementor-element-e9356f8{text-align:center;}.elementor-40677 .elementor-element.elementor-element-e9356f8 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-703e2ea{--display:flex;--justify-content:space-around;}.elementor-40677 .elementor-element.elementor-element-703e2ea:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-703e2ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO12_2190_GL_Dekorbild_82d057dfa9.jpg");}.elementor-40677 .elementor-element.elementor-element-38e34f4{text-align:center;}.elementor-40677 .elementor-element.elementor-element-38e34f4 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-4da2c00{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-4da2c00:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-4da2c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#512719;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO13-3391_BS.jpg");}.elementor-40677 .elementor-element.elementor-element-627d542{text-align:center;}.elementor-40677 .elementor-element.elementor-element-627d542 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-40677 .elementor-element.elementor-element-d5df39f{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-d5df39f:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-d5df39f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO14_34140_RV.jpg");}.elementor-40677 .elementor-element.elementor-element-0cfa457{text-align:center;}.elementor-40677 .elementor-element.elementor-element-0cfa457 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-40677 .elementor-element.elementor-element-5092151{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-5092151:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-5092151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO15_37755_BS_.jpg");}.elementor-40677 .elementor-element.elementor-element-b3739bd{text-align:center;}.elementor-40677 .elementor-element.elementor-element-b3739bd .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-40677 .elementor-element.elementor-element-b427e8a{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-b427e8a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-b427e8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/NO22_D22192_MN.jpg");}.elementor-40677 .elementor-element.elementor-element-3527026{text-align:center;}.elementor-40677 .elementor-element.elementor-element-3527026 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-7921a04{--display:flex;}.elementor-40677 .elementor-element.elementor-element-aa6ae16{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-964149e{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-964149e:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-964149e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1110;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/HP-01-18.jpg");}.elementor-40677 .elementor-element.elementor-element-f35fe59{text-align:center;}.elementor-40677 .elementor-element.elementor-element-f35fe59 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-0f6224d{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-0f6224d:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-0f6224d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/6084.jpg");}.elementor-40677 .elementor-element.elementor-element-66ba873{text-align:center;}.elementor-40677 .elementor-element.elementor-element-66ba873 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-2e50408{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-2e50408:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-2e50408 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323232;}.elementor-40677 .elementor-element.elementor-element-c1aef51{text-align:center;}.elementor-40677 .elementor-element.elementor-element-c1aef51 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-6345c91{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-6345c91:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-6345c91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/5547.jpg");}.elementor-40677 .elementor-element.elementor-element-9dc4107{text-align:center;}.elementor-40677 .elementor-element.elementor-element-9dc4107 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-40677 .elementor-element.elementor-element-c1ed127{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-c1ed127:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-c1ed127 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/1461_S.jpg");}.elementor-40677 .elementor-element.elementor-element-57e30e1{text-align:center;}.elementor-40677 .elementor-element.elementor-element-57e30e1 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-9fa4fe1{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-9fa4fe1:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-9fa4fe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/868_S-1.jpg");}.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before, .elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-9fa4fe1 > .elementor-background-slideshow:hover::before, .elementor-40677 .elementor-element.elementor-element-9fa4fe1 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FFEEC3;--background-overlay:'';}.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover{--overlay-opacity:0.5;}.elementor-40677 .elementor-element.elementor-element-9fa4fe1, .elementor-40677 .elementor-element.elementor-element-9fa4fe1::before{--overlay-transition:0.1s;}.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-40677 .elementor-element.elementor-element-98dc00a{text-align:center;}.elementor-40677 .elementor-element.elementor-element-98dc00a .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-788c8af{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-788c8af:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-788c8af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/596_S.jpg");}.elementor-40677 .elementor-element.elementor-element-d0df926{text-align:center;}.elementor-40677 .elementor-element.elementor-element-d0df926 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-4c2c01c{--display:flex;--justify-content:space-around;}.elementor-40677 .elementor-element.elementor-element-4c2c01c:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-4c2c01c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/1457_S.jpg");}.elementor-40677 .elementor-element.elementor-element-a048887{text-align:center;}.elementor-40677 .elementor-element.elementor-element-a048887 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-ba4c9ca{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-ba4c9ca:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-ba4c9ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#512719;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/1456_S.jpg");}.elementor-40677 .elementor-element.elementor-element-45c802b{text-align:center;}.elementor-40677 .elementor-element.elementor-element-45c802b .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-0d9029e{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-0d9029e:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-0d9029e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/1465_S.jpg");}.elementor-40677 .elementor-element.elementor-element-4750441{text-align:center;}.elementor-40677 .elementor-element.elementor-element-4750441 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-da91b54{--display:flex;}.elementor-40677 .elementor-element.elementor-element-e0c3ee3{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-e5e4e77{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-e5e4e77:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-e5e4e77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/balance-chester-green.jpg");}.elementor-40677 .elementor-element.elementor-element-e943bc2{text-align:center;}.elementor-40677 .elementor-element.elementor-element-e943bc2 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-d56677b{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-d56677b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-d56677b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/balance-ivory.jpg");}.elementor-40677 .elementor-element.elementor-element-07f3d67{text-align:center;}.elementor-40677 .elementor-element.elementor-element-07f3d67 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-cff325f{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-cff325f:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-cff325f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/balance-ochre.jpg");}.elementor-40677 .elementor-element.elementor-element-455f980{text-align:center;}.elementor-40677 .elementor-element.elementor-element-455f980 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-104a213{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-104a213:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-104a213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/black-diamond.jpg");}.elementor-40677 .elementor-element.elementor-element-b30b69c{text-align:center;}.elementor-40677 .elementor-element.elementor-element-b30b69c .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-3b4939e{--display:flex;}.elementor-40677 .elementor-element.elementor-element-2491747{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-00f41ca{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-00f41ca:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-00f41ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAFA;}.elementor-40677 .elementor-element.elementor-element-eaeef59{text-align:center;}.elementor-40677 .elementor-element.elementor-element-eaeef59 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-98d366e{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-98d366e:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-98d366e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#232323;}.elementor-40677 .elementor-element.elementor-element-fd72a31{text-align:center;}.elementor-40677 .elementor-element.elementor-element-fd72a31 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-94fe15e{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-94fe15e:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-94fe15e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BFB290;}.elementor-40677 .elementor-element.elementor-element-07946cd{text-align:center;}.elementor-40677 .elementor-element.elementor-element-07946cd .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-4f4593b{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-4f4593b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-4f4593b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#607361;}.elementor-40677 .elementor-element.elementor-element-ee12634{text-align:center;}.elementor-40677 .elementor-element.elementor-element-ee12634 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-a6a6ae0{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-a6a6ae0:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-a6a6ae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#60392E;}.elementor-40677 .elementor-element.elementor-element-1bc0c6a{text-align:center;}.elementor-40677 .elementor-element.elementor-element-1bc0c6a .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-dbb8b28{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:16px 16px 16px 16px;--n-accordion-icon-size:20px;--n-accordion-icon-gap:28px;}.elementor-40677 .elementor-element.elementor-element-79cc1cd{--display:flex;}.elementor-40677 .elementor-element.elementor-element-374d5e2{text-align:center;}.elementor-40677 .elementor-element.elementor-element-374d5e2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-primary );}.elementor-40677 .elementor-element.elementor-element-03e70f7{--display:flex;}.elementor-40677 .elementor-element.elementor-element-2ff9302{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-e4cf58e{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-e4cf58e:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-e4cf58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Tessuto_MarroneChiaro_VE01-e1737970613321.jpg");}.elementor-40677 .elementor-element.elementor-element-61c4435{text-align:center;}.elementor-40677 .elementor-element.elementor-element-61c4435 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-4ebe4e1{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-4ebe4e1:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-4ebe4e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Tessuto_Giallo_VE02-e1737971210189.jpg");}.elementor-40677 .elementor-element.elementor-element-7e23cce{text-align:center;}.elementor-40677 .elementor-element.elementor-element-7e23cce .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-28d98c3{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-28d98c3:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-28d98c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Tessuto_Arancione_VE03-e1737971275561.jpg");}.elementor-40677 .elementor-element.elementor-element-7f93805{text-align:center;}.elementor-40677 .elementor-element.elementor-element-7f93805 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-1d461c9{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-1d461c9:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-1d461c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Tessuto_Verde_VE04-e1737971356362.jpg");}.elementor-40677 .elementor-element.elementor-element-4fe2d45{text-align:center;}.elementor-40677 .elementor-element.elementor-element-4fe2d45 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-eab172b{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-eab172b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-eab172b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Tessuto_Azzurro_VE05-e1737971610393.jpg");}.elementor-40677 .elementor-element.elementor-element-d052c8d{text-align:center;}.elementor-40677 .elementor-element.elementor-element-d052c8d .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-3561339{--display:flex;}.elementor-40677 .elementor-element.elementor-element-ce1ae4c{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-2eb5888{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-2eb5888:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-2eb5888 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Avorio_MF01-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-619d0d0{text-align:center;}.elementor-40677 .elementor-element.elementor-element-619d0d0 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-a4aa73d{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-a4aa73d:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-a4aa73d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_GrigioTopo_MF02-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-544d8b2{text-align:center;}.elementor-40677 .elementor-element.elementor-element-544d8b2 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-07f0da7{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-07f0da7:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-07f0da7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Argilla_MF03-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-c4db3bb{text-align:center;}.elementor-40677 .elementor-element.elementor-element-c4db3bb .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-241a13a{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-241a13a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-241a13a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Bordeaux_MF04-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-1acb0cd{text-align:center;}.elementor-40677 .elementor-element.elementor-element-1acb0cd .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-5e37281{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-5e37281:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-5e37281 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Marrone_MF05-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-b72ec19{text-align:center;}.elementor-40677 .elementor-element.elementor-element-b72ec19 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-84c28a5{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-84c28a5:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-84c28a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Nero_MF06-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-2bf071c{text-align:center;}.elementor-40677 .elementor-element.elementor-element-2bf071c .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-39841c1{--display:flex;}.elementor-40677 .elementor-element.elementor-element-58b796c{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-398c5f0{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-398c5f0:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-398c5f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Bianco_BS01-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-ecb55b1{text-align:center;}.elementor-40677 .elementor-element.elementor-element-ecb55b1 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-cfb2b83{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-cfb2b83:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-cfb2b83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Rosa_BS02-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-4eef76d{text-align:center;}.elementor-40677 .elementor-element.elementor-element-4eef76d .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-d34ba6a{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-d34ba6a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-d34ba6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Verde_BS03.jpg");}.elementor-40677 .elementor-element.elementor-element-ce65a0a{text-align:center;}.elementor-40677 .elementor-element.elementor-element-ce65a0a .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-c61703b{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-c61703b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-c61703b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Azzurro_BS04-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-0c93b40{text-align:center;}.elementor-40677 .elementor-element.elementor-element-0c93b40 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-2a00c3c{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-2a00c3c:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-2a00c3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Antracite_BS05-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-37f91c2{text-align:center;}.elementor-40677 .elementor-element.elementor-element-37f91c2 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-cf62b8a{--display:flex;}.elementor-40677 .elementor-element.elementor-element-a03b189{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-0e048e8{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-0e048e8:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-0e048e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1110;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_EcoLeather_Ghiaccio_EL01-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-546deff{text-align:center;}.elementor-40677 .elementor-element.elementor-element-546deff .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-e7166d7{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-e7166d7:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-e7166d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_EcoLeather_Fango_EL02-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-46131be{text-align:center;}.elementor-40677 .elementor-element.elementor-element-46131be .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-9ccaa47{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-9ccaa47:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-9ccaa47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_EcoLeather_Grigio_EL03-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-ee80f26{text-align:center;}.elementor-40677 .elementor-element.elementor-element-ee80f26 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-5facacf{--display:flex;}.elementor-40677 .elementor-element.elementor-element-00e1063{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-fb1f54b{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-fb1f54b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-fb1f54b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1110;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/7407-51054-CHALK-CRAIE-ISO_0.jpg");}.elementor-40677 .elementor-element.elementor-element-52b4115{text-align:center;}.elementor-40677 .elementor-element.elementor-element-52b4115 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-1b87a36{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-1b87a36:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-1b87a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Batyline-Iso-Raphia-7407-50883.jpg");}.elementor-40677 .elementor-element.elementor-element-38e544e{text-align:center;}.elementor-40677 .elementor-element.elementor-element-38e544e .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-40677 .elementor-element.elementor-element-61b4b08{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-61b4b08:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-61b4b08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Iso_7407-50865_Peacock.jpg");}.elementor-40677 .elementor-element.elementor-element-91eeef9{text-align:center;}.elementor-40677 .elementor-element.elementor-element-91eeef9 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-902d4e6{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-902d4e6:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-902d4e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/7407-5700.jpg");}.elementor-40677 .elementor-element.elementor-element-c11d28e{text-align:center;}.elementor-40677 .elementor-element.elementor-element-c11d28e .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-cda7448{--display:flex;}.elementor-40677 .elementor-element.elementor-element-6bb96d0{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-4dc4246{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-4dc4246:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-4dc4246 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1110;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PANAREA-OUTDOOR_111-e1737989771829.png");}.elementor-40677 .elementor-element.elementor-element-83a20f4{text-align:center;}.elementor-40677 .elementor-element.elementor-element-83a20f4 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-text );}.elementor-40677 .elementor-element.elementor-element-4a32430{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-4a32430:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-4a32430 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PANAREA-OUTDOOR_101-e1737989828603.png");}.elementor-40677 .elementor-element.elementor-element-9e069ca{text-align:center;}.elementor-40677 .elementor-element.elementor-element-9e069ca .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-text );}.elementor-40677 .elementor-element.elementor-element-1909bb9{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-1909bb9:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-1909bb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PANAREA-OUTDOOR_702-e1737989906172.png");}.elementor-40677 .elementor-element.elementor-element-eb50c4d{text-align:center;}.elementor-40677 .elementor-element.elementor-element-eb50c4d .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-31cd258{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-31cd258:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-31cd258 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PANAREA-OUTDOOR_805-e1737989991752.png");}.elementor-40677 .elementor-element.elementor-element-f7e72c5{text-align:center;}.elementor-40677 .elementor-element.elementor-element-f7e72c5 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-bd67a24{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-bd67a24:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-bd67a24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PANAREA-OUTDOOR_305-e1737990131908.png");}.elementor-40677 .elementor-element.elementor-element-495388b{text-align:center;}.elementor-40677 .elementor-element.elementor-element-495388b .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-39b5ccc{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-39b5ccc:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-39b5ccc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PANAREA-OUTDOOR_405-e1737990183813.png");}.elementor-40677 .elementor-element.elementor-element-2bb6e28{text-align:center;}.elementor-40677 .elementor-element.elementor-element-2bb6e28 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-fb0acfb{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:16px 16px 16px 16px;--n-accordion-icon-size:15px;}.elementor-40677 .elementor-element.elementor-element-531c487{--display:flex;}.elementor-40677 .elementor-element.elementor-element-c148e2c{text-align:center;}.elementor-40677 .elementor-element.elementor-element-c148e2c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-primary );}.elementor-40677 .elementor-element.elementor-element-97ebd39{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-40677 .elementor-element.elementor-element-e6a62a6{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-e6a62a6:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-e6a62a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PT_bianco-e1737995146597.jpg");}.elementor-40677 .elementor-element.elementor-element-229bc0a{text-align:center;}.elementor-40677 .elementor-element.elementor-element-229bc0a .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:2px 0px 4px rgba(0, 0, 0, 0.73);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-966caaa{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-966caaa:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-966caaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PT_beige-e1737995188805.jpg");}.elementor-40677 .elementor-element.elementor-element-4ab811f{text-align:center;}.elementor-40677 .elementor-element.elementor-element-4ab811f .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:3px 0px 4px rgba(0,0,0,0.3);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-a5911cf{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-a5911cf:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-a5911cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#272D41;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PT_blu-e1737995249429.jpg");}.elementor-40677 .elementor-element.elementor-element-398e5da{text-align:center;}.elementor-40677 .elementor-element.elementor-element-398e5da .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:2px 0px 4px rgba(0,0,0,0.3);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-4b9f7da{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-4b9f7da:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-4b9f7da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/PT_antracite-e1737995289543.jpg");}.elementor-40677 .elementor-element.elementor-element-d79d254{text-align:center;}.elementor-40677 .elementor-element.elementor-element-d79d254 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:2px 0px 4px rgba(0, 0, 0, 0.77);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-ef5008e{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-ef5008e:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-ef5008e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/CR_bianco-e1737995332151.jpg");}.elementor-40677 .elementor-element.elementor-element-ef5008e:hover::before, .elementor-40677 .elementor-element.elementor-element-ef5008e:hover > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-ef5008e:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-ef5008e > .elementor-background-slideshow:hover::before, .elementor-40677 .elementor-element.elementor-element-ef5008e > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-40677 .elementor-element.elementor-element-ef5008e:hover{--overlay-opacity:0.5;}.elementor-40677 .elementor-element.elementor-element-627e6eb{text-align:center;}.elementor-40677 .elementor-element.elementor-element-627e6eb .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:2px 0px 4px rgba(0, 0, 0, 0.7);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-653442b{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-653442b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-653442b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/CR_beige-e1737995414725.jpg");}.elementor-40677 .elementor-element.elementor-element-c26d261{text-align:center;}.elementor-40677 .elementor-element.elementor-element-c26d261 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:2px 0px 4px rgba(0, 0, 0, 0.67);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-1fabae4{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-1fabae4:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-1fabae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/CR_blu-e1737995466403.jpg");}.elementor-40677 .elementor-element.elementor-element-71c5eca{text-align:center;}.elementor-40677 .elementor-element.elementor-element-71c5eca .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:2px 0px 4px rgba(0, 0, 0, 0.74);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-a63123a{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-40677 .elementor-element.elementor-element-a63123a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-a63123a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;background-image:url("https://nitesco.it/wp-content/uploads/2025/01/CR_antracite-e1737995595653.jpg");}.elementor-40677 .elementor-element.elementor-element-44d749a{text-align:center;}.elementor-40677 .elementor-element.elementor-element-44d749a .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:2px 0px 4px rgba(0, 0, 0, 0.78);color:var( --e-global-color-secondary );}.elementor-40677 .elementor-element.elementor-element-103ea0e{--display:flex;}.elementor-40677 .elementor-element.elementor-element-c82c96d p{margin-block-end:25px;}.elementor-40677 .elementor-element.elementor-element-159a128{--display:grid;--min-height:220px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-8432774{--display:flex;--min-height:220px;--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;--overlay-opacity:0.5;--border-radius:25px 25px 25px 25px;}.elementor-40677 .elementor-element.elementor-element-8432774:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-8432774 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2024/11/Nitesco0118-scaled.webp");background-size:cover;}.elementor-40677 .elementor-element.elementor-element-8432774::before, .elementor-40677 .elementor-element.elementor-element-8432774 > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-8432774 > .e-con-inner > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-8432774 > .elementor-background-slideshow::before, .elementor-40677 .elementor-element.elementor-element-8432774 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40677 .elementor-element.elementor-element-8432774 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-40677 .elementor-element.elementor-element-9df2ae1{text-align:center;}.elementor-40677 .elementor-element.elementor-element-9df2ae1 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-40677 .elementor-element.elementor-element-9df2ae1 .elementor-heading-title a:hover, .elementor-40677 .elementor-element.elementor-element-9df2ae1 .elementor-heading-title a:focus{color:var( --e-global-color-primary );}.elementor-40677 .elementor-element.elementor-element-7f1580c{--display:flex;--min-height:220px;--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--border-radius:25px 25px 25px 25px;}.elementor-40677 .elementor-element.elementor-element-7f1580c:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-7f1580c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#192533;background-image:url("https://nitesco.it/wp-content/uploads/2024/11/Nitesco0039-scaled.webp");background-position:center center;background-size:cover;}.elementor-40677 .elementor-element.elementor-element-7f1580c::before, .elementor-40677 .elementor-element.elementor-element-7f1580c > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-7f1580c > .e-con-inner > .elementor-background-video-container::before, .elementor-40677 .elementor-element.elementor-element-7f1580c > .elementor-background-slideshow::before, .elementor-40677 .elementor-element.elementor-element-7f1580c > .e-con-inner > .elementor-background-slideshow::before, .elementor-40677 .elementor-element.elementor-element-7f1580c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-40677 .elementor-element.elementor-element-2775d78{text-align:center;}.elementor-40677 .elementor-element.elementor-element-2775d78 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-40677 .elementor-element.elementor-element-2775d78 .elementor-heading-title a:hover, .elementor-40677 .elementor-element.elementor-element-2775d78 .elementor-heading-title a:focus{color:var( --e-global-color-primary );}.elementor-40677 .elementor-element.elementor-element-2775d78 .elementor-heading-title a{transition-duration:0.3s;}.elementor-40677 .elementor-element.elementor-element-fcd6422{--display:flex;}.elementor-40677 .elementor-element.elementor-element-0c03493{--spacer-size:54px;}@media(min-width:768px){.elementor-40677 .elementor-element.elementor-element-103ea0e{--width:70%;}.elementor-40677 .elementor-element.elementor-element-8432774{--width:100%;}.elementor-40677 .elementor-element.elementor-element-7f1580c{--width:100%;}}@media(max-width:1024px){.elementor-40677 .elementor-element.elementor-element-ca453cd .elementor-heading-title{font-size:3.5em;}.elementor-40677 .elementor-element.elementor-element-9c44c2e{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-73e7ecb{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-aa6ae16{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-e0c3ee3{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-2491747{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-374d5e2 .elementor-heading-title{font-size:3.5em;}.elementor-40677 .elementor-element.elementor-element-2ff9302{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-ce1ae4c{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-58b796c{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-a03b189{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-00e1063{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-6bb96d0{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-c148e2c .elementor-heading-title{font-size:3.5em;}.elementor-40677 .elementor-element.elementor-element-97ebd39{--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-c82c96d{column-gap:0px;}.elementor-40677 .elementor-element.elementor-element-159a128{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-40677 .elementor-element.elementor-element-d095783{--content-width:1600px;}.elementor-40677 .elementor-element.elementor-element-ca453cd{text-align:center;}.elementor-40677 .elementor-element.elementor-element-ca453cd .elementor-heading-title{font-size:1.7em;}.elementor-40677 .elementor-element.elementor-element-f72a439{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-40677 .elementor-element.elementor-element-f72a439 p{margin-block-end:20px;}.elementor-40677 .elementor-element.elementor-element-3d054df .elementor-divider-separator{width:72px;margin:0 auto;margin-center:0;}.elementor-40677 .elementor-element.elementor-element-3d054df .elementor-divider{text-align:center;}.elementor-40677 .elementor-element.elementor-element-9c44c2e{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-73e7ecb{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-aa6ae16{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-e0c3ee3{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-2491747{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-374d5e2{text-align:center;}.elementor-40677 .elementor-element.elementor-element-374d5e2 .elementor-heading-title{font-size:1.7em;}.elementor-40677 .elementor-element.elementor-element-2ff9302{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-ce1ae4c{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-a4aa73d:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-a4aa73d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_GrigioTopo_MF02-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-07f0da7:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-07f0da7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Argilla_MF03-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-241a13a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-241a13a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Bordeaux_MF04-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-5e37281:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-5e37281 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Marrone_MF05-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-84c28a5:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-84c28a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Microfibra_Nero_MF06-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-58b796c{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-398c5f0:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-398c5f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Bianco_BS01-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-cfb2b83:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-cfb2b83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Rosa_BS02-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-d34ba6a:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-d34ba6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Verde_BS03.jpg");}.elementor-40677 .elementor-element.elementor-element-c61703b:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-c61703b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Azzurro_BS04-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-2a00c3c:not(.elementor-motion-effects-element-type-background), .elementor-40677 .elementor-element.elementor-element-2a00c3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nitesco.it/wp-content/uploads/2025/01/Campione_Boucle_Antracite_BS05-scaled.jpg");}.elementor-40677 .elementor-element.elementor-element-a03b189{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-00e1063{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-6bb96d0{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-c148e2c{text-align:center;}.elementor-40677 .elementor-element.elementor-element-c148e2c .elementor-heading-title{font-size:1.7em;}.elementor-40677 .elementor-element.elementor-element-97ebd39{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-159a128{--min-height:650px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-40677 .elementor-element.elementor-element-8432774{--min-height:300px;}.elementor-40677 .elementor-element.elementor-element-7f1580c{--min-height:300px;}}/* Start custom CSS for container, class: .elementor-element-403f217 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-403f217 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-403f217 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-403f217::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-403f217:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-403f217:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48b07dc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-48b07dc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-48b07dc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-48b07dc::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-48b07dc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-48b07dc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0963a81 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0963a81 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0963a81 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0963a81::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0963a81:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0963a81:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07aba1a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07aba1a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide */
}

/* Centra il contenuto */
.elementor-40677 .elementor-element.elementor-element-07aba1a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Riflesso */
.elementor-40677 .elementor-element.elementor-element-07aba1a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 35%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.1) 65%);
    transform: translate(-100%, -100%) rotate(0deg); /* Posizione iniziale */
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07aba1a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07aba1a:hover::before {
    animation: smooth-reflection 0.3s linear forwards; /* Esegui l'animazione solo su hover */
}

/* Keyframes per animazione fluida */
@keyframes smooth-reflection {
    0% {
        transform: translate(-100%, -100%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    50% {
        transform: translate(0%, 0%) rotate(30deg);
    }
    75% {
        transform: translate(50%, 50%) rotate(45deg);
    }
    100% {
        transform: translate(100%, 100%) rotate(60deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a857ac0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a857ac0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a857ac0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-a857ac0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a857ac0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a857ac0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb082c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1cb082c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1cb082c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-1cb082c::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1cb082c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1cb082c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cfcdd4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5608ae4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5608ae4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5608ae4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-5608ae4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5608ae4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5608ae4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-483150a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-483150a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-483150a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-483150a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-483150a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-483150a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-444613b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-444613b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-444613b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-444613b::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-444613b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-444613b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04923e0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-04923e0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-04923e0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-04923e0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-04923e0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-04923e0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3df2ee7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b3fc0d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda61f4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cda61f4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cda61f4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cda61f4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cda61f4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-703e2ea *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-703e2ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-703e2ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-703e2ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-703e2ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4da2c00 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4da2c00 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4da2c00 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4da2c00:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4da2c00:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5df39f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d5df39f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d5df39f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d5df39f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d5df39f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5092151 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5092151 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5092151 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5092151:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5092151:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b427e8a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-b427e8a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-b427e8a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-b427e8a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-b427e8a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-964149e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-964149e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-964149e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-964149e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-964149e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6224d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0f6224d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0f6224d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0f6224d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0f6224d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e50408 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2e50408 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2e50408 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2e50408:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2e50408:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6345c91 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-6345c91 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-6345c91 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-6345c91:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-6345c91:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1ed127 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c1ed127 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c1ed127 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c1ed127:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c1ed127:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fa4fe1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788c8af *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-788c8af {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-788c8af > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-788c8af:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-788c8af:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2c01c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4c2c01c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4c2c01c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba4c9ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d9029e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0d9029e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0d9029e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0d9029e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0d9029e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5e4e77 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d56677b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d56677b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d56677b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d56677b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d56677b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cff325f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cff325f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cff325f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cff325f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cff325f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104a213 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-104a213 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-104a213 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-104a213:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-104a213:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00f41ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-00f41ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-00f41ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-00f41ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-00f41ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98d366e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-98d366e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-98d366e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-98d366e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-98d366e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94fe15e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-94fe15e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-94fe15e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-94fe15e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-94fe15e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f4593b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4f4593b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4f4593b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4f4593b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4f4593b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6a6ae0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-403f217 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-403f217 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-403f217 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-403f217::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-403f217:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-403f217:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48b07dc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-48b07dc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-48b07dc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-48b07dc::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-48b07dc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-48b07dc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0963a81 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0963a81 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0963a81 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0963a81::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0963a81:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0963a81:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07aba1a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07aba1a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide */
}

/* Centra il contenuto */
.elementor-40677 .elementor-element.elementor-element-07aba1a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Riflesso */
.elementor-40677 .elementor-element.elementor-element-07aba1a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 35%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.1) 65%);
    transform: translate(-100%, -100%) rotate(0deg); /* Posizione iniziale */
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07aba1a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07aba1a:hover::before {
    animation: smooth-reflection 0.3s linear forwards; /* Esegui l'animazione solo su hover */
}

/* Keyframes per animazione fluida */
@keyframes smooth-reflection {
    0% {
        transform: translate(-100%, -100%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    50% {
        transform: translate(0%, 0%) rotate(30deg);
    }
    75% {
        transform: translate(50%, 50%) rotate(45deg);
    }
    100% {
        transform: translate(100%, 100%) rotate(60deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a857ac0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a857ac0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a857ac0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-a857ac0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a857ac0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a857ac0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb082c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1cb082c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1cb082c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-1cb082c::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1cb082c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1cb082c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cfcdd4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5608ae4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5608ae4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5608ae4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-5608ae4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5608ae4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5608ae4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-483150a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-483150a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-483150a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-483150a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-483150a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-483150a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-444613b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-444613b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-444613b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-444613b::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-444613b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-444613b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04923e0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-04923e0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-04923e0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-04923e0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-04923e0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-04923e0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3df2ee7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b3fc0d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda61f4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cda61f4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cda61f4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cda61f4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cda61f4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-703e2ea *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-703e2ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-703e2ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-703e2ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-703e2ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4da2c00 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4da2c00 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4da2c00 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4da2c00:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4da2c00:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5df39f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d5df39f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d5df39f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d5df39f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d5df39f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5092151 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5092151 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5092151 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5092151:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5092151:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b427e8a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-b427e8a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-b427e8a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-b427e8a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-b427e8a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-964149e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-964149e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-964149e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-964149e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-964149e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6224d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0f6224d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0f6224d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0f6224d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0f6224d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e50408 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2e50408 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2e50408 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2e50408:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2e50408:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6345c91 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-6345c91 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-6345c91 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-6345c91:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-6345c91:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1ed127 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c1ed127 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c1ed127 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c1ed127:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c1ed127:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fa4fe1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788c8af *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-788c8af {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-788c8af > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-788c8af:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-788c8af:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2c01c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4c2c01c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4c2c01c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba4c9ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d9029e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0d9029e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0d9029e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0d9029e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0d9029e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5e4e77 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d56677b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d56677b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d56677b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d56677b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d56677b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cff325f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cff325f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cff325f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cff325f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cff325f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104a213 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-104a213 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-104a213 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-104a213:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-104a213:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00f41ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-00f41ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-00f41ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-00f41ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-00f41ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98d366e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-98d366e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-98d366e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-98d366e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-98d366e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94fe15e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-94fe15e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-94fe15e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-94fe15e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-94fe15e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f4593b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4f4593b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4f4593b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4f4593b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4f4593b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6a6ae0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-403f217 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-403f217 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-403f217 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-403f217::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-403f217:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-403f217:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48b07dc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-48b07dc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-48b07dc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-48b07dc::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-48b07dc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-48b07dc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0963a81 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0963a81 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0963a81 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0963a81::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0963a81:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0963a81:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07aba1a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07aba1a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide */
}

/* Centra il contenuto */
.elementor-40677 .elementor-element.elementor-element-07aba1a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Riflesso */
.elementor-40677 .elementor-element.elementor-element-07aba1a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 35%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.1) 65%);
    transform: translate(-100%, -100%) rotate(0deg); /* Posizione iniziale */
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07aba1a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07aba1a:hover::before {
    animation: smooth-reflection 0.3s linear forwards; /* Esegui l'animazione solo su hover */
}

/* Keyframes per animazione fluida */
@keyframes smooth-reflection {
    0% {
        transform: translate(-100%, -100%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    50% {
        transform: translate(0%, 0%) rotate(30deg);
    }
    75% {
        transform: translate(50%, 50%) rotate(45deg);
    }
    100% {
        transform: translate(100%, 100%) rotate(60deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a857ac0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a857ac0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a857ac0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-a857ac0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a857ac0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a857ac0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb082c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1cb082c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1cb082c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-1cb082c::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1cb082c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1cb082c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cfcdd4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5608ae4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5608ae4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5608ae4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-5608ae4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5608ae4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5608ae4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-483150a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-483150a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-483150a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-483150a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-483150a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-483150a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-444613b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-444613b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-444613b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-444613b::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-444613b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-444613b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04923e0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-04923e0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-04923e0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-04923e0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-04923e0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-04923e0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3df2ee7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b3fc0d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda61f4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cda61f4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cda61f4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cda61f4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cda61f4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-703e2ea *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-703e2ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-703e2ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-703e2ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-703e2ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4da2c00 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4da2c00 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4da2c00 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4da2c00:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4da2c00:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5df39f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d5df39f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d5df39f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d5df39f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d5df39f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5092151 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5092151 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5092151 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5092151:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5092151:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b427e8a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-b427e8a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-b427e8a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-b427e8a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-b427e8a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-964149e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-964149e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-964149e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-964149e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-964149e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6224d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0f6224d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0f6224d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0f6224d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0f6224d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e50408 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2e50408 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2e50408 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2e50408:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2e50408:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6345c91 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-6345c91 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-6345c91 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-6345c91:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-6345c91:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1ed127 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c1ed127 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c1ed127 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c1ed127:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c1ed127:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fa4fe1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788c8af *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-788c8af {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-788c8af > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-788c8af:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-788c8af:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2c01c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4c2c01c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4c2c01c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba4c9ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d9029e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0d9029e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0d9029e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0d9029e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0d9029e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5e4e77 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d56677b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d56677b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d56677b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d56677b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d56677b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cff325f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cff325f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cff325f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cff325f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cff325f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104a213 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-104a213 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-104a213 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-104a213:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-104a213:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00f41ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-00f41ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-00f41ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-00f41ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-00f41ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98d366e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-98d366e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-98d366e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-98d366e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-98d366e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94fe15e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-94fe15e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-94fe15e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-94fe15e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-94fe15e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f4593b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4f4593b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4f4593b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4f4593b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4f4593b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6a6ae0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-403f217 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-403f217 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-403f217 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-403f217::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-403f217:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-403f217:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48b07dc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-48b07dc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-48b07dc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-48b07dc::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-48b07dc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-48b07dc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0963a81 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0963a81 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0963a81 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0963a81::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0963a81:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0963a81:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07aba1a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07aba1a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide */
}

/* Centra il contenuto */
.elementor-40677 .elementor-element.elementor-element-07aba1a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Riflesso */
.elementor-40677 .elementor-element.elementor-element-07aba1a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 35%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.1) 65%);
    transform: translate(-100%, -100%) rotate(0deg); /* Posizione iniziale */
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07aba1a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07aba1a:hover::before {
    animation: smooth-reflection 0.3s linear forwards; /* Esegui l'animazione solo su hover */
}

/* Keyframes per animazione fluida */
@keyframes smooth-reflection {
    0% {
        transform: translate(-100%, -100%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    50% {
        transform: translate(0%, 0%) rotate(30deg);
    }
    75% {
        transform: translate(50%, 50%) rotate(45deg);
    }
    100% {
        transform: translate(100%, 100%) rotate(60deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a857ac0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a857ac0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a857ac0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-a857ac0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a857ac0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a857ac0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb082c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1cb082c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1cb082c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-1cb082c::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1cb082c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1cb082c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cfcdd4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5608ae4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5608ae4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5608ae4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-5608ae4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5608ae4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5608ae4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-483150a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-483150a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-483150a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-483150a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-483150a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-483150a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-444613b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-444613b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-444613b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-444613b::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-444613b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-444613b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04923e0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-04923e0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-04923e0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-04923e0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-04923e0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-04923e0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3df2ee7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b3fc0d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda61f4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cda61f4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cda61f4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cda61f4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cda61f4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-703e2ea *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-703e2ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-703e2ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-703e2ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-703e2ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4da2c00 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4da2c00 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4da2c00 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4da2c00:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4da2c00:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5df39f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d5df39f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d5df39f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d5df39f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d5df39f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5092151 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5092151 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5092151 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5092151:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5092151:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b427e8a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-b427e8a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-b427e8a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-b427e8a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-b427e8a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-964149e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-964149e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-964149e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-964149e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-964149e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6224d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0f6224d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0f6224d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0f6224d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0f6224d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e50408 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2e50408 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2e50408 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2e50408:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2e50408:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6345c91 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-6345c91 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-6345c91 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-6345c91:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-6345c91:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1ed127 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c1ed127 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c1ed127 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c1ed127:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c1ed127:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fa4fe1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788c8af *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-788c8af {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-788c8af > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-788c8af:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-788c8af:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2c01c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4c2c01c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4c2c01c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba4c9ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d9029e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0d9029e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0d9029e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0d9029e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0d9029e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5e4e77 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d56677b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d56677b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d56677b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d56677b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d56677b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cff325f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cff325f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cff325f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cff325f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cff325f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104a213 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-104a213 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-104a213 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-104a213:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-104a213:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00f41ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-00f41ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-00f41ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-00f41ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-00f41ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98d366e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-98d366e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-98d366e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-98d366e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-98d366e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94fe15e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-94fe15e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-94fe15e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-94fe15e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-94fe15e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f4593b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4f4593b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4f4593b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4f4593b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4f4593b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6a6ae0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-403f217 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-403f217 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-403f217 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-403f217::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-403f217:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-403f217:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48b07dc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-48b07dc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-48b07dc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-48b07dc::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-48b07dc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-48b07dc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0963a81 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0963a81 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0963a81 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0963a81::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0963a81:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0963a81:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07aba1a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07aba1a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide */
}

/* Centra il contenuto */
.elementor-40677 .elementor-element.elementor-element-07aba1a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Riflesso */
.elementor-40677 .elementor-element.elementor-element-07aba1a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 35%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.1) 65%);
    transform: translate(-100%, -100%) rotate(0deg); /* Posizione iniziale */
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07aba1a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07aba1a:hover::before {
    animation: smooth-reflection 0.3s linear forwards; /* Esegui l'animazione solo su hover */
}

/* Keyframes per animazione fluida */
@keyframes smooth-reflection {
    0% {
        transform: translate(-100%, -100%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    50% {
        transform: translate(0%, 0%) rotate(30deg);
    }
    75% {
        transform: translate(50%, 50%) rotate(45deg);
    }
    100% {
        transform: translate(100%, 100%) rotate(60deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a857ac0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a857ac0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a857ac0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-a857ac0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a857ac0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a857ac0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb082c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1cb082c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1cb082c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-1cb082c::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1cb082c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1cb082c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cfcdd4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5608ae4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5608ae4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5608ae4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-5608ae4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5608ae4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5608ae4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-483150a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-483150a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-483150a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-483150a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-483150a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-483150a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-444613b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-444613b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-444613b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-444613b::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-444613b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-444613b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04923e0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-04923e0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-04923e0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-04923e0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-04923e0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-04923e0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3df2ee7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b3fc0d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda61f4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cda61f4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cda61f4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cda61f4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cda61f4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-703e2ea *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-703e2ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-703e2ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-703e2ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-703e2ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4da2c00 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4da2c00 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4da2c00 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4da2c00:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4da2c00:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5df39f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d5df39f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d5df39f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d5df39f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d5df39f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5092151 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5092151 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5092151 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5092151:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5092151:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b427e8a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-b427e8a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-b427e8a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-b427e8a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-b427e8a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-964149e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-964149e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-964149e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-964149e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-964149e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6224d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0f6224d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0f6224d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0f6224d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0f6224d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e50408 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2e50408 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2e50408 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2e50408:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2e50408:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6345c91 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-6345c91 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-6345c91 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-6345c91:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-6345c91:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1ed127 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c1ed127 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c1ed127 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c1ed127:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c1ed127:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fa4fe1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788c8af *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-788c8af {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-788c8af > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-788c8af:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-788c8af:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2c01c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4c2c01c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4c2c01c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba4c9ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d9029e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0d9029e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0d9029e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0d9029e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0d9029e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5e4e77 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d56677b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d56677b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d56677b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d56677b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d56677b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cff325f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cff325f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cff325f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cff325f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cff325f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104a213 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-104a213 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-104a213 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-104a213:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-104a213:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00f41ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-00f41ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-00f41ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-00f41ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-00f41ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98d366e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-98d366e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-98d366e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-98d366e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-98d366e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94fe15e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-94fe15e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-94fe15e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-94fe15e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-94fe15e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f4593b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4f4593b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4f4593b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4f4593b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4f4593b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6a6ae0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-403f217 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-403f217 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-403f217 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-403f217::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-403f217:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-403f217:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48b07dc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-48b07dc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-48b07dc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-48b07dc::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-48b07dc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-48b07dc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0963a81 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0963a81 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0963a81 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0963a81::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0963a81:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0963a81:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07aba1a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07aba1a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide */
}

/* Centra il contenuto */
.elementor-40677 .elementor-element.elementor-element-07aba1a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Riflesso */
.elementor-40677 .elementor-element.elementor-element-07aba1a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 35%, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0.1) 65%);
    transform: translate(-100%, -100%) rotate(0deg); /* Posizione iniziale */
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07aba1a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07aba1a:hover::before {
    animation: smooth-reflection 0.3s linear forwards; /* Esegui l'animazione solo su hover */
}

/* Keyframes per animazione fluida */
@keyframes smooth-reflection {
    0% {
        transform: translate(-100%, -100%) rotate(0deg);
    }
    25% {
        transform: translate(-50%, -50%) rotate(15deg);
    }
    50% {
        transform: translate(0%, 0%) rotate(30deg);
    }
    75% {
        transform: translate(50%, 50%) rotate(45deg);
    }
    100% {
        transform: translate(100%, 100%) rotate(60deg);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a857ac0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a857ac0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a857ac0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-a857ac0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a857ac0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a857ac0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cb082c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1cb082c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1cb082c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-1cb082c::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1cb082c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1cb082c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cfcdd4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0cfcdd4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5608ae4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5608ae4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5608ae4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-5608ae4::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5608ae4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5608ae4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-483150a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-483150a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-483150a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-483150a::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-483150a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-483150a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-444613b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-444613b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-444613b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-444613b::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-444613b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-444613b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04923e0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-04923e0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-04923e0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}

/* Aggiungi l'effetto di riflesso */
.elementor-40677 .elementor-element.elementor-element-04923e0::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 60%);
    transform: translate(-100%, -100%) rotate(0deg);
    transition: transform 0.5s ease-out;
    z-index: 0; /* Posiziona il riflesso sotto il contenuto */
    pointer-events: none; /* Non interferisce con il mouse */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-04923e0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-04923e0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3df2ee7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-3df2ee7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-3df2ee7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b3fc0d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-8b3fc0d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda61f4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cda61f4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cda61f4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cda61f4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cda61f4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-703e2ea *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-703e2ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-703e2ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-703e2ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-703e2ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4da2c00 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4da2c00 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4da2c00 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4da2c00:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4da2c00:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5df39f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d5df39f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d5df39f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d5df39f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d5df39f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5092151 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5092151 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5092151 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5092151:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5092151:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b427e8a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-b427e8a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-b427e8a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-b427e8a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-b427e8a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-964149e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-964149e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-964149e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-964149e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-964149e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6224d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0f6224d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0f6224d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0f6224d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0f6224d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e50408 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2e50408 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2e50408 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2e50408:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2e50408:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6345c91 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-6345c91 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-6345c91 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-6345c91:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-6345c91:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1ed127 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c1ed127 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c1ed127 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c1ed127:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c1ed127:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fa4fe1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9fa4fe1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788c8af *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-788c8af {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-788c8af > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-788c8af:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-788c8af:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c2c01c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4c2c01c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4c2c01c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4c2c01c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba4c9ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-ba4c9ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d9029e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0d9029e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0d9029e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0d9029e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0d9029e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5e4e77 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e5e4e77 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e5e4e77:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d56677b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d56677b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d56677b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d56677b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d56677b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cff325f *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cff325f {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cff325f > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cff325f:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cff325f:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104a213 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-104a213 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-104a213 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-104a213:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-104a213:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00f41ca *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-00f41ca {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-00f41ca > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}



/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-00f41ca:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-00f41ca:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-98d366e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-98d366e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-98d366e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-98d366e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-98d366e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94fe15e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-94fe15e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-94fe15e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-94fe15e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-94fe15e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f4593b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4f4593b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4f4593b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4f4593b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4f4593b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6a6ae0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a6a6ae0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4cf58e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e4cf58e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e4cf58e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebe4e1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d98c3 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-28d98c3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-28d98c3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-28d98c3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-28d98c3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d461c9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1d461c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1d461c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1d461c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1d461c9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab172b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-eab172b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-eab172b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-eab172b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-eab172b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb5888 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2eb5888 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2eb5888 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2eb5888:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2eb5888:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4aa73d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a4aa73d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a4aa73d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07f0da7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07f0da7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-07f0da7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07f0da7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07f0da7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-241a13a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-241a13a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-241a13a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-241a13a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-241a13a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e37281 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5e37281 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5e37281 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5e37281:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5e37281:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84c28a5 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-84c28a5 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-84c28a5 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-84c28a5:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-84c28a5:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-398c5f0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-398c5f0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-398c5f0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-398c5f0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-398c5f0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfb2b83 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d34ba6a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d34ba6a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d34ba6a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c61703b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c61703b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c61703b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c61703b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c61703b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a00c3c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2a00c3c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2a00c3c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e048e8 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0e048e8 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0e048e8 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0e048e8:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0e048e8:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7166d7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e7166d7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e7166d7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e7166d7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e7166d7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ccaa47 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb1f54b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-fb1f54b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-fb1f54b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b87a36 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1b87a36 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1b87a36 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1b87a36:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1b87a36:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b4b08 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-61b4b08 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-61b4b08 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-61b4b08:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-61b4b08:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-902d4e6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-902d4e6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-902d4e6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-902d4e6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-902d4e6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc4246 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4dc4246 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4dc4246 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4dc4246:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4dc4246:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a32430 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4a32430 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4a32430 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4a32430:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4a32430:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1909bb9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1909bb9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1909bb9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1909bb9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1909bb9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31cd258 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-31cd258 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-31cd258 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-31cd258:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-31cd258:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd67a24 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-bd67a24 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-bd67a24 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-bd67a24:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-bd67a24:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39b5ccc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-39b5ccc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-39b5ccc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4cf58e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e4cf58e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e4cf58e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebe4e1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d98c3 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-28d98c3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-28d98c3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-28d98c3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-28d98c3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d461c9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1d461c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1d461c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1d461c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1d461c9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab172b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-eab172b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-eab172b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-eab172b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-eab172b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb5888 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2eb5888 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2eb5888 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2eb5888:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2eb5888:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4aa73d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a4aa73d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a4aa73d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07f0da7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07f0da7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-07f0da7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07f0da7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07f0da7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-241a13a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-241a13a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-241a13a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-241a13a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-241a13a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e37281 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5e37281 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5e37281 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5e37281:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5e37281:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84c28a5 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-84c28a5 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-84c28a5 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-84c28a5:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-84c28a5:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-398c5f0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-398c5f0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-398c5f0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-398c5f0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-398c5f0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfb2b83 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d34ba6a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d34ba6a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d34ba6a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c61703b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c61703b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c61703b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c61703b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c61703b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a00c3c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2a00c3c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2a00c3c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e048e8 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0e048e8 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0e048e8 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0e048e8:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0e048e8:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7166d7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e7166d7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e7166d7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e7166d7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e7166d7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ccaa47 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb1f54b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-fb1f54b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-fb1f54b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b87a36 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1b87a36 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1b87a36 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1b87a36:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1b87a36:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b4b08 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-61b4b08 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-61b4b08 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-61b4b08:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-61b4b08:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-902d4e6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-902d4e6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-902d4e6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-902d4e6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-902d4e6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc4246 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4dc4246 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4dc4246 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4dc4246:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4dc4246:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a32430 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4a32430 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4a32430 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4a32430:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4a32430:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1909bb9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1909bb9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1909bb9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1909bb9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1909bb9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31cd258 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-31cd258 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-31cd258 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-31cd258:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-31cd258:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd67a24 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-bd67a24 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-bd67a24 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-bd67a24:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-bd67a24:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39b5ccc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-39b5ccc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-39b5ccc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4cf58e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e4cf58e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e4cf58e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebe4e1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d98c3 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-28d98c3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-28d98c3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-28d98c3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-28d98c3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d461c9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1d461c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1d461c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1d461c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1d461c9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab172b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-eab172b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-eab172b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-eab172b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-eab172b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb5888 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2eb5888 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2eb5888 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2eb5888:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2eb5888:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4aa73d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a4aa73d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a4aa73d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07f0da7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07f0da7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-07f0da7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07f0da7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07f0da7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-241a13a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-241a13a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-241a13a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-241a13a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-241a13a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e37281 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5e37281 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5e37281 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5e37281:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5e37281:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84c28a5 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-84c28a5 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-84c28a5 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-84c28a5:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-84c28a5:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-398c5f0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-398c5f0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-398c5f0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-398c5f0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-398c5f0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfb2b83 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d34ba6a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d34ba6a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d34ba6a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c61703b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c61703b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c61703b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c61703b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c61703b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a00c3c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2a00c3c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2a00c3c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e048e8 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0e048e8 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0e048e8 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0e048e8:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0e048e8:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7166d7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e7166d7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e7166d7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e7166d7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e7166d7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ccaa47 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb1f54b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-fb1f54b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-fb1f54b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b87a36 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1b87a36 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1b87a36 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1b87a36:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1b87a36:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b4b08 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-61b4b08 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-61b4b08 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-61b4b08:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-61b4b08:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-902d4e6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-902d4e6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-902d4e6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-902d4e6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-902d4e6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc4246 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4dc4246 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4dc4246 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4dc4246:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4dc4246:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a32430 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4a32430 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4a32430 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4a32430:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4a32430:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1909bb9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1909bb9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1909bb9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1909bb9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1909bb9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31cd258 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-31cd258 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-31cd258 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-31cd258:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-31cd258:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd67a24 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-bd67a24 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-bd67a24 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-bd67a24:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-bd67a24:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39b5ccc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-39b5ccc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-39b5ccc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4cf58e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e4cf58e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e4cf58e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebe4e1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d98c3 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-28d98c3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-28d98c3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-28d98c3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-28d98c3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d461c9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1d461c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1d461c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1d461c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1d461c9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab172b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-eab172b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-eab172b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-eab172b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-eab172b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb5888 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2eb5888 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2eb5888 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2eb5888:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2eb5888:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4aa73d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a4aa73d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a4aa73d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07f0da7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07f0da7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-07f0da7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07f0da7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07f0da7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-241a13a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-241a13a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-241a13a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-241a13a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-241a13a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e37281 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5e37281 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5e37281 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5e37281:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5e37281:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84c28a5 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-84c28a5 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-84c28a5 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-84c28a5:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-84c28a5:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-398c5f0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-398c5f0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-398c5f0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-398c5f0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-398c5f0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfb2b83 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d34ba6a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d34ba6a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d34ba6a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c61703b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c61703b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c61703b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c61703b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c61703b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a00c3c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2a00c3c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2a00c3c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e048e8 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0e048e8 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0e048e8 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0e048e8:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0e048e8:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7166d7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e7166d7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e7166d7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e7166d7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e7166d7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ccaa47 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb1f54b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-fb1f54b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-fb1f54b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b87a36 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1b87a36 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1b87a36 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1b87a36:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1b87a36:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b4b08 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-61b4b08 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-61b4b08 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-61b4b08:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-61b4b08:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-902d4e6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-902d4e6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-902d4e6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-902d4e6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-902d4e6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc4246 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4dc4246 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4dc4246 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4dc4246:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4dc4246:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a32430 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4a32430 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4a32430 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4a32430:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4a32430:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1909bb9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1909bb9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1909bb9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1909bb9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1909bb9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31cd258 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-31cd258 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-31cd258 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-31cd258:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-31cd258:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd67a24 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-bd67a24 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-bd67a24 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-bd67a24:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-bd67a24:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39b5ccc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-39b5ccc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-39b5ccc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4cf58e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e4cf58e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e4cf58e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebe4e1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d98c3 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-28d98c3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-28d98c3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-28d98c3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-28d98c3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d461c9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1d461c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1d461c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1d461c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1d461c9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab172b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-eab172b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-eab172b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-eab172b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-eab172b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb5888 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2eb5888 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2eb5888 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2eb5888:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2eb5888:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4aa73d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a4aa73d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a4aa73d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07f0da7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07f0da7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-07f0da7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07f0da7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07f0da7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-241a13a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-241a13a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-241a13a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-241a13a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-241a13a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e37281 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5e37281 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5e37281 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5e37281:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5e37281:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84c28a5 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-84c28a5 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-84c28a5 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-84c28a5:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-84c28a5:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-398c5f0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-398c5f0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-398c5f0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-398c5f0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-398c5f0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfb2b83 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d34ba6a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d34ba6a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d34ba6a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c61703b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c61703b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c61703b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c61703b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c61703b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a00c3c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2a00c3c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2a00c3c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e048e8 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0e048e8 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0e048e8 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0e048e8:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0e048e8:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7166d7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e7166d7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e7166d7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e7166d7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e7166d7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ccaa47 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb1f54b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-fb1f54b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-fb1f54b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b87a36 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1b87a36 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1b87a36 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1b87a36:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1b87a36:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b4b08 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-61b4b08 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-61b4b08 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-61b4b08:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-61b4b08:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-902d4e6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-902d4e6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-902d4e6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-902d4e6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-902d4e6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc4246 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4dc4246 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4dc4246 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4dc4246:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4dc4246:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a32430 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4a32430 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4a32430 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4a32430:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4a32430:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1909bb9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1909bb9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1909bb9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1909bb9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1909bb9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31cd258 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-31cd258 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-31cd258 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-31cd258:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-31cd258:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd67a24 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-bd67a24 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-bd67a24 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-bd67a24:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-bd67a24:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39b5ccc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-39b5ccc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-39b5ccc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4cf58e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e4cf58e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e4cf58e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebe4e1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d98c3 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-28d98c3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-28d98c3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-28d98c3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-28d98c3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d461c9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1d461c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1d461c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1d461c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1d461c9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab172b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-eab172b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-eab172b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-eab172b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-eab172b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb5888 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2eb5888 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2eb5888 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2eb5888:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2eb5888:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4aa73d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a4aa73d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a4aa73d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07f0da7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07f0da7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-07f0da7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07f0da7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07f0da7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-241a13a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-241a13a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-241a13a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-241a13a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-241a13a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e37281 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5e37281 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5e37281 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5e37281:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5e37281:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84c28a5 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-84c28a5 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-84c28a5 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-84c28a5:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-84c28a5:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-398c5f0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-398c5f0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-398c5f0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-398c5f0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-398c5f0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfb2b83 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d34ba6a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d34ba6a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d34ba6a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c61703b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c61703b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c61703b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c61703b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c61703b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a00c3c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2a00c3c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2a00c3c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e048e8 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0e048e8 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0e048e8 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0e048e8:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0e048e8:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7166d7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e7166d7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e7166d7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e7166d7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e7166d7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ccaa47 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb1f54b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-fb1f54b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-fb1f54b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b87a36 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1b87a36 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1b87a36 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1b87a36:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1b87a36:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b4b08 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-61b4b08 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-61b4b08 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-61b4b08:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-61b4b08:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-902d4e6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-902d4e6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-902d4e6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-902d4e6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-902d4e6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc4246 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4dc4246 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4dc4246 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4dc4246:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4dc4246:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a32430 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4a32430 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4a32430 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4a32430:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4a32430:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1909bb9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1909bb9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1909bb9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1909bb9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1909bb9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31cd258 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-31cd258 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-31cd258 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-31cd258:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-31cd258:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd67a24 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-bd67a24 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-bd67a24 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-bd67a24:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-bd67a24:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39b5ccc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-39b5ccc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-39b5ccc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4cf58e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e4cf58e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e4cf58e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e4cf58e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebe4e1 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4ebe4e1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d98c3 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-28d98c3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-28d98c3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-28d98c3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-28d98c3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d461c9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1d461c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1d461c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1d461c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1d461c9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eab172b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-eab172b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-eab172b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra il riflesso */
    margin: 0; /* Elimina margini indesiderati */
}


/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-eab172b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-eab172b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb5888 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2eb5888 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2eb5888 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2eb5888:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2eb5888:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a4aa73d *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a4aa73d {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a4aa73d > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a4aa73d:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07f0da7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-07f0da7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-07f0da7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-07f0da7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-07f0da7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-241a13a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-241a13a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-241a13a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-241a13a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-241a13a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e37281 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-5e37281 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-5e37281 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-5e37281:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-5e37281:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84c28a5 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-84c28a5 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-84c28a5 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-84c28a5:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-84c28a5:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-398c5f0 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-398c5f0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-398c5f0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-398c5f0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-398c5f0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfb2b83 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-cfb2b83 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-cfb2b83:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d34ba6a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-d34ba6a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-d34ba6a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-d34ba6a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c61703b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-c61703b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-c61703b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-c61703b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-c61703b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a00c3c *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-2a00c3c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-2a00c3c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-2a00c3c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e048e8 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-0e048e8 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-0e048e8 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-0e048e8:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-0e048e8:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7166d7 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e7166d7 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e7166d7 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e7166d7:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e7166d7:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ccaa47 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-9ccaa47 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-9ccaa47:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb1f54b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-fb1f54b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-fb1f54b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-fb1f54b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b87a36 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1b87a36 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1b87a36 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1b87a36:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1b87a36:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b4b08 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-61b4b08 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-61b4b08 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-61b4b08:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-61b4b08:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-902d4e6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-902d4e6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-902d4e6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-902d4e6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-902d4e6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dc4246 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4dc4246 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4dc4246 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4dc4246:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4dc4246:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a32430 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4a32430 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4a32430 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4a32430:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4a32430:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1909bb9 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1909bb9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1909bb9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1909bb9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1909bb9:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31cd258 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-31cd258 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-31cd258 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-31cd258:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-31cd258:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd67a24 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-bd67a24 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-bd67a24 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-bd67a24:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-bd67a24:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39b5ccc *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-39b5ccc {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-39b5ccc > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-39b5ccc:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6a62a6 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-e6a62a6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-e6a62a6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-e6a62a6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-e6a62a6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-966caaa *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-966caaa {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-966caaa > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-966caaa:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-966caaa:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5911cf *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a5911cf {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a5911cf > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a5911cf:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a5911cf:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b9f7da *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-4b9f7da {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-4b9f7da > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-4b9f7da:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-4b9f7da:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef5008e *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-ef5008e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-ef5008e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-ef5008e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-ef5008e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-653442b *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-653442b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-653442b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-653442b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-653442b:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fabae4 *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-1fabae4 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-1fabae4 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-1fabae4:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-1fabae4:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a63123a *//* Rendi il contenitore quadrato */
.elementor-40677 .elementor-element.elementor-element-a63123a {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    background-image: url('your-image.jpg'); /* Inserisce l'immagine di sfondo */
    background-size: cover; /* Copre l'intero riquadro, anche i lati */
    background-position: center; /* Centra l'immagine nello sfondo */
    background-repeat: no-repeat; /* Evita ripetizioni dell'immagine */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-40677 .elementor-element.elementor-element-a63123a > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; /* Centra il testo */
    z-index: 1; /* Porta il contenuto sopra l'immagine di sfondo */
    margin: 0; /* Elimina margini indesiderati */
}

/* Effetto Hover */
.elementor-40677 .elementor-element.elementor-element-a63123a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-40677 .elementor-element.elementor-element-a63123a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8432774 */.elementor-40677 .elementor-element.elementor-element-8432774 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: center;
    cursor: pointer;
}

.elementor-40677 .elementor-element.elementor-element-8432774:hover {
    transform: scale(0.97);
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.6);
}

/* Link invisibile sopra tutto il contenuto */
.elementor-40677 .elementor-element.elementor-element-8432774 .full-link {
    position: absolute;
    inset: 0;
    z-index: 10;
    text-indent: -9999px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f1580c */.elementor-40677 .elementor-element.elementor-element-7f1580c {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: center;
    cursor: pointer;
}

.elementor-40677 .elementor-element.elementor-element-7f1580c:hover {
    transform: scale(0.97);
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.6);
}

/* Link invisibile sopra tutto il contenuto */
.elementor-40677 .elementor-element.elementor-element-7f1580c .full-link {
    position: absolute;
    inset: 0;
    z-index: 10;
    text-indent: -9999px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://nitesco.it/wp-content/uploads/2024/11/Inter-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://nitesco.it/wp-content/uploads/2024/11/Inter-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://nitesco.it/wp-content/uploads/2024/11/Inter-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://nitesco.it/wp-content/uploads/2024/11/Inter_18pt-Light-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */