.elementor-33889 .elementor-element.elementor-element-6458567{--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-33889 .elementor-element.elementor-element-34d5d97{--spacer-size:140px;}.elementor-33889 .elementor-element.elementor-element-735fa64{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:1px;}.elementor-33889 .elementor-element.elementor-element-735fa64 .elementor-divider-separator{width:86%;margin:0 auto;margin-center:0;}.elementor-33889 .elementor-element.elementor-element-735fa64 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-33889 .elementor-element.elementor-element-a1e1dfc{text-align:center;}.elementor-33889 .elementor-element.elementor-element-a1e1dfc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:800;color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-c62dd62{--divider-border-style:solid;--divider-color:var( --e-global-color-text );--divider-border-width:3px;}.elementor-33889 .elementor-element.elementor-element-c62dd62 .elementor-divider-separator{width:224px;margin:0 auto;margin-center:0;}.elementor-33889 .elementor-element.elementor-element-c62dd62 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-33889 .elementor-element.elementor-element-ae7c899{--spacer-size:17px;}.elementor-33889 .elementor-element.elementor-element-6d630f6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-33889 .elementor-element.elementor-element-6d630f6 > .elementor-container{max-width:1053px;}.elementor-33889 .elementor-element.elementor-element-6d630f6, .elementor-33889 .elementor-element.elementor-element-6d630f6 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-33889 .elementor-element.elementor-element-6d630f6{padding:0px 0px 0px 0px;}.elementor-33889 .elementor-element.elementor-element-1112ec2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-33889 .elementor-element.elementor-element-1112ec2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-bc-flex-widget .elementor-33889 .elementor-element.elementor-element-1112ec2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-33889 .elementor-element.elementor-element-1112ec2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-33889 .elementor-element.elementor-element-1112ec2 > .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-33889 .elementor-element.elementor-element-1112ec2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-33889 .elementor-element.elementor-element-71ecce1{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-33889 .elementor-element.elementor-element-71ecce1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33889 .elementor-element.elementor-element-71ecce1 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-56dbba6{padding:0px 0px 0px 0px;text-align:left;font-size:18px;line-height:28px;}.elementor-33889 .elementor-element.elementor-element-56dbba6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33889 .elementor-element.elementor-element-f8fb15b .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-33889 .elementor-element.elementor-element-f8fb15b .elementor-button:hover, .elementor-33889 .elementor-element.elementor-element-f8fb15b .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-accent );}.elementor-33889 .elementor-element.elementor-element-f8fb15b .elementor-button:hover svg, .elementor-33889 .elementor-element.elementor-element-f8fb15b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-33889 .elementor-element.elementor-element-07293f5 .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-33889 .elementor-element.elementor-element-07293f5 .elementor-button:hover, .elementor-33889 .elementor-element.elementor-element-07293f5 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-color:var( --e-global-color-accent );}.elementor-33889 .elementor-element.elementor-element-07293f5{padding:0px 0px 20px 0px;}.elementor-33889 .elementor-element.elementor-element-07293f5 .elementor-button:hover svg, .elementor-33889 .elementor-element.elementor-element-07293f5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-33889 .elementor-element.elementor-element-d185465.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-33889 .elementor-element.elementor-element-6a8911e{--display:flex;}.elementor-33889 .elementor-element.elementor-element-d502a5c{--spacer-size:44px;}.elementor-33889 .elementor-element.elementor-element-1d26731{--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-33889 .elementor-element.elementor-element-d2ae9a9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33889 .elementor-element.elementor-element-c1ce33a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-33889 .elementor-element.elementor-element-c7bb1fc .elementor-icon-wrapper{text-align:right;}.elementor-33889 .elementor-element.elementor-element-c7bb1fc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-33889 .elementor-element.elementor-element-c7bb1fc.elementor-view-framed .elementor-icon, .elementor-33889 .elementor-element.elementor-element-c7bb1fc.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-33889 .elementor-element.elementor-element-c7bb1fc.elementor-view-framed .elementor-icon, .elementor-33889 .elementor-element.elementor-element-c7bb1fc.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-33889 .elementor-element.elementor-element-15b6902{column-gap:0px;text-align:left;}.elementor-33889 .elementor-element.elementor-element-15b6902 p{margin-block-end:0px;}.elementor-33889 .elementor-element.elementor-element-4046cdb .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:25px 25px 25px 25px;}.elementor-33889 .elementor-element.elementor-element-91a3faf{text-align:center;font-size:14px;}.elementor-33889 .elementor-element.elementor-element-1937742{--display:flex;}.elementor-33889 .elementor-element.elementor-element-5735865{--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-33889 .elementor-element.elementor-element-949e9bb .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-9dc8ec2{--e-image-carousel-slides-to-show:4;}.elementor-33889 .elementor-element.elementor-element-9dc8ec2 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-33889 .elementor-element.elementor-element-9dc8ec2 .elementor-swiper-button.elementor-swiper-button-next{font-size:47px;color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-9dc8ec2 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-33889 .elementor-element.elementor-element-9dc8ec2 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-9dc8ec2 .swiper-wrapper{display:flex;align-items:center;}.elementor-33889 .elementor-element.elementor-element-9dc8ec2 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-b41cc3b{--display:flex;}.elementor-33889 .elementor-element.elementor-element-d572dfc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-33889 .elementor-element.elementor-element-e8a05db .elementor-icon-wrapper{text-align:right;}.elementor-33889 .elementor-element.elementor-element-e8a05db.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-33889 .elementor-element.elementor-element-e8a05db.elementor-view-framed .elementor-icon, .elementor-33889 .elementor-element.elementor-element-e8a05db.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-33889 .elementor-element.elementor-element-e8a05db.elementor-view-framed .elementor-icon, .elementor-33889 .elementor-element.elementor-element-e8a05db.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-33889 .elementor-element.elementor-element-11f2745{column-gap:0px;text-align:left;}.elementor-33889 .elementor-element.elementor-element-11f2745 p{margin-block-end:0px;}.elementor-33889 .elementor-element.elementor-element-993f5fc{--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-33889 .elementor-element.elementor-element-56e992f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-3933abe{--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-33889 .elementor-element.elementor-element-0557dcd{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-0557dcd:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-0557dcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}.elementor-33889 .elementor-element.elementor-element-85bb037{text-align:center;}.elementor-33889 .elementor-element.elementor-element-85bb037 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-33889 .elementor-element.elementor-element-559c7ba{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-559c7ba:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-559c7ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#38383A;}.elementor-33889 .elementor-element.elementor-element-e2e9666{text-align:center;}.elementor-33889 .elementor-element.elementor-element-e2e9666 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-secondary );}.elementor-33889 .elementor-element.elementor-element-2bb16b3{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-2bb16b3:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-2bb16b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#909696;}.elementor-33889 .elementor-element.elementor-element-3944a1e{text-align:center;}.elementor-33889 .elementor-element.elementor-element-3944a1e .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-33889 .elementor-element.elementor-element-cd5c99b{--display:flex;--justify-content:space-around;}.elementor-33889 .elementor-element.elementor-element-cd5c99b:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-cd5c99b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-33889 .elementor-element.elementor-element-58169b5{text-align:center;}.elementor-33889 .elementor-element.elementor-element-58169b5 .elementor-heading-title{color:#7A7A7A;}.elementor-33889 .elementor-element.elementor-element-12040d0{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-12040d0:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-12040d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#512719;}.elementor-33889 .elementor-element.elementor-element-6d1c384{text-align:center;}.elementor-33889 .elementor-element.elementor-element-6d1c384 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-33889 .elementor-element.elementor-element-4fbc766{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-4fbc766:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-4fbc766 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-33889 .elementor-element.elementor-element-b1b13d2{text-align:center;}.elementor-33889 .elementor-element.elementor-element-b1b13d2 .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-33889 .elementor-element.elementor-element-d737d65{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-d737d65:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-d737d65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A8D7D;}.elementor-33889 .elementor-element.elementor-element-66ab620{text-align:center;}.elementor-33889 .elementor-element.elementor-element-66ab620 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-33889 .elementor-element.elementor-element-7387398{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-7387398:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-7387398 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AFBFB2;}.elementor-33889 .elementor-element.elementor-element-5f3b1a9{text-align:center;}.elementor-33889 .elementor-element.elementor-element-5f3b1a9 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-33889 .elementor-element.elementor-element-5d15dee{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-5d15dee:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-5d15dee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#703237;}.elementor-33889 .elementor-element.elementor-element-acedc35{text-align:center;}.elementor-33889 .elementor-element.elementor-element-acedc35 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-33889 .elementor-element.elementor-element-836ceae{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-836ceae:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-836ceae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6C8EA7;}.elementor-33889 .elementor-element.elementor-element-63d27c9{text-align:center;}.elementor-33889 .elementor-element.elementor-element-63d27c9 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#F4F0E6;}.elementor-33889 .elementor-element.elementor-element-d36fea6{--display:flex;--justify-content:space-around;--border-radius:16px 16px 16px 16px;}.elementor-33889 .elementor-element.elementor-element-d36fea6:not(.elementor-motion-effects-element-type-background), .elementor-33889 .elementor-element.elementor-element-d36fea6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0E79A;}.elementor-33889 .elementor-element.elementor-element-b5ad980{text-align:center;}.elementor-33889 .elementor-element.elementor-element-b5ad980 .elementor-heading-title{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#7A7A7A;}.elementor-33889 .elementor-element.elementor-element-7ef9f29{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-33889 .elementor-element.elementor-element-9a0b627{--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-33889 .elementor-element.elementor-element-bd807dd img{border-radius:12px 12px 12px 12px;}.elementor-33889 .elementor-element.elementor-element-21a451b{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-33889 .elementor-element.elementor-element-21a451b .elementor-heading-title{font-size:12px;color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-7951feb{--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-33889 .elementor-element.elementor-element-e8edf02 img{border-radius:12px 12px 12px 12px;}.elementor-33889 .elementor-element.elementor-element-a73fb86{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-33889 .elementor-element.elementor-element-a73fb86 .elementor-heading-title{font-size:12px;color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-d0ac88b{--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-33889 .elementor-element.elementor-element-2483ab8 img{border-radius:12px 12px 12px 12px;}.elementor-33889 .elementor-element.elementor-element-d124957{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-33889 .elementor-element.elementor-element-d124957 .elementor-heading-title{font-size:12px;color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-a8ce404{--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-33889 .elementor-element.elementor-element-957d6a5 img{border-radius:12px 12px 12px 12px;}.elementor-33889 .elementor-element.elementor-element-03b64a7{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-33889 .elementor-element.elementor-element-03b64a7 .elementor-heading-title{font-size:12px;color:var( --e-global-color-primary );}.elementor-33889 .elementor-element.elementor-element-8792e7d{--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-33889 .elementor-element.elementor-element-8792e7d.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-33889 .elementor-element.elementor-element-8792e7d.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);}@media(min-width:768px){.elementor-33889 .elementor-element.elementor-element-6458567{--content-width:1079px;}.elementor-33889 .elementor-element.elementor-element-1112ec2{width:50%;}.elementor-33889 .elementor-element.elementor-element-d185465{width:56.332%;}.elementor-33889 .elementor-element.elementor-element-d2ae9a9{--width:100%;}.elementor-33889 .elementor-element.elementor-element-9a0b627{--width:25%;}.elementor-33889 .elementor-element.elementor-element-7951feb{--width:25%;}.elementor-33889 .elementor-element.elementor-element-d0ac88b{--width:25%;}.elementor-33889 .elementor-element.elementor-element-a8ce404{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-33889 .elementor-element.elementor-element-1112ec2{width:100%;}.elementor-33889 .elementor-element.elementor-element-d185465{width:100%;}}@media(max-width:1024px){.elementor-33889 .elementor-element.elementor-element-a1e1dfc .elementor-heading-title{font-size:3.5em;}.elementor-33889 .elementor-element.elementor-element-1112ec2 > .elementor-element-populated{padding:8% 15% 0% 15%;}.elementor-33889 .elementor-element.elementor-element-71ecce1{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-33889 .elementor-element.elementor-element-56dbba6{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-33889 .elementor-element.elementor-element-56dbba6 p{margin-block-end:0px;}.elementor-33889 .elementor-element.elementor-element-c1ce33a{--grid-auto-flow:row;}.elementor-33889 .elementor-element.elementor-element-9dc8ec2{--e-image-carousel-slides-to-show:3;}.elementor-33889 .elementor-element.elementor-element-d572dfc{--grid-auto-flow:row;}.elementor-33889 .elementor-element.elementor-element-3933abe{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-33889 .elementor-element.elementor-element-6458567{--margin-top:0100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33889 .elementor-element.elementor-element-a1e1dfc{text-align:center;}.elementor-33889 .elementor-element.elementor-element-a1e1dfc .elementor-heading-title{font-size:2.5em;}.elementor-33889 .elementor-element.elementor-element-c62dd62 .elementor-divider-separator{width:72px;margin:0 auto;margin-center:0;}.elementor-33889 .elementor-element.elementor-element-c62dd62 .elementor-divider{text-align:center;}.elementor-33889 .elementor-element.elementor-element-6d630f6 > .elementor-container{max-width:1600px;}.elementor-33889 .elementor-element.elementor-element-6d630f6{padding:0px 0px 0px 0px;}.elementor-33889 .elementor-element.elementor-element-1112ec2 > .elementor-element-populated{padding:12% 10% 0% 10%;}.elementor-33889 .elementor-element.elementor-element-71ecce1{width:100%;max-width:100%;padding:25px 0px 0px 0px;text-align:center;}.elementor-33889 .elementor-element.elementor-element-56dbba6{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-33889 .elementor-element.elementor-element-56dbba6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-33889 .elementor-element.elementor-element-07293f5{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 35px 0px;}.elementor-33889 .elementor-element.elementor-element-d185465 > .elementor-element-populated, .elementor-33889 .elementor-element.elementor-element-d185465 > .elementor-element-populated > .elementor-background-overlay, .elementor-33889 .elementor-element.elementor-element-d185465 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-33889 .elementor-element.elementor-element-c1ce33a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-33889 .elementor-element.elementor-element-9dc8ec2{--e-image-carousel-slides-to-show:1;}.elementor-33889 .elementor-element.elementor-element-9dc8ec2 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-33889 .elementor-element.elementor-element-9dc8ec2 .elementor-swiper-button.elementor-swiper-button-next{font-size:33px;}.elementor-33889 .elementor-element.elementor-element-d572dfc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-33889 .elementor-element.elementor-element-3933abe{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-33889 .elementor-element.elementor-element-8792e7d{--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;}}/* Start custom CSS for section, class: .elementor-element-6d630f6 *//* 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 image-carousel, class: .elementor-element-4046cdb *//* Stile base per le immagini nel carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb img {
    border-radius: 20px; /* Arrotonda i bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombra leggera */
    width: 90%; /* Riduce leggermente la dimensione per creare spazio per l'ombra */
    height: auto; /* Mantiene le proporzioni */
    object-fit: cover; /* Adatta le immagini senza distorsioni */
    margin: 5%; /* Centra l'immagine e lascia spazio per l'ombra */
    cursor: pointer; /* Indica interattività */
    z-index: 1; /* Livello base */
}

/* Effetto hover: ingrandisce l'immagine */
.elementor-33889 .elementor-element.elementor-element-4046cdb img:hover {
    transform: scale(1.1); /* Ingrandisce l'immagine */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    z-index: 10; /* Porta l'immagine in primo piano */
}

/* Contenitore del carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb {
    display: flex;
    gap: 10px; /* Aggiunge spazio tra le immagini */
    overflow: visible; /* Permette alle immagini di uscire dai limiti del contenitore */
    justify-content: center; /* Centra le immagini all'interno del carosello */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0557dcd *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-0557dcd {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-0557dcd > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-0557dcd::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-33889 .elementor-element.elementor-element-0557dcd:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-0557dcd:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-559c7ba *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-559c7ba {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-559c7ba > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-559c7ba::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-33889 .elementor-element.elementor-element-559c7ba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-559c7ba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bb16b3 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-2bb16b3::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-33889 .elementor-element.elementor-element-2bb16b3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-2bb16b3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd5c99b *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-cd5c99b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-33889 .elementor-element.elementor-element-cd5c99b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-cd5c99b::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-33889 .elementor-element.elementor-element-cd5c99b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-cd5c99b: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-12040d0 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-12040d0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-12040d0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-12040d0::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-33889 .elementor-element.elementor-element-12040d0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-12040d0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbc766 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-4fbc766 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-4fbc766 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-4fbc766::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-33889 .elementor-element.elementor-element-4fbc766:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-4fbc766:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d737d65 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d737d65 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d737d65 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d737d65::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-33889 .elementor-element.elementor-element-d737d65:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d737d65:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7387398 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-7387398 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-7387398 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-7387398::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-33889 .elementor-element.elementor-element-7387398:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-7387398:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d15dee *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-5d15dee {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-5d15dee > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-5d15dee::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-33889 .elementor-element.elementor-element-5d15dee:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-5d15dee:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-836ceae *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-836ceae {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-836ceae > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-836ceae::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-33889 .elementor-element.elementor-element-836ceae:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-836ceae:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d36fea6 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d36fea6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d36fea6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d36fea6::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-33889 .elementor-element.elementor-element-d36fea6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d36fea6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd807dd */.elementor-33889 .elementor-element.elementor-element-bd807dd {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-bd807dd:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8edf02 */.elementor-33889 .elementor-element.elementor-element-e8edf02 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-e8edf02:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2483ab8 */.elementor-33889 .elementor-element.elementor-element-2483ab8 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-2483ab8:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-957d6a5 */.elementor-33889 .elementor-element.elementor-element-957d6a5 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-957d6a5:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-4046cdb *//* Stile base per le immagini nel carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb img {
    border-radius: 20px; /* Arrotonda i bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombra leggera */
    width: 90%; /* Riduce leggermente la dimensione per creare spazio per l'ombra */
    height: auto; /* Mantiene le proporzioni */
    object-fit: cover; /* Adatta le immagini senza distorsioni */
    margin: 5%; /* Centra l'immagine e lascia spazio per l'ombra */
    cursor: pointer; /* Indica interattività */
    z-index: 1; /* Livello base */
}

/* Effetto hover: ingrandisce l'immagine */
.elementor-33889 .elementor-element.elementor-element-4046cdb img:hover {
    transform: scale(1.1); /* Ingrandisce l'immagine */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    z-index: 10; /* Porta l'immagine in primo piano */
}

/* Contenitore del carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb {
    display: flex;
    gap: 10px; /* Aggiunge spazio tra le immagini */
    overflow: visible; /* Permette alle immagini di uscire dai limiti del contenitore */
    justify-content: center; /* Centra le immagini all'interno del carosello */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0557dcd *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-0557dcd {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-0557dcd > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-0557dcd::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-33889 .elementor-element.elementor-element-0557dcd:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-0557dcd:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-559c7ba *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-559c7ba {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-559c7ba > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-559c7ba::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-33889 .elementor-element.elementor-element-559c7ba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-559c7ba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bb16b3 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-2bb16b3::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-33889 .elementor-element.elementor-element-2bb16b3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-2bb16b3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd5c99b *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-cd5c99b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-33889 .elementor-element.elementor-element-cd5c99b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-cd5c99b::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-33889 .elementor-element.elementor-element-cd5c99b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-cd5c99b: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-12040d0 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-12040d0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-12040d0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-12040d0::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-33889 .elementor-element.elementor-element-12040d0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-12040d0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbc766 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-4fbc766 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-4fbc766 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-4fbc766::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-33889 .elementor-element.elementor-element-4fbc766:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-4fbc766:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d737d65 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d737d65 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d737d65 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d737d65::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-33889 .elementor-element.elementor-element-d737d65:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d737d65:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7387398 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-7387398 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-7387398 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-7387398::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-33889 .elementor-element.elementor-element-7387398:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-7387398:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d15dee *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-5d15dee {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-5d15dee > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-5d15dee::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-33889 .elementor-element.elementor-element-5d15dee:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-5d15dee:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-836ceae *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-836ceae {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-836ceae > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-836ceae::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-33889 .elementor-element.elementor-element-836ceae:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-836ceae:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d36fea6 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d36fea6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d36fea6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d36fea6::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-33889 .elementor-element.elementor-element-d36fea6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d36fea6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd807dd */.elementor-33889 .elementor-element.elementor-element-bd807dd {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-bd807dd:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8edf02 */.elementor-33889 .elementor-element.elementor-element-e8edf02 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-e8edf02:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2483ab8 */.elementor-33889 .elementor-element.elementor-element-2483ab8 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-2483ab8:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-957d6a5 */.elementor-33889 .elementor-element.elementor-element-957d6a5 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-957d6a5:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-4046cdb *//* Stile base per le immagini nel carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb img {
    border-radius: 20px; /* Arrotonda i bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombra leggera */
    width: 90%; /* Riduce leggermente la dimensione per creare spazio per l'ombra */
    height: auto; /* Mantiene le proporzioni */
    object-fit: cover; /* Adatta le immagini senza distorsioni */
    margin: 5%; /* Centra l'immagine e lascia spazio per l'ombra */
    cursor: pointer; /* Indica interattività */
    z-index: 1; /* Livello base */
}

/* Effetto hover: ingrandisce l'immagine */
.elementor-33889 .elementor-element.elementor-element-4046cdb img:hover {
    transform: scale(1.1); /* Ingrandisce l'immagine */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    z-index: 10; /* Porta l'immagine in primo piano */
}

/* Contenitore del carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb {
    display: flex;
    gap: 10px; /* Aggiunge spazio tra le immagini */
    overflow: visible; /* Permette alle immagini di uscire dai limiti del contenitore */
    justify-content: center; /* Centra le immagini all'interno del carosello */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0557dcd *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-0557dcd {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-0557dcd > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-0557dcd::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-33889 .elementor-element.elementor-element-0557dcd:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-0557dcd:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-559c7ba *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-559c7ba {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-559c7ba > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-559c7ba::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-33889 .elementor-element.elementor-element-559c7ba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-559c7ba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bb16b3 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-2bb16b3::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-33889 .elementor-element.elementor-element-2bb16b3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-2bb16b3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd5c99b *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-cd5c99b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-33889 .elementor-element.elementor-element-cd5c99b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-cd5c99b::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-33889 .elementor-element.elementor-element-cd5c99b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-cd5c99b: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-12040d0 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-12040d0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-12040d0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-12040d0::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-33889 .elementor-element.elementor-element-12040d0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-12040d0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbc766 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-4fbc766 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-4fbc766 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-4fbc766::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-33889 .elementor-element.elementor-element-4fbc766:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-4fbc766:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d737d65 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d737d65 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d737d65 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d737d65::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-33889 .elementor-element.elementor-element-d737d65:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d737d65:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7387398 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-7387398 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-7387398 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-7387398::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-33889 .elementor-element.elementor-element-7387398:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-7387398:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d15dee *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-5d15dee {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-5d15dee > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-5d15dee::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-33889 .elementor-element.elementor-element-5d15dee:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-5d15dee:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-836ceae *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-836ceae {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-836ceae > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-836ceae::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-33889 .elementor-element.elementor-element-836ceae:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-836ceae:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d36fea6 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d36fea6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d36fea6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d36fea6::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-33889 .elementor-element.elementor-element-d36fea6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d36fea6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd807dd */.elementor-33889 .elementor-element.elementor-element-bd807dd {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-bd807dd:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8edf02 */.elementor-33889 .elementor-element.elementor-element-e8edf02 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-e8edf02:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2483ab8 */.elementor-33889 .elementor-element.elementor-element-2483ab8 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-2483ab8:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-957d6a5 */.elementor-33889 .elementor-element.elementor-element-957d6a5 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-957d6a5:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-4046cdb *//* Stile base per le immagini nel carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb img {
    border-radius: 20px; /* Arrotonda i bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombra leggera */
    width: 90%; /* Riduce leggermente la dimensione per creare spazio per l'ombra */
    height: auto; /* Mantiene le proporzioni */
    object-fit: cover; /* Adatta le immagini senza distorsioni */
    margin: 5%; /* Centra l'immagine e lascia spazio per l'ombra */
    cursor: pointer; /* Indica interattività */
    z-index: 1; /* Livello base */
}

/* Effetto hover: ingrandisce l'immagine */
.elementor-33889 .elementor-element.elementor-element-4046cdb img:hover {
    transform: scale(1.1); /* Ingrandisce l'immagine */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    z-index: 10; /* Porta l'immagine in primo piano */
}

/* Contenitore del carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb {
    display: flex;
    gap: 10px; /* Aggiunge spazio tra le immagini */
    overflow: visible; /* Permette alle immagini di uscire dai limiti del contenitore */
    justify-content: center; /* Centra le immagini all'interno del carosello */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0557dcd *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-0557dcd {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-0557dcd > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-0557dcd::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-33889 .elementor-element.elementor-element-0557dcd:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-0557dcd:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-559c7ba *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-559c7ba {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-559c7ba > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-559c7ba::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-33889 .elementor-element.elementor-element-559c7ba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-559c7ba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bb16b3 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-2bb16b3::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-33889 .elementor-element.elementor-element-2bb16b3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-2bb16b3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd5c99b *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-cd5c99b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-33889 .elementor-element.elementor-element-cd5c99b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-cd5c99b::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-33889 .elementor-element.elementor-element-cd5c99b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-cd5c99b: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-12040d0 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-12040d0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-12040d0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-12040d0::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-33889 .elementor-element.elementor-element-12040d0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-12040d0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbc766 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-4fbc766 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-4fbc766 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-4fbc766::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-33889 .elementor-element.elementor-element-4fbc766:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-4fbc766:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d737d65 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d737d65 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d737d65 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d737d65::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-33889 .elementor-element.elementor-element-d737d65:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d737d65:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7387398 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-7387398 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-7387398 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-7387398::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-33889 .elementor-element.elementor-element-7387398:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-7387398:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d15dee *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-5d15dee {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-5d15dee > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-5d15dee::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-33889 .elementor-element.elementor-element-5d15dee:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-5d15dee:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-836ceae *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-836ceae {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-836ceae > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-836ceae::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-33889 .elementor-element.elementor-element-836ceae:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-836ceae:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d36fea6 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d36fea6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d36fea6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d36fea6::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-33889 .elementor-element.elementor-element-d36fea6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d36fea6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd807dd */.elementor-33889 .elementor-element.elementor-element-bd807dd {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-bd807dd:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8edf02 */.elementor-33889 .elementor-element.elementor-element-e8edf02 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-e8edf02:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2483ab8 */.elementor-33889 .elementor-element.elementor-element-2483ab8 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-2483ab8:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-957d6a5 */.elementor-33889 .elementor-element.elementor-element-957d6a5 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-957d6a5:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-4046cdb *//* Stile base per le immagini nel carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb img {
    border-radius: 20px; /* Arrotonda i bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizione fluida */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombra leggera */
    width: 90%; /* Riduce leggermente la dimensione per creare spazio per l'ombra */
    height: auto; /* Mantiene le proporzioni */
    object-fit: cover; /* Adatta le immagini senza distorsioni */
    margin: 5%; /* Centra l'immagine e lascia spazio per l'ombra */
    cursor: pointer; /* Indica interattività */
    z-index: 1; /* Livello base */
}

/* Effetto hover: ingrandisce l'immagine */
.elementor-33889 .elementor-element.elementor-element-4046cdb img:hover {
    transform: scale(1.1); /* Ingrandisce l'immagine */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    z-index: 10; /* Porta l'immagine in primo piano */
}

/* Contenitore del carosello */
.elementor-33889 .elementor-element.elementor-element-4046cdb {
    display: flex;
    gap: 10px; /* Aggiunge spazio tra le immagini */
    overflow: visible; /* Permette alle immagini di uscire dai limiti del contenitore */
    justify-content: center; /* Centra le immagini all'interno del carosello */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0557dcd *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-0557dcd {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-0557dcd > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-0557dcd::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-33889 .elementor-element.elementor-element-0557dcd:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-0557dcd:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-559c7ba *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-559c7ba {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-559c7ba > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-559c7ba::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-33889 .elementor-element.elementor-element-559c7ba:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-559c7ba:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bb16b3 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-2bb16b3 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-2bb16b3::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-33889 .elementor-element.elementor-element-2bb16b3:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-2bb16b3:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd5c99b *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-cd5c99b {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    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-33889 .elementor-element.elementor-element-cd5c99b > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-cd5c99b::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-33889 .elementor-element.elementor-element-cd5c99b:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-cd5c99b: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-12040d0 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-12040d0 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-12040d0 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-12040d0::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-33889 .elementor-element.elementor-element-12040d0:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-12040d0:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4fbc766 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-4fbc766 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-4fbc766 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-4fbc766::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-33889 .elementor-element.elementor-element-4fbc766:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-4fbc766:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d737d65 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d737d65 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d737d65 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d737d65::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-33889 .elementor-element.elementor-element-d737d65:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d737d65:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7387398 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-7387398 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-7387398 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-7387398::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-33889 .elementor-element.elementor-element-7387398:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-7387398:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d15dee *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-5d15dee {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-5d15dee > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-5d15dee::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-33889 .elementor-element.elementor-element-5d15dee:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-5d15dee:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-836ceae *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-836ceae {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-836ceae > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-836ceae::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-33889 .elementor-element.elementor-element-836ceae:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-836ceae:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d36fea6 *//* Rendi il contenitore quadrato */
.elementor-33889 .elementor-element.elementor-element-d36fea6 {
    position: relative;
    width: 100%; /* Adatta alla larghezza disponibile */
    padding-bottom: 100%; /* Altezza uguale alla larghezza (quadrato) */
    background-color: #ffffff; /* Colore di base */
    border-radius: 30px; /* Arrotonda gli angoli */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* Ombra più pronunciata */
    overflow: hidden; /* Nasconde il riflesso fuori dai bordi */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transizioni fluide per l'hover */
}

/* Centra il contenuto all'interno del contenitore */
.elementor-33889 .elementor-element.elementor-element-d36fea6 > * {
    position: absolute;
    top: 50%;
    left: 50%;
    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-33889 .elementor-element.elementor-element-d36fea6::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-33889 .elementor-element.elementor-element-d36fea6:hover {
    transform: scale(1.1); /* Gonfia il contenitore */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); /* Ombra più intensa */
}

.elementor-33889 .elementor-element.elementor-element-d36fea6:hover::before {
    transform: translate(100%, 100%) rotate(45deg); /* Riflesso che attraversa il contenitore */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd807dd */.elementor-33889 .elementor-element.elementor-element-bd807dd {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-bd807dd:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e8edf02 */.elementor-33889 .elementor-element.elementor-element-e8edf02 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-e8edf02:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2483ab8 */.elementor-33889 .elementor-element.elementor-element-2483ab8 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-2483ab8:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-957d6a5 */.elementor-33889 .elementor-element.elementor-element-957d6a5 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.elementor-33889 .elementor-element.elementor-element-957d6a5:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}/* 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 */