.elementor-42911 .elementor-element.elementor-element-1d5f773{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-42911 .elementor-element.elementor-element-235173b{--spacer-size:140px;}.elementor-42911 .elementor-element.elementor-element-d6ade9d{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;}.elementor-42911 .elementor-element.elementor-element-d6ade9d .elementor-divider-separator{width:86%;margin:0 auto;margin-center:0;}.elementor-42911 .elementor-element.elementor-element-d6ade9d .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-42911 .elementor-element.elementor-element-e8b04a3{text-align:center;}.elementor-42911 .elementor-element.elementor-element-e8b04a3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-708d9a9{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:3px;}.elementor-42911 .elementor-element.elementor-element-708d9a9 .elementor-divider-separator{width:224px;margin:0 auto;margin-center:0;}.elementor-42911 .elementor-element.elementor-element-708d9a9 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-42911 .elementor-element.elementor-element-15dca72{--spacer-size:17px;}.elementor-42911 .elementor-element.elementor-element-aa6aa86 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-42911 .elementor-element.elementor-element-aa6aa86 > .elementor-container{max-width:1053px;}.elementor-42911 .elementor-element.elementor-element-aa6aa86, .elementor-42911 .elementor-element.elementor-element-aa6aa86 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-42911 .elementor-element.elementor-element-aa6aa86{padding:0px 0px 0px 0px;}.elementor-42911 .elementor-element.elementor-element-11dde58:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-42911 .elementor-element.elementor-element-11dde58 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-bc-flex-widget .elementor-42911 .elementor-element.elementor-element-11dde58.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-42911 .elementor-element.elementor-element-11dde58.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-42911 .elementor-element.elementor-element-11dde58 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0% 15% 0% 15%;}.elementor-42911 .elementor-element.elementor-element-11dde58 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42911 .elementor-element.elementor-element-d83362c{width:var( --container-widget-width, 120.798% );max-width:120.798%;padding:10px 0px 0px 0px;--container-widget-width:120.798%;--container-widget-flex-grow:0;}.elementor-42911 .elementor-element.elementor-element-d83362c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42911 .elementor-element.elementor-element-d83362c .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-e2cd705{padding:0px 0px 0px 0px;text-align:left;font-size:18px;line-height:28px;}.elementor-42911 .elementor-element.elementor-element-e2cd705.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42911 .elementor-element.elementor-element-9bd0f54 .elementor-button{background-color:var( --e-global-color-primary );fill:#F2F4E6;color:#F2F4E6;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:16px 16px 16px 16px;padding:20px 20px 20px 20px;}.elementor-42911 .elementor-element.elementor-element-9bd0f54 .elementor-button:hover, .elementor-42911 .elementor-element.elementor-element-9bd0f54 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-accent );}.elementor-42911 .elementor-element.elementor-element-9bd0f54 .elementor-button:hover svg, .elementor-42911 .elementor-element.elementor-element-9bd0f54 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-42911 .elementor-element.elementor-element-d78b615 .elementor-button{background-color:var( --e-global-color-primary );fill:#F2F4E6;color:#F2F4E6;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:16px 16px 16px 16px;padding:20px 20px 20px 20px;}.elementor-42911 .elementor-element.elementor-element-d78b615 .elementor-button:hover, .elementor-42911 .elementor-element.elementor-element-d78b615 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-accent );}.elementor-42911 .elementor-element.elementor-element-d78b615{padding:0px 0px 20px 0px;}.elementor-42911 .elementor-element.elementor-element-d78b615 .elementor-button:hover svg, .elementor-42911 .elementor-element.elementor-element-d78b615 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-42911 .elementor-element.elementor-element-8983fd8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-42911 .elementor-element.elementor-element-a49e6ca{--display:flex;}.elementor-42911 .elementor-element.elementor-element-a6811c2{--spacer-size:44px;}.elementor-42911 .elementor-element.elementor-element-13e8922{--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-42911 .elementor-element.elementor-element-8f71f4a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-42911 .elementor-element.elementor-element-abba214{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;text-align:right;}.elementor-42911 .elementor-element.elementor-element-abba214 img{width:60%;opacity:1;border-radius:25px 25px 25px 25px;}.elementor-42911 .elementor-element.elementor-element-b10b6b9{padding:30px 30px 30px 30px;text-align:left;}.elementor-42911 .elementor-element.elementor-element-b10b6b9 img{width:60%;border-radius:25px 25px 25px 25px;}.elementor-42911 .elementor-element.elementor-element-866e1ae{--display:flex;}.elementor-42911 .elementor-element.elementor-element-bd2bc06{--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-42911 .elementor-element.elementor-element-dc071f2 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-cb0b301{--e-image-carousel-slides-to-show:4;}.elementor-42911 .elementor-element.elementor-element-cb0b301 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-cb0b301 .elementor-swiper-button.elementor-swiper-button-next{font-size:47px;color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-cb0b301 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-42911 .elementor-element.elementor-element-cb0b301 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-cb0b301 .swiper-wrapper{display:flex;align-items:center;}.elementor-42911 .elementor-element.elementor-element-cb0b301 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-0c08a84 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-d29d089{--e-image-carousel-slides-to-show:4;}.elementor-42911 .elementor-element.elementor-element-d29d089 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-d29d089 .elementor-swiper-button.elementor-swiper-button-next{font-size:47px;color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-d29d089 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-42911 .elementor-element.elementor-element-d29d089 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-d29d089 .swiper-wrapper{display:flex;align-items:center;}.elementor-42911 .elementor-element.elementor-element-d29d089 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-9b60c21{text-align:left;}.elementor-42911 .elementor-element.elementor-element-9b60c21 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-aa3f6a0{--e-image-carousel-slides-to-show:4;}.elementor-42911 .elementor-element.elementor-element-aa3f6a0 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-aa3f6a0 .elementor-swiper-button.elementor-swiper-button-next{font-size:47px;color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-aa3f6a0 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-42911 .elementor-element.elementor-element-aa3f6a0 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-aa3f6a0 .swiper-wrapper{display:flex;align-items:center;}.elementor-42911 .elementor-element.elementor-element-aa3f6a0 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-e1848fd{--display:flex;}.elementor-42911 .elementor-element.elementor-element-0978b20{--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-42911 .elementor-element.elementor-element-ea4a5c3 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-578770f{--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-42911 .elementor-element.elementor-element-95e49ea{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-95e49ea:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-95e49ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1110;}.elementor-42911 .elementor-element.elementor-element-f7527c6{text-align:center;}.elementor-42911 .elementor-element.elementor-element-f7527c6 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-42911 .elementor-element.elementor-element-06d70ec{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-06d70ec:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-06d70ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;}.elementor-42911 .elementor-element.elementor-element-3c67dd9{text-align:center;}.elementor-42911 .elementor-element.elementor-element-3c67dd9 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-42911 .elementor-element.elementor-element-22e0fe3{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-22e0fe3:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-22e0fe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;}.elementor-42911 .elementor-element.elementor-element-639e2cf{text-align:center;}.elementor-42911 .elementor-element.elementor-element-639e2cf .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-42911 .elementor-element.elementor-element-0e909c9{--display:flex;--justify-content:space-around;}.elementor-42911 .elementor-element.elementor-element-0e909c9:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-0e909c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-42911 .elementor-element.elementor-element-811203d{text-align:center;}.elementor-42911 .elementor-element.elementor-element-811203d .elementor-heading-title{color:#7A7A7A;}.elementor-42911 .elementor-element.elementor-element-dd371aa{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-dd371aa:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-dd371aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#512719;}.elementor-42911 .elementor-element.elementor-element-d7e6451{text-align:center;}.elementor-42911 .elementor-element.elementor-element-d7e6451 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-42911 .elementor-element.elementor-element-fd1759e{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-fd1759e:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-fd1759e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-42911 .elementor-element.elementor-element-350abc3{text-align:center;}.elementor-42911 .elementor-element.elementor-element-350abc3 .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-42911 .elementor-element.elementor-element-dd3f942{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-dd3f942:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-dd3f942 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;}.elementor-42911 .elementor-element.elementor-element-802f80d{text-align:center;}.elementor-42911 .elementor-element.elementor-element-802f80d .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-42911 .elementor-element.elementor-element-bd2697c{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-bd2697c:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-bd2697c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AFBFB2;}.elementor-42911 .elementor-element.elementor-element-5340c4d{text-align:center;}.elementor-42911 .elementor-element.elementor-element-5340c4d .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-42911 .elementor-element.elementor-element-a32ad29{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-a32ad29:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-a32ad29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#703237;}.elementor-42911 .elementor-element.elementor-element-6994593{text-align:center;}.elementor-42911 .elementor-element.elementor-element-6994593 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-42911 .elementor-element.elementor-element-4591df1{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-4591df1:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-4591df1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6C8EA7;}.elementor-42911 .elementor-element.elementor-element-4e3ae2c{text-align:center;}.elementor-42911 .elementor-element.elementor-element-4e3ae2c .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-42911 .elementor-element.elementor-element-2b9f604{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-2b9f604:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-2b9f604 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0E79A;}.elementor-42911 .elementor-element.elementor-element-9996a1f{text-align:center;}.elementor-42911 .elementor-element.elementor-element-9996a1f .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#7A7A7A;}.elementor-42911 .elementor-element.elementor-element-72eb400 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-300e236{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:0px 0px 0px 0px;}.elementor-42911 .elementor-element.elementor-element-dd111c6{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-dd111c6:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-dd111c6 > .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-42911 .elementor-element.elementor-element-0f4297c{text-align:center;}.elementor-42911 .elementor-element.elementor-element-0f4297c .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-42911 .elementor-element.elementor-element-009843a{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-009843a:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-009843a > .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-42911 .elementor-element.elementor-element-d75687b{text-align:center;}.elementor-42911 .elementor-element.elementor-element-d75687b .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-42911 .elementor-element.elementor-element-05acfba{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-05acfba:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-05acfba > .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-42911 .elementor-element.elementor-element-c400902{text-align:center;}.elementor-42911 .elementor-element.elementor-element-c400902 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-42911 .elementor-element.elementor-element-21af93c{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-21af93c:not(.elementor-motion-effects-element-type-background), .elementor-42911 .elementor-element.elementor-element-21af93c > .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-42911 .elementor-element.elementor-element-f1aa922{text-align:center;}.elementor-42911 .elementor-element.elementor-element-f1aa922 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-42911 .elementor-element.elementor-element-547cb3d{text-align:left;}.elementor-42911 .elementor-element.elementor-element-547cb3d .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-9af04ee{--e-image-carousel-slides-to-show:4;}.elementor-42911 .elementor-element.elementor-element-9af04ee .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-9af04ee .elementor-swiper-button.elementor-swiper-button-next{font-size:47px;color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-9af04ee .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-42911 .elementor-element.elementor-element-9af04ee .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-9af04ee .swiper-wrapper{display:flex;align-items:center;}.elementor-42911 .elementor-element.elementor-element-9af04ee .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-3dcd8e6{--display:flex;}.elementor-42911 .elementor-element.elementor-element-71efda7{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 45px;--row-gap:0px;--column-gap:45px;--grid-auto-flow:column;--justify-items:center;--align-items:center;}.elementor-42911 .elementor-element.elementor-element-fa86ced img{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-eb4c4c8 img{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-899fd6d img{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-edbb1f7 img{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-7cdfcea{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:51px;--n-tabs-gap:14px;--n-tabs-title-border-radius:16px 16px 16px 16px;--n-tabs-title-color:var( --e-global-color-text );}:where( .elementor-42911 .elementor-element.elementor-element-7cdfcea.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:var( --e-global-color-secondary );--border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-7cdfcea.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:0px 18px 20px -3px rgba(0, 0, 0, 0.17);}.elementor-42911 .elementor-element.elementor-element-df87d2d{--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-42911 .elementor-element.elementor-element-2bfdc85 .elementor-button{background-color:var( --e-global-color-primary );fill:#F2F4E6;color:#F2F4E6;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:16px 16px 16px 16px;padding:20px 20px 20px 20px;}.elementor-42911 .elementor-element.elementor-element-2bfdc85 .elementor-button:hover, .elementor-42911 .elementor-element.elementor-element-2bfdc85 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-accent );}.elementor-42911 .elementor-element.elementor-element-2bfdc85 .elementor-button:hover svg, .elementor-42911 .elementor-element.elementor-element-2bfdc85 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-42911 .elementor-element.elementor-element-75f0a1c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-42911 .elementor-element.elementor-element-75f0a1c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-42911 .elementor-element.elementor-element-75f0a1c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:65px 65px 65px 65px;}.elementor-42911 .elementor-element.elementor-element-75f0a1c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42911 .elementor-element.elementor-element-957571e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42911 .elementor-element.elementor-element-957571e{text-align:left;}.elementor-42911 .elementor-element.elementor-element-957571e .elementor-heading-title{color:#FF5100;}.elementor-42911 .elementor-element.elementor-element-538fb16.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-group{padding-right:calc( 60px/2 );padding-left:calc( 60px/2 );margin-bottom:18px;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-form-fields-wrapper{margin-left:calc( -60px/2 );margin-right:calc( -60px/2 );margin-bottom:-18px;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-group > label, .elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-subgroup label{color:var( --e-global-color-secondary );}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-type-html{padding-bottom:0px;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-button span{justify-content:center;}.elementor-42911 .elementor-element.elementor-element-538fb16 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-42911 .elementor-element.elementor-element-538fb16 .e-form__buttons__wrapper__button-previous{background-color:#D73C28;color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-538fb16 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-538fb16 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-538fb16 .elementor-button{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-538fb16{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-42911 .elementor-element.elementor-element-4b9e538{--display:flex;}.elementor-42911 .elementor-element.elementor-element-a0e58b2{--spacer-size:80px;}.elementor-42911 .elementor-element.elementor-element-9c4d038:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-42911 .elementor-element.elementor-element-9c4d038 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-42911 .elementor-element.elementor-element-9c4d038 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:65px 65px 65px 65px;}.elementor-42911 .elementor-element.elementor-element-9c4d038 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42911 .elementor-element.elementor-element-4084bbc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42911 .elementor-element.elementor-element-4084bbc{text-align:left;}.elementor-42911 .elementor-element.elementor-element-4084bbc .elementor-heading-title{color:#FF5100;}.elementor-42911 .elementor-element.elementor-element-cf68242.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-group{padding-right:calc( 60px/2 );padding-left:calc( 60px/2 );margin-bottom:18px;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-form-fields-wrapper{margin-left:calc( -60px/2 );margin-right:calc( -60px/2 );margin-bottom:-18px;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-group > label, .elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-subgroup label{color:var( --e-global-color-secondary );}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-type-html{padding-bottom:0px;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-button span{justify-content:center;}.elementor-42911 .elementor-element.elementor-element-cf68242 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-42911 .elementor-element.elementor-element-cf68242 .e-form__buttons__wrapper__button-previous{background-color:#D73C28;color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-cf68242 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );}.elementor-42911 .elementor-element.elementor-element-cf68242 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-42911 .elementor-element.elementor-element-cf68242 .elementor-button{border-radius:16px 16px 16px 16px;}.elementor-42911 .elementor-element.elementor-element-cf68242{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-42911 .elementor-element.elementor-element-1d5f773{--content-width:1079px;}.elementor-42911 .elementor-element.elementor-element-11dde58{width:50%;}.elementor-42911 .elementor-element.elementor-element-8983fd8{width:56.332%;}.elementor-42911 .elementor-element.elementor-element-8f71f4a{--width:100%;}.elementor-42911 .elementor-element.elementor-element-71efda7{--content-width:781px;}}@media(max-width:1024px) and (min-width:768px){.elementor-42911 .elementor-element.elementor-element-11dde58{width:100%;}.elementor-42911 .elementor-element.elementor-element-8983fd8{width:100%;}}@media(max-width:1024px){.elementor-42911 .elementor-element.elementor-element-e8b04a3 .elementor-heading-title{font-size:3.5em;}.elementor-42911 .elementor-element.elementor-element-11dde58 > .elementor-element-populated{padding:8% 15% 0% 15%;}.elementor-42911 .elementor-element.elementor-element-d83362c{width:var( --container-widget-width, 482.45px );max-width:482.45px;padding:50px 0px 0px 0px;--container-widget-width:482.45px;--container-widget-flex-grow:0;}.elementor-42911 .elementor-element.elementor-element-e2cd705{width:var( --container-widget-width, 495.55px );max-width:495.55px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;--container-widget-width:495.55px;--container-widget-flex-grow:0;column-gap:0px;text-align:left;}.elementor-42911 .elementor-element.elementor-element-e2cd705 p{margin-block-end:0px;}.elementor-42911 .elementor-element.elementor-element-8f71f4a{--grid-auto-flow:row;}.elementor-42911 .elementor-element.elementor-element-cb0b301{--e-image-carousel-slides-to-show:3;}.elementor-42911 .elementor-element.elementor-element-d29d089{--e-image-carousel-slides-to-show:3;}.elementor-42911 .elementor-element.elementor-element-aa3f6a0{--e-image-carousel-slides-to-show:3;}.elementor-42911 .elementor-element.elementor-element-578770f{--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-42911 .elementor-element.elementor-element-300e236{--grid-auto-flow:row;}.elementor-42911 .elementor-element.elementor-element-9af04ee{--e-image-carousel-slides-to-show:3;}.elementor-42911 .elementor-element.elementor-element-71efda7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-42911 .elementor-element.elementor-element-1d5f773{--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-42911 .elementor-element.elementor-element-e8b04a3{text-align:center;}.elementor-42911 .elementor-element.elementor-element-e8b04a3 .elementor-heading-title{font-size:2.5em;}.elementor-42911 .elementor-element.elementor-element-708d9a9 .elementor-divider-separator{width:72px;margin:0 auto;margin-center:0;}.elementor-42911 .elementor-element.elementor-element-708d9a9 .elementor-divider{text-align:center;}.elementor-42911 .elementor-element.elementor-element-aa6aa86 > .elementor-container{max-width:1600px;}.elementor-42911 .elementor-element.elementor-element-aa6aa86{padding:0px 0px 0px 0px;}.elementor-42911 .elementor-element.elementor-element-11dde58 > .elementor-element-populated{padding:12% 10% 0% 10%;}.elementor-42911 .elementor-element.elementor-element-d83362c{width:100%;max-width:100%;padding:25px 0px 0px 0px;text-align:center;}.elementor-42911 .elementor-element.elementor-element-e2cd705{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:9px 0px 30px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;column-gap:0px;text-align:center;font-size:21px;line-height:23px;}.elementor-42911 .elementor-element.elementor-element-e2cd705.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-42911 .elementor-element.elementor-element-d78b615{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 35px 0px;}.elementor-42911 .elementor-element.elementor-element-8983fd8 > .elementor-element-populated, .elementor-42911 .elementor-element.elementor-element-8983fd8 > .elementor-element-populated > .elementor-background-overlay, .elementor-42911 .elementor-element.elementor-element-8983fd8 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-42911 .elementor-element.elementor-element-8f71f4a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-42911 .elementor-element.elementor-element-abba214{text-align:center;}.elementor-42911 .elementor-element.elementor-element-b10b6b9{text-align:center;}.elementor-42911 .elementor-element.elementor-element-cb0b301{--e-image-carousel-slides-to-show:1;}.elementor-42911 .elementor-element.elementor-element-cb0b301 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-cb0b301 .elementor-swiper-button.elementor-swiper-button-next{font-size:33px;}.elementor-42911 .elementor-element.elementor-element-d29d089 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-d29d089 .elementor-swiper-button.elementor-swiper-button-next{font-size:33px;}.elementor-42911 .elementor-element.elementor-element-9b60c21{text-align:center;}.elementor-42911 .elementor-element.elementor-element-aa3f6a0 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-aa3f6a0 .elementor-swiper-button.elementor-swiper-button-next{font-size:33px;}.elementor-42911 .elementor-element.elementor-element-578770f{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-42911 .elementor-element.elementor-element-300e236{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-42911 .elementor-element.elementor-element-dd111c6{--gap:0px 2px;--row-gap:0px;--column-gap:2px;}.elementor-42911 .elementor-element.elementor-element-547cb3d{text-align:center;}.elementor-42911 .elementor-element.elementor-element-9af04ee .elementor-swiper-button.elementor-swiper-button-prev, .elementor-42911 .elementor-element.elementor-element-9af04ee .elementor-swiper-button.elementor-swiper-button-next{font-size:33px;}.elementor-42911 .elementor-element.elementor-element-71efda7{--e-con-grid-template-columns:repeat(2, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;}.elementor-42911 .elementor-element.elementor-element-7cdfcea{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:19px;--n-tabs-gap:21px;}.elementor-42911 .elementor-element.elementor-element-75f0a1c{width:100%;}.elementor-bc-flex-widget .elementor-42911 .elementor-element.elementor-element-75f0a1c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-42911 .elementor-element.elementor-element-75f0a1c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-42911 .elementor-element.elementor-element-75f0a1c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-42911 .elementor-element.elementor-element-957571e{width:var( --container-widget-width, 299.073px );max-width:299.073px;--container-widget-width:299.073px;--container-widget-flex-grow:0;}.elementor-42911 .elementor-element.elementor-element-538fb16{width:var( --container-widget-width, 309.094px );max-width:309.094px;--container-widget-width:309.094px;--container-widget-flex-grow:0;}.elementor-42911 .elementor-element.elementor-element-9c4d038{width:100%;}.elementor-bc-flex-widget .elementor-42911 .elementor-element.elementor-element-9c4d038.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-42911 .elementor-element.elementor-element-9c4d038.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-42911 .elementor-element.elementor-element-9c4d038.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-42911 .elementor-element.elementor-element-4084bbc{width:var( --container-widget-width, 299.073px );max-width:299.073px;--container-widget-width:299.073px;--container-widget-flex-grow:0;}.elementor-42911 .elementor-element.elementor-element-cf68242{width:var( --container-widget-width, 309.094px );max-width:309.094px;--container-widget-width:309.094px;--container-widget-flex-grow:0;}}/* Start custom CSS for section, class: .elementor-element-aa6aa86 *//* Sezione con angoli stondati, ombra e centrata */
.custom-section {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important; 
    padding: 0px !important; /* Spazio più piccolo sui bordi */
    border-radius: 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Ombra diffusa dietro alla sezione */
.custom-section::before {
    content: "";
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    border-radius: inherit !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
    z-index: -1 !important;
}

/* Effetto hover */
.custom-section:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25) !important;
}

/* Mantiene la stondatura SOLO sui contenuti visibili */
.custom-section > * {
    border-radius: inherit !important;
    overflow: hidden !important;
}

/* 🔹 Responsive: Tablet */
@media screen and (max-width: 1024px) {
    .custom-section {
        padding: 20px !important; /* Aggiunge spazio attorno */
        max-width: 90% !important; /* Impedisce che la sezione tocchi i bordi */
    }
}

/* 🔹 Responsive: Mobile */
@media screen and (max-width: 768px) {
    .custom-section {
        flex-direction: column !important; /* Dispone gli elementi in verticale */
        padding: 0px !important; /* Spazio più piccolo sui bordi */
        max-width: 95% !important; /* Evita che tocchi i bordi del telefono */
    }

    .custom-section > * {
        width: 100% !important; /* Adatta le colonne al display */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95e49ea *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-95e49ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-95e49ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-95e49ea::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-42911 .elementor-element.elementor-element-95e49ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-95e49ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06d70ec *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-06d70ec {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-06d70ec > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-06d70ec::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-42911 .elementor-element.elementor-element-06d70ec:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-06d70ec:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22e0fe3 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-22e0fe3::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-42911 .elementor-element.elementor-element-22e0fe3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-22e0fe3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e909c9 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-0e909c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-42911 .elementor-element.elementor-element-0e909c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-0e909c9::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-42911 .elementor-element.elementor-element-0e909c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-0e909c9: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-dd371aa *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd371aa {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd371aa > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd371aa::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-42911 .elementor-element.elementor-element-dd371aa:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd371aa:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd1759e *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-fd1759e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-fd1759e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-fd1759e::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-42911 .elementor-element.elementor-element-fd1759e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-fd1759e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd3f942 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd3f942 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd3f942 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd3f942::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-42911 .elementor-element.elementor-element-dd3f942:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd3f942:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd2697c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-bd2697c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-bd2697c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-bd2697c::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-42911 .elementor-element.elementor-element-bd2697c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-bd2697c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a32ad29 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-a32ad29 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-a32ad29 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-a32ad29::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-42911 .elementor-element.elementor-element-a32ad29:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-a32ad29:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4591df1 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-4591df1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-4591df1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-4591df1::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-42911 .elementor-element.elementor-element-4591df1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-4591df1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9f604 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-2b9f604 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-2b9f604 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-2b9f604::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-42911 .elementor-element.elementor-element-2b9f604:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-2b9f604:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd111c6 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd111c6 {
    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-42911 .elementor-element.elementor-element-dd111c6 > * {
    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-42911 .elementor-element.elementor-element-dd111c6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd111c6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-009843a *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-009843a {
    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-42911 .elementor-element.elementor-element-009843a > * {
    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-42911 .elementor-element.elementor-element-009843a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-009843a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05acfba *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-05acfba {
    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-42911 .elementor-element.elementor-element-05acfba > * {
    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-42911 .elementor-element.elementor-element-05acfba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-05acfba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21af93c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-21af93c {
    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-42911 .elementor-element.elementor-element-21af93c > * {
    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-42911 .elementor-element.elementor-element-21af93c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-21af93c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95e49ea *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-95e49ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-95e49ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-95e49ea::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-42911 .elementor-element.elementor-element-95e49ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-95e49ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06d70ec *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-06d70ec {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-06d70ec > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-06d70ec::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-42911 .elementor-element.elementor-element-06d70ec:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-06d70ec:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22e0fe3 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-22e0fe3::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-42911 .elementor-element.elementor-element-22e0fe3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-22e0fe3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e909c9 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-0e909c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-42911 .elementor-element.elementor-element-0e909c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-0e909c9::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-42911 .elementor-element.elementor-element-0e909c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-0e909c9: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-dd371aa *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd371aa {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd371aa > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd371aa::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-42911 .elementor-element.elementor-element-dd371aa:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd371aa:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd1759e *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-fd1759e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-fd1759e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-fd1759e::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-42911 .elementor-element.elementor-element-fd1759e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-fd1759e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd3f942 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd3f942 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd3f942 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd3f942::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-42911 .elementor-element.elementor-element-dd3f942:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd3f942:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd2697c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-bd2697c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-bd2697c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-bd2697c::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-42911 .elementor-element.elementor-element-bd2697c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-bd2697c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a32ad29 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-a32ad29 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-a32ad29 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-a32ad29::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-42911 .elementor-element.elementor-element-a32ad29:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-a32ad29:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4591df1 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-4591df1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-4591df1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-4591df1::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-42911 .elementor-element.elementor-element-4591df1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-4591df1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9f604 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-2b9f604 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-2b9f604 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-2b9f604::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-42911 .elementor-element.elementor-element-2b9f604:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-2b9f604:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd111c6 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd111c6 {
    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-42911 .elementor-element.elementor-element-dd111c6 > * {
    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-42911 .elementor-element.elementor-element-dd111c6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd111c6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-009843a *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-009843a {
    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-42911 .elementor-element.elementor-element-009843a > * {
    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-42911 .elementor-element.elementor-element-009843a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-009843a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05acfba *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-05acfba {
    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-42911 .elementor-element.elementor-element-05acfba > * {
    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-42911 .elementor-element.elementor-element-05acfba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-05acfba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21af93c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-21af93c {
    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-42911 .elementor-element.elementor-element-21af93c > * {
    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-42911 .elementor-element.elementor-element-21af93c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-21af93c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95e49ea *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-95e49ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-95e49ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-95e49ea::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-42911 .elementor-element.elementor-element-95e49ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-95e49ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06d70ec *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-06d70ec {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-06d70ec > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-06d70ec::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-42911 .elementor-element.elementor-element-06d70ec:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-06d70ec:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22e0fe3 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-22e0fe3::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-42911 .elementor-element.elementor-element-22e0fe3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-22e0fe3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e909c9 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-0e909c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-42911 .elementor-element.elementor-element-0e909c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-0e909c9::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-42911 .elementor-element.elementor-element-0e909c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-0e909c9: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-dd371aa *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd371aa {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd371aa > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd371aa::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-42911 .elementor-element.elementor-element-dd371aa:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd371aa:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd1759e *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-fd1759e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-fd1759e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-fd1759e::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-42911 .elementor-element.elementor-element-fd1759e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-fd1759e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd3f942 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd3f942 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd3f942 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd3f942::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-42911 .elementor-element.elementor-element-dd3f942:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd3f942:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd2697c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-bd2697c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-bd2697c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-bd2697c::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-42911 .elementor-element.elementor-element-bd2697c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-bd2697c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a32ad29 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-a32ad29 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-a32ad29 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-a32ad29::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-42911 .elementor-element.elementor-element-a32ad29:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-a32ad29:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4591df1 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-4591df1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-4591df1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-4591df1::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-42911 .elementor-element.elementor-element-4591df1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-4591df1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9f604 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-2b9f604 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-2b9f604 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-2b9f604::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-42911 .elementor-element.elementor-element-2b9f604:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-2b9f604:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd111c6 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd111c6 {
    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-42911 .elementor-element.elementor-element-dd111c6 > * {
    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-42911 .elementor-element.elementor-element-dd111c6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd111c6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-009843a *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-009843a {
    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-42911 .elementor-element.elementor-element-009843a > * {
    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-42911 .elementor-element.elementor-element-009843a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-009843a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05acfba *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-05acfba {
    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-42911 .elementor-element.elementor-element-05acfba > * {
    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-42911 .elementor-element.elementor-element-05acfba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-05acfba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21af93c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-21af93c {
    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-42911 .elementor-element.elementor-element-21af93c > * {
    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-42911 .elementor-element.elementor-element-21af93c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-21af93c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95e49ea *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-95e49ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-95e49ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-95e49ea::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-42911 .elementor-element.elementor-element-95e49ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-95e49ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06d70ec *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-06d70ec {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-06d70ec > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-06d70ec::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-42911 .elementor-element.elementor-element-06d70ec:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-06d70ec:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22e0fe3 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-22e0fe3::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-42911 .elementor-element.elementor-element-22e0fe3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-22e0fe3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e909c9 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-0e909c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-42911 .elementor-element.elementor-element-0e909c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-0e909c9::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-42911 .elementor-element.elementor-element-0e909c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-0e909c9: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-dd371aa *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd371aa {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd371aa > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd371aa::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-42911 .elementor-element.elementor-element-dd371aa:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd371aa:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd1759e *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-fd1759e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-fd1759e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-fd1759e::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-42911 .elementor-element.elementor-element-fd1759e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-fd1759e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd3f942 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd3f942 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd3f942 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd3f942::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-42911 .elementor-element.elementor-element-dd3f942:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd3f942:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd2697c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-bd2697c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-bd2697c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-bd2697c::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-42911 .elementor-element.elementor-element-bd2697c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-bd2697c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a32ad29 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-a32ad29 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-a32ad29 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-a32ad29::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-42911 .elementor-element.elementor-element-a32ad29:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-a32ad29:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4591df1 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-4591df1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-4591df1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-4591df1::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-42911 .elementor-element.elementor-element-4591df1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-4591df1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9f604 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-2b9f604 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-2b9f604 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-2b9f604::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-42911 .elementor-element.elementor-element-2b9f604:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-2b9f604:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd111c6 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd111c6 {
    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-42911 .elementor-element.elementor-element-dd111c6 > * {
    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-42911 .elementor-element.elementor-element-dd111c6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd111c6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-009843a *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-009843a {
    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-42911 .elementor-element.elementor-element-009843a > * {
    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-42911 .elementor-element.elementor-element-009843a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-009843a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05acfba *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-05acfba {
    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-42911 .elementor-element.elementor-element-05acfba > * {
    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-42911 .elementor-element.elementor-element-05acfba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-05acfba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21af93c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-21af93c {
    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-42911 .elementor-element.elementor-element-21af93c > * {
    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-42911 .elementor-element.elementor-element-21af93c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-21af93c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95e49ea *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-95e49ea {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-95e49ea > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-95e49ea::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-42911 .elementor-element.elementor-element-95e49ea:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-95e49ea:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06d70ec *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-06d70ec {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-06d70ec > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-06d70ec::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-42911 .elementor-element.elementor-element-06d70ec:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-06d70ec:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22e0fe3 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-22e0fe3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-22e0fe3::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-42911 .elementor-element.elementor-element-22e0fe3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-22e0fe3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e909c9 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-0e909c9 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-42911 .elementor-element.elementor-element-0e909c9 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-0e909c9::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-42911 .elementor-element.elementor-element-0e909c9:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-0e909c9: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-dd371aa *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd371aa {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd371aa > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd371aa::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-42911 .elementor-element.elementor-element-dd371aa:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd371aa:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd1759e *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-fd1759e {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-fd1759e > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-fd1759e::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-42911 .elementor-element.elementor-element-fd1759e:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-fd1759e:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd3f942 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd3f942 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-dd3f942 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-dd3f942::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-42911 .elementor-element.elementor-element-dd3f942:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd3f942:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd2697c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-bd2697c {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-bd2697c > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-bd2697c::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-42911 .elementor-element.elementor-element-bd2697c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-bd2697c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a32ad29 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-a32ad29 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-a32ad29 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-a32ad29::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-42911 .elementor-element.elementor-element-a32ad29:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-a32ad29:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4591df1 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-4591df1 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-4591df1 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-4591df1::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-42911 .elementor-element.elementor-element-4591df1:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-4591df1:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b9f604 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-2b9f604 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-42911 .elementor-element.elementor-element-2b9f604 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-42911 .elementor-element.elementor-element-2b9f604::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-42911 .elementor-element.elementor-element-2b9f604:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-2b9f604:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd111c6 *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-dd111c6 {
    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-42911 .elementor-element.elementor-element-dd111c6 > * {
    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-42911 .elementor-element.elementor-element-dd111c6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-dd111c6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-009843a *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-009843a {
    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-42911 .elementor-element.elementor-element-009843a > * {
    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-42911 .elementor-element.elementor-element-009843a:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-009843a:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05acfba *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-05acfba {
    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-42911 .elementor-element.elementor-element-05acfba > * {
    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-42911 .elementor-element.elementor-element-05acfba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-05acfba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21af93c *//* Rendi il contenitore quadrato */
.elementor-42911 .elementor-element.elementor-element-21af93c {
    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-42911 .elementor-element.elementor-element-21af93c > * {
    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-42911 .elementor-element.elementor-element-21af93c:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-42911 .elementor-element.elementor-element-21af93c:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-538fb16 *//* Stile per i campi di input e textarea */
.elementor-42911 .elementor-element.elementor-element-538fb16 input, .elementor-42911 .elementor-element.elementor-element-538fb16 textarea, .elementor-42911 .elementor-element.elementor-element-538fb16 select {
    width: 100%; /* I campi occupano tutta la larghezza */
    border: 1px solid rgba(0, 0, 0, 0.1); /* Bordi sottili */
    border-radius: 15px; /* Arrotonda i bordi dei campi */
    padding: 10px; /* Spaziatura interna */
    font-size: 16px; /* Dimensione del testo */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    outline: none; /* Rimuove l'effetto di focus predefinito */
}

/* Effetto hover sui campi */
.elementor-42911 .elementor-element.elementor-element-538fb16 input:hover, .elementor-42911 .elementor-element.elementor-element-538fb16 textarea:hover, .elementor-42911 .elementor-element.elementor-element-538fb16 select:hover {
    transform: scale(1.02); /* Leggero ingrandimento */
}

/* Effetto focus sui campi */
.elementor-42911 .elementor-element.elementor-element-538fb16 input:focus, .elementor-42911 .elementor-element.elementor-element-538fb16 textarea:focus, .elementor-42911 .elementor-element.elementor-element-538fb16 select:focus {
    box-shadow: 0 0 8px rgba(255, 81, 0, 0.5); /* Alone con colore #FF5100 */
    transform: scale(1.02); /* Leggero ingrandimento */
}
/* Contenitore della checkbox e del testo */
.elementor-42911 .elementor-element.elementor-element-538fb16 .checkbox-group {
    display: flex; /* Layout flessibile per allineare checkbox e testo */
    align-items: center; /* Allinea verticalmente il testo con la checkbox */
    gap: 10px; /* Spaziatura tra checkbox e testo */
    margin-bottom: 10px; /* Spaziatura tra le righe delle checkbox */
}

/* Checkbox */
.elementor-42911 .elementor-element.elementor-element-538fb16 input[type="checkbox"] {
    width: 20px; /* Dimensione della checkbox */
    height: 20px; /* Dimensione della checkbox */
    margin: 0; /* Rimuove margini predefiniti */
    border-radius: 5px; /* Arrotonda leggermente gli angoli */
    border: 1px solid rgba(0, 0, 0, 0.2); /* Bordi sottili */
    appearance: none; /* Rimuove lo stile predefinito del browser */
    background-color: #fff; /* Sfondo bianco */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    cursor: pointer; /* Indica interattività */
}

/* Effetto hover sulla checkbox */
.elementor-42911 .elementor-element.elementor-element-538fb16 input[type="checkbox"]:hover {
    box-shadow: 0 0 5px rgba(255, 81, 0, 0.5); /* Alone arancione durante hover */
}

/* Checkbox selezionata */
.elementor-42911 .elementor-element.elementor-element-538fb16 input[type="checkbox"]:checked {
    background-color: #FF5100; /* Colore arancione per la checkbox selezionata */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* Ombra interna */
}

/* Testo accanto alla checkbox */
.elementor-42911 .elementor-element.elementor-element-538fb16 .checkbox-group label {
    font-size: 16px; /* Dimensione del testo */
    font-weight: normal; /* Peso normale */
    color: #333; /* Colore del testo */
    cursor: pointer; /* Interattivo */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-75f0a1c *//* Stile base per il box */
.elementor-42911 .elementor-element.elementor-element-75f0a1c {
    position: relative; /* Necessario per gestire l'animazione */
    display: block; /* Adatta il box alla dimensione della colonna */
    width: 100%; /* Occupa tutta la larghezza della colonna */
    height: 100%; /* Occupa tutta l'altezza della colonna */
    border-radius: 20px; /* Arrotonda i bordi */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombra iniziale */
    background: #fff; /* Sfondo bianco */
    padding: 0; /* Rimuove la spaziatura interna */
    margin: 0; /* Rimuove margini esterni */
    overflow: hidden; /* Previene contenuti che escono dai bordi */
    animation: float 3s infinite ease-in-out; /* Animazione di fluttuazione */
    transform: scale(0.8); /* Riduce il contenuto del 20% */
    box-sizing: border-box; /* Assicura che padding e bordi siano inclusi nella dimensione */
}

/* Animazione di fluttuazione */
@keyframes float {
    0%, 100% {
        transform: translateY(-5px) scale(0.8); /* Sale leggermente mantenendo la riduzione */
    }
    50% {
        transform: translateY(5px) scale(0.8); /* Scende leggermente mantenendo la riduzione */
    }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-cf68242 *//* Stile per i campi di input e textarea */
.elementor-42911 .elementor-element.elementor-element-cf68242 input, .elementor-42911 .elementor-element.elementor-element-cf68242 textarea, .elementor-42911 .elementor-element.elementor-element-cf68242 select {
    width: 100%; /* I campi occupano tutta la larghezza */
    border: 1px solid rgba(0, 0, 0, 0.1); /* Bordi sottili */
    border-radius: 15px; /* Arrotonda i bordi dei campi */
    padding: 10px; /* Spaziatura interna */
    font-size: 16px; /* Dimensione del testo */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    outline: none; /* Rimuove l'effetto di focus predefinito */
}

/* Effetto hover sui campi */
.elementor-42911 .elementor-element.elementor-element-cf68242 input:hover, .elementor-42911 .elementor-element.elementor-element-cf68242 textarea:hover, .elementor-42911 .elementor-element.elementor-element-cf68242 select:hover {
    transform: scale(1.02); /* Leggero ingrandimento */
}

/* Effetto focus sui campi */
.elementor-42911 .elementor-element.elementor-element-cf68242 input:focus, .elementor-42911 .elementor-element.elementor-element-cf68242 textarea:focus, .elementor-42911 .elementor-element.elementor-element-cf68242 select:focus {
    box-shadow: 0 0 8px rgba(255, 81, 0, 0.5); /* Alone con colore #FF5100 */
    transform: scale(1.02); /* Leggero ingrandimento */
}
/* Contenitore della checkbox e del testo */
.elementor-42911 .elementor-element.elementor-element-cf68242 .checkbox-group {
    display: flex; /* Layout flessibile per allineare checkbox e testo */
    align-items: center; /* Allinea verticalmente il testo con la checkbox */
    gap: 10px; /* Spaziatura tra checkbox e testo */
    margin-bottom: 10px; /* Spaziatura tra le righe delle checkbox */
}

/* Checkbox */
.elementor-42911 .elementor-element.elementor-element-cf68242 input[type="checkbox"] {
    width: 20px; /* Dimensione della checkbox */
    height: 20px; /* Dimensione della checkbox */
    margin: 0; /* Rimuove margini predefiniti */
    border-radius: 5px; /* Arrotonda leggermente gli angoli */
    border: 1px solid rgba(0, 0, 0, 0.2); /* Bordi sottili */
    appearance: none; /* Rimuove lo stile predefinito del browser */
    background-color: #fff; /* Sfondo bianco */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    cursor: pointer; /* Indica interattività */
}

/* Effetto hover sulla checkbox */
.elementor-42911 .elementor-element.elementor-element-cf68242 input[type="checkbox"]:hover {
    box-shadow: 0 0 5px rgba(255, 81, 0, 0.5); /* Alone arancione durante hover */
}

/* Checkbox selezionata */
.elementor-42911 .elementor-element.elementor-element-cf68242 input[type="checkbox"]:checked {
    background-color: #FF5100; /* Colore arancione per la checkbox selezionata */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* Ombra interna */
}

/* Testo accanto alla checkbox */
.elementor-42911 .elementor-element.elementor-element-cf68242 .checkbox-group label {
    font-size: 16px; /* Dimensione del testo */
    font-weight: normal; /* Peso normale */
    color: #333; /* Colore del testo */
    cursor: pointer; /* Interattivo */
}/* 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 */