.elementor-29 .elementor-element.elementor-element-e0390e6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c3c4b72{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c3c4b72.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-bbadce6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-dd87001{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-global .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-global .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-global .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#E0E0E0;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-29 .elementor-element.elementor-global-492 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-icon i{color:#be2d32;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-icon svg{fill:#be2d32;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#A3262A;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#A3262A;}.elementor-29 .elementor-element.elementor-global-492{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:600;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#074564;}.elementor-29 .elementor-element.elementor-global-492 .elementor-icon-list-text{transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-8ee46ae{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-cac5af8 .elementor-button{background-color:var( --e-global-color-44c437e );font-family:"Akko Pro", Sans-serif;font-size:18px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-cac5af8 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-cac5af8 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-a6eeb0a{--display:flex;--min-height:100px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 5px 0px 5px;--border-top-width:0px;--border-right-width:5px;--border-bottom-width:0px;--border-left-width:5px;border-color:#BD2025;--border-color:#BD2025;--margin-top:0px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-a6eeb0a:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-a6eeb0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-a6eeb0a.e-con{--align-self:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-menu-toggle{margin:0 auto;}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--main .elementor-item{color:#074564;fill:#074564;padding-left:31px;padding-right:31px;}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--main .elementor-item:hover, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--main .elementor-item:focus{color:#be2d32;fill:#be2d32;}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-menu-toggle{color:var( --e-global-color-44c437e );fill:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a:hover, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a:focus, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a.highlighted, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-menu-toggle:hover, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-menu-toggle:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a:hover, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a:focus, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF00;}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-9aec453 );background-color:#BD202500;}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown .elementor-item, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-29 .elementor-element.elementor-element-c16d1e3 div.elementor-menu-toggle{color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c16d1e3 div.elementor-menu-toggle svg{fill:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c16d1e3 div.elementor-menu-toggle:hover, .elementor-29 .elementor-element.elementor-element-c16d1e3 div.elementor-menu-toggle:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c16d1e3 div.elementor-menu-toggle:hover svg, .elementor-29 .elementor-element.elementor-element-c16d1e3 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-240705d{--display:flex;--min-height:730px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-240705d::before, .elementor-29 .elementor-element.elementor-element-240705d > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-240705d > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-240705d > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-240705d > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-240705d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, var( --e-global-color-44c437e ) 5%, #06446300 100%);}.elementor-29 .elementor-element.elementor-element-240705d:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-240705d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://assifinsrl.com/wp-content/uploads/2026/07/header-home-1.webp") 50% 50%;background-size:cover;}.elementor-29 .elementor-element.elementor-element-240705d.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-7d9192b{--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;}.elementor-29 .elementor-element.elementor-element-8d81c4e{--display:flex;--justify-content:center;}.elementor-widget-theme-site-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-8154905{text-align:start;}.elementor-29 .elementor-element.elementor-element-8154905 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-9934998{padding:10px 0px 010px 0px;text-align:start;}.elementor-29 .elementor-element.elementor-element-9934998 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-c166432{--display:flex;--justify-content:center;}.elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:25px;font-weight:500;fill:#074564;color:#074564;border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:25px;font-weight:500;fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-9fd9af9{padding:10px 10px 10px 10px;}.elementor-29 .elementor-element.elementor-element-9fd9af9.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-7df290a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-7df290a.e-con{--align-self:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-29 .elementor-element.elementor-element-fb5134d .elementor-icon-box-wrapper{gap:15px;}.elementor-29 .elementor-element.elementor-element-fb5134d .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-fb5134d.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-fb5134d .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-fb5134d .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-fb5134d .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-fb5134d:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-fb5134d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-fb5134d .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-4506510 .elementor-icon-box-wrapper{gap:15px;}.elementor-29 .elementor-element.elementor-element-4506510 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-4506510.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-4506510.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-4506510.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-4506510.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-4506510.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-4506510.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-4506510.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-4506510.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-4506510.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-4506510 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-4506510 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-4506510 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-4506510:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-4506510:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-4506510 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-6746b08 .elementor-icon-box-wrapper{gap:15px;}.elementor-29 .elementor-element.elementor-element-6746b08 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-6746b08.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-6746b08 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-6746b08 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-6746b08 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-6746b08:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-6746b08:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-6746b08 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-854af4f{--display:flex;--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;--overlay-opacity:0.6;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-854af4f:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-854af4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#074564;background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/pattern-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-854af4f::before, .elementor-29 .elementor-element.elementor-element-854af4f > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-854af4f > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-854af4f > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-854af4f > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-854af4f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#064463;--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-854af4f.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-cd291ce{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-cd291ce.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-faeb889 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-ebc452b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:none;--border-style:none;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-ebc452b.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-deebf2a{--display:flex;--min-height:268px;--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-deebf2a:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-deebf2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/persone.webp");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-72a1573{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-72a1573:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-72a1573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-72a1573.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-e17bfaa.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-e17bfaa{text-align:center;}.elementor-29 .elementor-element.elementor-element-e17bfaa .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-e17bfaa .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-e17bfaa .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-989f248 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-989f248 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-989f248 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-989f248{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-989f248.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-989f248 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-989f248 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-2749708{--display:flex;--min-height:268px;--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-2749708:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-2749708 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Professionisti.webp");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-f506ec3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-f506ec3:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-f506ec3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f506ec3.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-9212d0f.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-9212d0f{text-align:center;}.elementor-29 .elementor-element.elementor-element-9212d0f .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-9212d0f .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-9212d0f .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-bba2734{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-bba2734.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-2251812{--display:flex;--min-height:268px;--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-2251812:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-2251812 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Aziende.webp");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-b7d8bc2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-b7d8bc2:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-b7d8bc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-b7d8bc2.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-14bb8c7.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-14bb8c7{text-align:center;}.elementor-29 .elementor-element.elementor-element-14bb8c7 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-14bb8c7 .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-14bb8c7 .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-61e50d4{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-61e50d4.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-e83dde9{--display:flex;--min-height:268px;--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-e83dde9:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-e83dde9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Mobilita.webp");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-19af390{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-19af390:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-19af390 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-19af390.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-fa1e61a.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-fa1e61a{text-align:center;}.elementor-29 .elementor-element.elementor-element-fa1e61a .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-fa1e61a .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-fa1e61a .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-6383529 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-6383529 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-6383529 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-6383529{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-6383529.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-6383529 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-6383529 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-39aa01c{--display:flex;--min-height:268px;--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-39aa01c:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-39aa01c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/investimenti.webp");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-4ddf523{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-4ddf523:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-4ddf523 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-4ddf523.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-6e05f7b.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-6e05f7b{text-align:center;}.elementor-29 .elementor-element.elementor-element-6e05f7b .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-6e05f7b .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-6e05f7b .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-0274871 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-0274871 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-0274871 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-0274871{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-0274871.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-0274871 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-0274871 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-5f45309{--display:flex;--min-height:268px;--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:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-5f45309:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5f45309 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Welfare.webp");background-position:center center;background-size:cover;}.elementor-29 .elementor-element.elementor-element-d6468a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-d6468a5:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d6468a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-d6468a5.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-46e885e.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-46e885e{text-align:center;}.elementor-29 .elementor-element.elementor-element-46e885e .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-46e885e .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-46e885e .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-4bfe681{width:100%;max-width:100%;}.elementor-29 .elementor-element.elementor-element-4bfe681.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-fdf7821{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-fdf7821.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-0c32780{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-0c32780.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-38b6a5a{padding:0px 0px 10px 0px;}.elementor-29 .elementor-element.elementor-element-38b6a5a .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:#BD2025;}.elementor-29 .elementor-element.elementor-element-a1d0a0d .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-29 .elementor-element.elementor-element-a1d0a0d .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-a1d0a0d.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-a1d0a0d .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-a1d0a0d .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-a1d0a0d .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-a1d0a0d:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-a1d0a0d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-a1d0a0d .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-df42395 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-29 .elementor-element.elementor-element-df42395 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-df42395.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-df42395.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-df42395.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-df42395.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-df42395.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-df42395.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-df42395.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-df42395.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-df42395.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-df42395 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-df42395 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-df42395 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-df42395:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-df42395:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-df42395 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-d6f099e .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-29 .elementor-element.elementor-element-d6f099e .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d6f099e.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-d6f099e .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-d6f099e .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-d6f099e .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-d6f099e:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-d6f099e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-d6f099e .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-c733710 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-29 .elementor-element.elementor-element-c733710 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c733710.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c733710.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-c733710.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c733710.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-c733710.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c733710.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-c733710.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-c733710.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-c733710.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c733710 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-c733710 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-c733710 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-c733710:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-c733710:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c733710 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-bb216ed{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-bb216ed.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-a0d9a76{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-a0d9a76:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-a0d9a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-44c437e );background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/sede.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-a0d9a76::before, .elementor-29 .elementor-element.elementor-element-a0d9a76 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-a0d9a76 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-a0d9a76 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-a0d9a76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-a0d9a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-44c437e ) 40%, #07456400 100%);}.elementor-29 .elementor-element.elementor-element-a0d9a76.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-db9d5ed{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-db9d5ed.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-e64d69a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#BD2025;--border-color:#BD2025;--margin-top:0px;--margin-bottom:-200px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-e64d69a:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-e64d69a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-e64d69a.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-8c1d8b0{--display:flex;}.elementor-29 .elementor-element.elementor-element-50f54e1.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-50f54e1{text-align:center;}.elementor-29 .elementor-element.elementor-element-50f54e1 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-9aec453 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-29 .elementor-element.elementor-element-afdfd18{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-afdfd18.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-afdfd18 p{margin-block-end:5px;}.elementor-29 .elementor-element.elementor-element-1d4cd9e{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-1d4cd9e.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-1d4cd9e iframe{height:200px;}.elementor-29 .elementor-element.elementor-element-eb18db8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-29 .elementor-element.elementor-element-eb18db8.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-b6d352c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-b6d352c.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-35bf2fe{width:var( --container-widget-width, 102.413% );max-width:102.413%;--container-widget-width:102.413%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon-box-wrapper{gap:7px;}.elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-35bf2fe.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-35bf2fe:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-35bf2fe:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-1c85557{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-1c85557.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f4e6d99{width:var( --container-widget-width, 102.413% );max-width:102.413%;--container-widget-width:102.413%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon-box-wrapper{gap:7px;}.elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-f4e6d99.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-f4e6d99:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-f4e6d99:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-387ebf6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-387ebf6.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-d5f585f{width:var( --container-widget-width, 102.413% );max-width:102.413%;--container-widget-width:102.413%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-d5f585f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon-box-wrapper{gap:7px;}.elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-d5f585f.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-d5f585f:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-d5f585f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-795ce90{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-795ce90.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-bee6099{width:var( --container-widget-width, 102.413% );max-width:102.413%;--container-widget-width:102.413%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-bee6099.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon-box-wrapper{gap:7px;}.elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-bee6099.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-bee6099:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-bee6099:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-5d793a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:200px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-5d793a5.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-a2dd988{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-a2dd988.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f5a7e55 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:#BD2025;}.elementor-29 .elementor-element.elementor-element-58d6d97{text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-b1dadc2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-9e1f718{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-9e1f718:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-9e1f718 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Roberto-Artuffo.webp");background-size:cover;}.elementor-29 .elementor-element.elementor-element-9e1f718::before, .elementor-29 .elementor-element.elementor-element-9e1f718 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-9e1f718 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-9e1f718 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-9e1f718 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-9e1f718 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #074564 0%, #07456400 44%);}.elementor-29 .elementor-element.elementor-element-5399fe7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-5399fe7:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5399fe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-5a84e5d.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-5a84e5d{text-align:center;}.elementor-29 .elementor-element.elementor-element-5a84e5d .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-5a84e5d .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-5a84e5d .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-4be8073{text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-f46bb95{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-cdd97fe{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-cdd97fe:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-cdd97fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Tiziana-Tarozzo.webp");background-size:cover;}.elementor-29 .elementor-element.elementor-element-cdd97fe::before, .elementor-29 .elementor-element.elementor-element-cdd97fe > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-cdd97fe > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-cdd97fe > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-cdd97fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-cdd97fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #074564 0%, #07456400 44%);}.elementor-29 .elementor-element.elementor-element-b2bc0a4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-b2bc0a4:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-c99f041{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-c99f041.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-c99f041 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c99f041 .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-c99f041 .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-825bf65{text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-9db4d71{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-25dc8cd{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-25dc8cd:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-25dc8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Claudio-Ruzzola.webp");background-size:cover;}.elementor-29 .elementor-element.elementor-element-25dc8cd::before, .elementor-29 .elementor-element.elementor-element-25dc8cd > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-25dc8cd > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-25dc8cd > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-25dc8cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-25dc8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #074564 0%, #07456400 44%);}.elementor-29 .elementor-element.elementor-element-45bc629{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-45bc629:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-45bc629 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-ba1da11.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-ba1da11{text-align:center;}.elementor-29 .elementor-element.elementor-element-ba1da11 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-ba1da11 .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-ba1da11 .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c1cd5ec{text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-feeb040{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-d595562{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-d595562:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d595562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Carola-Penati.webp");background-size:cover;}.elementor-29 .elementor-element.elementor-element-d595562::before, .elementor-29 .elementor-element.elementor-element-d595562 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d595562 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d595562 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d595562 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d595562 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #074564 0%, #07456400 44%);}.elementor-29 .elementor-element.elementor-element-a3adece{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-a3adece:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-a3adece > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f13384c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-29 .elementor-element.elementor-element-f13384c.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f13384c .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-f13384c .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-f13384c .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-d43c5cf{text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-473b2cb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-0ab2ff2{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-0ab2ff2:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-0ab2ff2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Silvana-Zanchetta.webp");background-size:cover;}.elementor-29 .elementor-element.elementor-element-0ab2ff2::before, .elementor-29 .elementor-element.elementor-element-0ab2ff2 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-0ab2ff2 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-0ab2ff2 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-0ab2ff2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-0ab2ff2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #074564 0%, #07456400 44%);}.elementor-29 .elementor-element.elementor-element-62e782a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-62e782a:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-62e782a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-fea54c8.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-fea54c8{text-align:center;}.elementor-29 .elementor-element.elementor-element-fea54c8 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-fea54c8 .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-fea54c8 .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-47bdbb7{text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-f04f721{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-66b1bac{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-66b1bac:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-66b1bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Cinzia-Bramante.webp");background-size:cover;}.elementor-29 .elementor-element.elementor-element-66b1bac::before, .elementor-29 .elementor-element.elementor-element-66b1bac > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-66b1bac > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-66b1bac > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-66b1bac > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-66b1bac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #074564 0%, #07456400 44%);}.elementor-29 .elementor-element.elementor-element-88c3f33{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-88c3f33:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-88c3f33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-c79f2a0.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-c79f2a0{text-align:center;}.elementor-29 .elementor-element.elementor-element-c79f2a0 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-c79f2a0 .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-c79f2a0 .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-1631241{text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-b0fae60{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-047abe3{--display:flex;--min-height:450px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-29 .elementor-element.elementor-element-047abe3:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-047abe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/Carlotta-Beltrame.webp");background-size:cover;}.elementor-29 .elementor-element.elementor-element-047abe3::before, .elementor-29 .elementor-element.elementor-element-047abe3 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-047abe3 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-047abe3 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-047abe3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-047abe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #074564 0%, #07456400 44%);}.elementor-29 .elementor-element.elementor-element-5cd150c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-5cd150c:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5cd150c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-f23cee0.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f23cee0{text-align:center;}.elementor-29 .elementor-element.elementor-element-f23cee0 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:20px;font-weight:500;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-f23cee0 .elementor-heading-title a:hover, .elementor-29 .elementor-element.elementor-element-f23cee0 .elementor-heading-title a:focus{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-f47addd{text-align:center;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-fc640d0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-0ff2c60{--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-10px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-10px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:40px;--e-n-carousel-arrow-normal-color:var( --e-global-color-44c437e );--e-n-carousel-arrow-hover-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-0ff2c60 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:none;}.elementor-29 .elementor-element.elementor-element-148042f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-148042f:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-148042f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-44c437e );background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/pattern-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-148042f::before, .elementor-29 .elementor-element.elementor-element-148042f > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-148042f > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-148042f > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-148042f > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-148042f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#064463;--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-148042f.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-956fd68{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-956fd68.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-bf157fe .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-2ce9781{width:var( --container-widget-width, 86.585% );max-width:86.585%;--container-widget-width:86.585%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:25px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-2ce9781.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-669b34d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#BD2025;--border-color:#BD2025;--padding-top:10px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-669b34d:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-669b34d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-669b34d.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button{background-color:#FFFFFF;font-family:"Akko Pro", Sans-serif;font-size:25px;font-weight:500;fill:#074564;color:#074564;border-radius:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button:hover, .elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button:focus{background-color:var( --e-global-color-9aec453 );color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button:hover svg, .elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-61e3829{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-61e3829.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-5327dd5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-5327dd5.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-ab5af25 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:#BD2025;}.elementor-29 .elementor-element.elementor-element-c0163e8{text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-af5d022{--display:flex;}.elementor-29 .elementor-element.elementor-element-3500b63{text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-9f28db4{--display:flex;}.elementor-29 .elementor-element.elementor-element-1500b7d{text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-67a18d5{--display:flex;}.elementor-29 .elementor-element.elementor-element-c425dbe{text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#4D4D4D;}.elementor-29 .elementor-element.elementor-element-f8474a7{--n-accordion-title-font-size:18px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:16px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:20px;}.elementor-29 .elementor-element.elementor-element-f8474a7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-f8474a7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-f8474a7 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-9aec453 );}:where( .elementor-29 .elementor-element.elementor-element-f8474a7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Akko Pro", Sans-serif;}.elementor-29 .elementor-element.elementor-element-e9838ed{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-e9838ed.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-d12678e img{max-width:100%;}.elementor-29 .elementor-element.elementor-element-d85e7b2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.8;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d85e7b2:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d85e7b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://assifinsrl.com/wp-content/uploads/2026/07/sede.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-d85e7b2::before, .elementor-29 .elementor-element.elementor-element-d85e7b2 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d85e7b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-d85e7b2 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d85e7b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-d85e7b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#064463;--background-overlay:'';}.elementor-29 .elementor-element.elementor-element-d85e7b2.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-319900f{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-8f11a33{--display:flex;--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:flex-start;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-8f11a33.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-4084422 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-a931d9d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-a931d9d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-725cfd8{--display:flex;--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:flex-start;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-29 .elementor-element.elementor-element-725cfd8.e-con{--align-self:flex-start;}.elementor-29 .elementor-element.elementor-element-6284372 .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:25px;font-weight:600;color:#074564;}.elementor-29 .elementor-element.elementor-element-574dbfb{width:var( --container-widget-width, 102.413% );max-width:102.413%;--container-widget-width:102.413%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-574dbfb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-574dbfb .elementor-icon-box-wrapper{align-items:end;gap:15px;}.elementor-29 .elementor-element.elementor-element-574dbfb .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-framed .elementor-icon, .elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-default .elementor-icon{fill:var( --e-global-color-44c437e );color:var( --e-global-color-44c437e );border-color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-framed:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-default:has(:hover) .elementor-icon, .elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-framed:has(:focus) .elementor-icon, .elementor-29 .elementor-element.elementor-element-574dbfb.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-9aec453 );color:var( --e-global-color-9aec453 );border-color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-574dbfb .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-574dbfb .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-574dbfb:has(:hover) .elementor-icon-box-title, .elementor-29 .elementor-element.elementor-element-574dbfb:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-574dbfb .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-0f8b7c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#BD2025;--border-color:#BD2025;--padding-top:10px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;}.elementor-29 .elementor-element.elementor-element-0f8b7c5:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-0f8b7c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-0f8b7c5.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-widget-global .elementor-field-group > label, .elementor-widget-global .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group .elementor-field, .elementor-widget-global .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-global .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .e-form__indicators__indicator, .elementor-widget-global .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-global .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-29 .elementor-element.elementor-global-488 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-29 .elementor-element.elementor-global-488 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-29 .elementor-element.elementor-global-488 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-29 .elementor-element.elementor-global-488 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group > label, .elementor-29 .elementor-element.elementor-global-488 .elementor-field-subgroup label{color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-global-488 .elementor-mark-required .elementor-field-label:after{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-type-html{padding-bottom:0px;color:#7A7A7A;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group .elementor-field{color:#8A8A8A;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group .elementor-field, .elementor-29 .elementor-element.elementor-global-488 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-44c437e );border-width:1px 1px 1px 1px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-44c437e );border-width:1px 1px 1px 1px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-global-488 .elementor-button{font-family:"Akko Pro", Sans-serif;font-size:18px;font-weight:500;}.elementor-29 .elementor-element.elementor-global-488 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-44c437e );color:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .elementor-button[type="submit"]{background-color:var( --e-global-color-44c437e );color:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-44c437e );color:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-9aec453 );color:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-9aec453 );color:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .e-form__buttons__wrapper__button-previous:hover{background-color:var( --e-global-color-9aec453 );color:#ffffff;}.elementor-29 .elementor-element.elementor-global-488 .elementor-message{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-29 .elementor-element.elementor-global-488{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-color:var( --e-global-color-9aec453 );--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}.elementor-29 .elementor-element.elementor-global-488 .e-form__indicators__indicator__progress__meter{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-29 .elementor-element.elementor-element-c439508{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-c439508.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-34d55ef{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-34d55ef.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-7d324bd .elementor-heading-title{font-family:"Akko Pro", Sans-serif;font-size:40px;font-weight:600;color:#BD2025;}.elementor-29 .elementor-element.elementor-element-2d6978c{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:27px;color:#4D4D4D;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-29 .elementor-element.elementor-element-8ad8956{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-29 .elementor-element.elementor-element-8ad8956:after{content:"0.5";}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__thumbnail__link{width:100%;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__meta-data span + span:before{content:"•";}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__text{margin-top:20px;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__badge{right:0;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-9aec453 );margin:20px;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__title, .elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__title a{color:var( --e-global-color-9aec453 );font-family:"Akko Pro", Sans-serif;font-size:25px;font-weight:600;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__read-more{color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-8ad8956 a.elementor-post__read-more{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-pagination{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-29 .elementor-element.elementor-element-3e2b998{--display:flex;--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-29 .elementor-element.elementor-element-299db65{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-29 .elementor-element.elementor-element-299db65.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-b11b015{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-29 .elementor-element.elementor-element-b11b015.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-eaec34d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-eaec34d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-29 .elementor-element.elementor-element-bd4331c.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-bd4331c{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-bd4331c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-ecc5181{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:18px;--grid-column-gap:7px;--grid-row-gap:0px;}.elementor-29 .elementor-element.elementor-element-ecc5181.elementor-element{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-ecc5181 .elementor-social-icon{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-ecc5181 .elementor-social-icon i{color:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-ecc5181 .elementor-social-icon svg{fill:var( --e-global-color-44c437e );}.elementor-29 .elementor-element.elementor-element-ecc5181 .elementor-social-icon:hover i{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-ecc5181 .elementor-social-icon:hover svg{fill:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-8fa0186{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-8fa0186.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-7f117e1.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-7f117e1{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-7f117e1 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-b80b8c1{--display:flex;--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-29 .elementor-element.elementor-element-b80b8c1.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-c913222.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-c913222{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-c913222 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-ae1d5b5{--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-29 .elementor-element.elementor-element-62d51ee{text-align:start;}.elementor-29 .elementor-element.elementor-element-62d51ee img{max-width:63%;}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-f850087{--e-icon-list-icon-size:25px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-9aec453 );}.elementor-29 .elementor-element.elementor-element-94e44fe{--e-icon-list-icon-size:25px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}@media(min-width:768px){.elementor-29 .elementor-element.elementor-element-c3c4b72{--width:95%;}.elementor-29 .elementor-element.elementor-element-bbadce6{--width:30%;}.elementor-29 .elementor-element.elementor-element-8ee46ae{--width:30%;}.elementor-29 .elementor-element.elementor-element-a6eeb0a{--width:50%;}.elementor-29 .elementor-element.elementor-element-7d9192b{--width:70%;}.elementor-29 .elementor-element.elementor-element-8d81c4e{--width:80%;}.elementor-29 .elementor-element.elementor-element-cd291ce{--width:90%;}.elementor-29 .elementor-element.elementor-element-ebc452b{--width:95%;}.elementor-29 .elementor-element.elementor-element-72a1573{--width:100%;}.elementor-29 .elementor-element.elementor-element-f506ec3{--width:100%;}.elementor-29 .elementor-element.elementor-element-b7d8bc2{--width:100%;}.elementor-29 .elementor-element.elementor-element-19af390{--width:100%;}.elementor-29 .elementor-element.elementor-element-4ddf523{--width:100%;}.elementor-29 .elementor-element.elementor-element-d6468a5{--width:100%;}.elementor-29 .elementor-element.elementor-element-fdf7821{--width:90%;}.elementor-29 .elementor-element.elementor-element-0c32780{--width:90%;}.elementor-29 .elementor-element.elementor-element-bb216ed{--width:90%;}.elementor-29 .elementor-element.elementor-element-db9d5ed{--width:100%;}.elementor-29 .elementor-element.elementor-element-e64d69a{--width:90%;}.elementor-29 .elementor-element.elementor-element-eb18db8{--width:90%;}.elementor-29 .elementor-element.elementor-element-b6d352c{--width:100%;}.elementor-29 .elementor-element.elementor-element-1c85557{--width:100%;}.elementor-29 .elementor-element.elementor-element-387ebf6{--width:100%;}.elementor-29 .elementor-element.elementor-element-795ce90{--width:100%;}.elementor-29 .elementor-element.elementor-element-a2dd988{--width:90%;}.elementor-29 .elementor-element.elementor-element-5399fe7{--width:80%;}.elementor-29 .elementor-element.elementor-element-b2bc0a4{--width:80%;}.elementor-29 .elementor-element.elementor-element-45bc629{--width:80%;}.elementor-29 .elementor-element.elementor-element-a3adece{--width:80%;}.elementor-29 .elementor-element.elementor-element-62e782a{--width:80%;}.elementor-29 .elementor-element.elementor-element-88c3f33{--width:80%;}.elementor-29 .elementor-element.elementor-element-5cd150c{--width:80%;}.elementor-29 .elementor-element.elementor-element-956fd68{--width:90%;}.elementor-29 .elementor-element.elementor-element-669b34d{--width:90%;}.elementor-29 .elementor-element.elementor-element-61e3829{--width:90%;}.elementor-29 .elementor-element.elementor-element-5327dd5{--width:90%;}.elementor-29 .elementor-element.elementor-element-e9838ed{--width:76%;}.elementor-29 .elementor-element.elementor-element-319900f{--width:80%;}.elementor-29 .elementor-element.elementor-element-8f11a33{--width:58%;}.elementor-29 .elementor-element.elementor-element-725cfd8{--width:60%;}.elementor-29 .elementor-element.elementor-element-0f8b7c5{--width:60%;}.elementor-29 .elementor-element.elementor-element-34d55ef{--width:90%;}.elementor-29 .elementor-element.elementor-element-299db65{--width:90%;}.elementor-29 .elementor-element.elementor-element-eaec34d{--width:22.266%;}.elementor-29 .elementor-element.elementor-element-8fa0186{--width:33%;}.elementor-29 .elementor-element.elementor-element-b80b8c1{--width:33%;}.elementor-29 .elementor-element.elementor-element-ae1d5b5{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-7d9192b{--width:90%;}.elementor-29 .elementor-element.elementor-element-8d81c4e{--width:100%;}.elementor-29 .elementor-element.elementor-element-c166432{--width:100%;}.elementor-29 .elementor-element.elementor-element-cd291ce{--width:100%;}.elementor-29 .elementor-element.elementor-element-db9d5ed{--width:100%;}.elementor-29 .elementor-element.elementor-element-e64d69a{--width:90%;}.elementor-29 .elementor-element.elementor-element-8c1d8b0{--width:100%;}.elementor-29 .elementor-element.elementor-element-669b34d{--width:90%;}.elementor-29 .elementor-element.elementor-element-8f11a33{--width:100%;}.elementor-29 .elementor-element.elementor-element-725cfd8{--width:90%;}.elementor-29 .elementor-element.elementor-element-0f8b7c5{--width:100%;}.elementor-29 .elementor-element.elementor-element-299db65{--width:95%;}.elementor-29 .elementor-element.elementor-element-eaec34d{--width:33%;}.elementor-29 .elementor-element.elementor-element-8fa0186{--width:33%;}.elementor-29 .elementor-element.elementor-element-b80b8c1{--width:33%;}}@media(min-width:1025px){.elementor-29 .elementor-element.elementor-element-854af4f:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-854af4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-29 .elementor-element.elementor-element-a0d9a76:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-a0d9a76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-29 .elementor-element.elementor-element-148042f:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-148042f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-29 .elementor-element.elementor-element-d85e7b2:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d85e7b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-c3c4b72{--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-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown .elementor-item, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:20px;}.elementor-29 .elementor-element.elementor-element-7d9192b{--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-29 .elementor-element.elementor-element-8154905{text-align:center;}.elementor-29 .elementor-element.elementor-element-9934998{text-align:center;}.elementor-29 .elementor-element.elementor-element-9fd9af9.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-7df290a{--justify-content:center;}.elementor-29 .elementor-element.elementor-element-ebc452b{--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-29 .elementor-element.elementor-element-deebf2a:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-deebf2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-29 .elementor-element.elementor-element-2749708:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-2749708 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-29 .elementor-element.elementor-element-5f45309:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-5f45309 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-29 .elementor-element.elementor-element-fdf7821{--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-29 .elementor-element.elementor-element-0c32780{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-38b6a5a.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-38b6a5a{text-align:center;}.elementor-29 .elementor-element.elementor-element-db9d5ed.e-con{--align-self:flex-start;}.elementor-29 .elementor-element.elementor-element-e64d69a{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-e64d69a.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-eb18db8{--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-29 .elementor-element.elementor-element-9e1f718:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-9e1f718 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-cdd97fe:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-cdd97fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-25dc8cd:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-25dc8cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-d595562:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d595562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-0ab2ff2:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-0ab2ff2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-66b1bac:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-66b1bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-047abe3:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-047abe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-29 .elementor-element.elementor-element-0ff2c60{--e-n-carousel-swiper-slides-to-display:1;}.elementor-29 .elementor-element.elementor-element-bf157fe{text-align:center;}.elementor-29 .elementor-element.elementor-element-669b34d{--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-29 .elementor-element.elementor-element-61e3829{--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-29 .elementor-element.elementor-element-e9838ed.e-con{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-319900f{--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-29 .elementor-element.elementor-element-319900f.e-con{--order:99999 /* order end hack */;}.elementor-29 .elementor-element.elementor-element-4084422.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-4084422{text-align:center;}.elementor-29 .elementor-element.elementor-element-a931d9d.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-a931d9d{text-align:center;}.elementor-29 .elementor-element.elementor-element-725cfd8.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-0f8b7c5{--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-29 .elementor-element.elementor-element-299db65{--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-29 .elementor-element.elementor-element-b11b015{--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;}.elementor-29 .elementor-element.elementor-element-b80b8c1{--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-29 .elementor-element.elementor-element-b80b8c1.e-con{--order:-99999 /* order start hack */;}.elementor-29 .elementor-element.elementor-element-ae1d5b5{--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-29 .elementor-element.elementor-element-62d51ee.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-a6eeb0a{--width:70%;}.elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown .elementor-item, .elementor-29 .elementor-element.elementor-element-c16d1e3 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-29 .elementor-element.elementor-element-240705d{--overlay-opacity:1;}.elementor-29 .elementor-element.elementor-element-8154905{text-align:center;}.elementor-29 .elementor-element.elementor-element-9934998{text-align:center;}.elementor-29 .elementor-element.elementor-element-9934998 .elementor-heading-title{font-size:40px;}.elementor-29 .elementor-element.elementor-element-dac49e1{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-dac49e1.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button{font-size:20px;}.elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button{font-size:20px;}.elementor-29 .elementor-element.elementor-element-7df290a{--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-29 .elementor-element.elementor-element-faeb889{text-align:center;}.elementor-29 .elementor-element.elementor-element-faeb889 .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-ebc452b{--width:90%;--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-29 .elementor-element.elementor-element-0c32780{--width:90%;}.elementor-29 .elementor-element.elementor-element-38b6a5a .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-a1d0a0d .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-df42395 .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-d6f099e .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-c733710 .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-bb216ed{--width:90%;}.elementor-29 .elementor-element.elementor-element-e64d69a{--width:95%;--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-29 .elementor-element.elementor-element-e64d69a.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-50f54e1 .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-afdfd18{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;}.elementor-29 .elementor-element.elementor-element-1d4cd9e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-35bf2fe .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-f4e6d99 .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-d5f585f .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-bee6099 .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-a2dd988{--width:100%;}.elementor-29 .elementor-element.elementor-element-f5a7e55 .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-58d6d97{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-size:16px;}.elementor-29 .elementor-element.elementor-element-b1dadc2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-5399fe7{--width:90%;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-f46bb95{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-cdd97fe{--width:100%;}.elementor-29 .elementor-element.elementor-element-cdd97fe:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-cdd97fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-53px 0px;}.elementor-29 .elementor-element.elementor-element-b2bc0a4{--width:90%;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-9db4d71{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-45bc629{--width:90%;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-feeb040{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-d595562:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-d595562 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-127px 0px;}.elementor-29 .elementor-element.elementor-element-a3adece{--width:90%;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-473b2cb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-62e782a{--width:90%;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-f04f721{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-66b1bac:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-66b1bac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-146px 0px;}.elementor-29 .elementor-element.elementor-element-88c3f33{--width:90%;--margin-top:-10px;--margin-bottom:-10px;--margin-left:-10px;--margin-right:-10px;}.elementor-29 .elementor-element.elementor-element-b0fae60{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-047abe3:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-047abe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-110px 0px;}.elementor-29 .elementor-element.elementor-element-5cd150c{--width:90%;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-29 .elementor-element.elementor-element-0ff2c60{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:5px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-bf157fe .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-2ce9781{font-size:16px;}.elementor-29 .elementor-element.elementor-element-669b34d{--width:80%;--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-29 .elementor-element.elementor-element-35ef63f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29 .elementor-element.elementor-element-35ef63f.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button{font-size:20px;}.elementor-29 .elementor-element.elementor-element-5327dd5{--width:90%;}.elementor-29 .elementor-element.elementor-element-ab5af25{text-align:center;}.elementor-29 .elementor-element.elementor-element-ab5af25 .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-c0163e8{text-align:center;}.elementor-29 .elementor-element.elementor-element-3500b63{text-align:center;}.elementor-29 .elementor-element.elementor-element-1500b7d{text-align:center;}.elementor-29 .elementor-element.elementor-element-c425dbe{text-align:center;}.elementor-29 .elementor-element.elementor-element-f8474a7{--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;}.elementor-29 .elementor-element.elementor-element-e9838ed{--width:90%;}.elementor-29 .elementor-element.elementor-element-d12678e img{max-width:100%;}.elementor-29 .elementor-element.elementor-element-4084422 .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-a931d9d{font-size:16px;}.elementor-29 .elementor-element.elementor-element-725cfd8{--width:90%;}.elementor-29 .elementor-element.elementor-element-6284372.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-6284372{text-align:center;}.elementor-29 .elementor-element.elementor-element-574dbfb.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-574dbfb .elementor-icon{font-size:40px;}.elementor-29 .elementor-element.elementor-element-574dbfb .elementor-icon-box-description{font-size:16px;}.elementor-29 .elementor-element.elementor-element-0f8b7c5{--width:90%;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group > label{font-size:16px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-type-html{font-size:16px;}.elementor-29 .elementor-element.elementor-global-488 .elementor-field-group .elementor-field, .elementor-29 .elementor-element.elementor-global-488 .elementor-field-subgroup label{font-size:13px;}.elementor-29 .elementor-element.elementor-element-7d324bd{text-align:center;}.elementor-29 .elementor-element.elementor-element-7d324bd .elementor-heading-title{font-size:30px;}.elementor-29 .elementor-element.elementor-element-2d6978c{text-align:center;}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-29 .elementor-element.elementor-element-8ad8956:after{content:"0.5";}.elementor-29 .elementor-element.elementor-element-8ad8956 .elementor-post__thumbnail__link{width:100%;}.elementor-29 .elementor-element.elementor-element-eaec34d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-eaec34d.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-ecc5181.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-8fa0186.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-b80b8c1.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-ae1d5b5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-29 .elementor-element.elementor-element-ae1d5b5.e-con{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f850087.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-f850087 .elementor-icon-list-item > a{font-size:14px;}.elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-item > .elementor-icon-list-text, .elementor-29 .elementor-element.elementor-element-94e44fe .elementor-icon-list-item > a{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-a6eeb0a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a6eeb0a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a6eeb0a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-10deg); /* Lo posizioniamo dietro al testo */ z-index: -1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dac49e1 *//* 1. STATO NORMALE: Testo Blu e base trasparente */ .elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button { position: relative; background: transparent !important; color: #074564 !important; /* Testo Blu */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; /* Transizione fluida per il testo */ } /* 2. Sfondo obliquo Bianco nello stato normale */ .elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #ffffff; /* Sfondo Bianco */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; /* Transizione fluida per lo sfondo */ } /* 3. STATO HOVER: Il testo diventa Bianco */ .elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button:hover { color: #ffffff !important; /* Testo Bianco all'hover */ } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-dac49e1 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9fd9af9 *//* 1. STATO NORMALE: Testo Bianco e base trasparente */ .elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button { position: relative; background: transparent !important; color: #ffffff !important; /* Testo Bianco */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; } /* 2. Sfondo obliquo Blu Petrolio nello stato normale */ .elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #074564 !important; /* Sfondo Blu */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; } /* 3. STATO HOVER: Il testo rimane Bianco */ .elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button:hover { color: #ffffff !important; } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-9fd9af9 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-989f248 *//* 1. STATO NORMALE: Testo Bianco e base trasparente */ .elementor-29 .elementor-element.elementor-element-989f248 .elementor-button { position: relative; background: transparent !important; color: #ffffff !important; /* Testo Bianco */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; } /* 2. Sfondo obliquo Blu Petrolio nello stato normale */ .elementor-29 .elementor-element.elementor-element-989f248 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #074564 !important; /* Sfondo Blu */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; } /* 3. STATO HOVER: Il testo rimane Bianco */ .elementor-29 .elementor-element.elementor-element-989f248 .elementor-button:hover { color: #ffffff !important; } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-989f248 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72a1573 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-72a1573 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-72a1573::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-72a1573 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-72a1573 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-72a1573 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-72a1573 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-72a1573:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-72a1573 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-deebf2a */.elementor-29 .elementor-element.elementor-element-deebf2a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bba2734 *//* 1. STATO NORMALE: Testo Bianco e base trasparente */ .elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button { position: relative; background: transparent !important; color: #ffffff !important; /* Testo Bianco */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; } /* 2. Sfondo obliquo Blu Petrolio nello stato normale */ .elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #074564 !important; /* Sfondo Blu */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; } /* 3. STATO HOVER: Il testo rimane Bianco */ .elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button:hover { color: #ffffff !important; } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-bba2734 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f506ec3 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-f506ec3 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-f506ec3::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-f506ec3 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-f506ec3 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-f506ec3 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-f506ec3 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-f506ec3:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-f506ec3 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-61e50d4 *//* 1. STATO NORMALE: Testo Bianco e base trasparente */ .elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button { position: relative; background: transparent !important; color: #ffffff !important; /* Testo Bianco */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; } /* 2. Sfondo obliquo Blu Petrolio nello stato normale */ .elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #074564 !important; /* Sfondo Blu */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; } /* 3. STATO HOVER: Il testo rimane Bianco */ .elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button:hover { color: #ffffff !important; } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-61e50d4 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b7d8bc2 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b7d8bc2 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b7d8bc2::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b7d8bc2 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b7d8bc2 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b7d8bc2 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b7d8bc2 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b7d8bc2:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b7d8bc2 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6383529 *//* 1. STATO NORMALE: Testo Bianco e base trasparente */ .elementor-29 .elementor-element.elementor-element-6383529 .elementor-button { position: relative; background: transparent !important; color: #ffffff !important; /* Testo Bianco */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; } /* 2. Sfondo obliquo Blu Petrolio nello stato normale */ .elementor-29 .elementor-element.elementor-element-6383529 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #074564 !important; /* Sfondo Blu */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; } /* 3. STATO HOVER: Il testo rimane Bianco */ .elementor-29 .elementor-element.elementor-element-6383529 .elementor-button:hover { color: #ffffff !important; } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-6383529 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-19af390 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-19af390 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-19af390::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-19af390 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-19af390 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-19af390 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-19af390 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-19af390:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-19af390 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0274871 *//* 1. STATO NORMALE: Testo Bianco e base trasparente */ .elementor-29 .elementor-element.elementor-element-0274871 .elementor-button { position: relative; background: transparent !important; color: #ffffff !important; /* Testo Bianco */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; } /* 2. Sfondo obliquo Blu Petrolio nello stato normale */ .elementor-29 .elementor-element.elementor-element-0274871 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #074564 !important; /* Sfondo Blu */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; } /* 3. STATO HOVER: Il testo rimane Bianco */ .elementor-29 .elementor-element.elementor-element-0274871 .elementor-button:hover { color: #ffffff !important; } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-0274871 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4ddf523 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-4ddf523 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-4ddf523::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-4ddf523 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-4ddf523 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-4ddf523 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-4ddf523 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-4ddf523:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-4ddf523 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4bfe681 *//* 1. STATO NORMALE: Testo Bianco e base trasparente */ .elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button { position: relative; background: transparent !important; color: #ffffff !important; /* Testo Bianco */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; } /* 2. Sfondo obliquo Blu Petrolio nello stato normale */ .elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #074564 !important; /* Sfondo Blu */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; } /* 3. STATO HOVER: Il testo rimane Bianco */ .elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button:hover { color: #ffffff !important; } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-4bfe681 .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d6468a5 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-d6468a5 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-d6468a5::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-d6468a5 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-d6468a5 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-d6468a5 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-d6468a5 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-d6468a5:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-d6468a5 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f45309 */.elementor-29 .elementor-element.elementor-element-5f45309::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Applica il bordo solo a DESTRA e SINISTRA */ border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; }/* End custom CSS */ /* Start custom CSS for google_maps, class: .elementor-element-1d4cd9e */.elementor-29 .elementor-element.elementor-element-1d4cd9e { clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%) !important; } Selector::before { /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e64d69a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-e64d69a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-e64d69a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-deg); /* Lo posizioniamo dietro al testo */ z-index: -1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5399fe7 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5399fe7 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5399fe7::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5399fe7 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5399fe7:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5399fe7 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b2bc0a4 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-b2bc0a4::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-b2bc0a4 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-b2bc0a4 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45bc629 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-45bc629 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-45bc629::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-45bc629 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-45bc629 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-45bc629:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-45bc629 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3adece *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-a3adece { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-a3adece::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con-inner, .elementor-29 .elementor-element.elementor-element-a3adece > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-a3adece .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-a3adece:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-a3adece .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62e782a *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-62e782a { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-62e782a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con-inner, .elementor-29 .elementor-element.elementor-element-62e782a > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-62e782a .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-62e782a:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-62e782a .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88c3f33 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-88c3f33 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-88c3f33::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con-inner, .elementor-29 .elementor-element.elementor-element-88c3f33 > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-88c3f33:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-88c3f33 .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cd150c *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-5cd150c { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-5cd150c::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-20deg); /* Lo posizioniamo dietro al testo */ z-index: -1; } /* 1. Forza il contenitore a comportarsi come un Flexbox verticale centrato */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-widget-container, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con-inner, .elementor-29 .elementor-element.elementor-element-5cd150c > .e-con { display: flex !important; flex-direction: column !important; justify-content: center !important; /* Centra verticalmente il contenuto */ align-items: center !important; /* Centra orizzontalmente il contenuto */ height: 100% !important; min-height: 100% !important; transition: all 0.4s ease-in-out; } /* 2. Stato iniziale della descrizione (completamente collassata e senza ingombro) */ .elementor-29 .elementor-element.elementor-element-5cd150c .descrizione { opacity: 0; max-height: 0; margin: 0 !important; padding: 0 !important; transform: translateY(10px); overflow: hidden; transition: transform 0.4s ease, opacity 0.3s ease, max-height 0.4s ease, margin 0.4s ease; } /* 3. Stato all'hover sul contenitore madre (la descrizione si espande e sposta il titolo) */ .elementor-29 .elementor-element.elementor-element-5cd150c:hover .descrizione { opacity: 1; max-height: 200px; /* Altezza massima per contenere il testo */ margin-top: 15px !important; /* Crea lo spazio tra titolo e descrizione solo all'hover */ transform: translateY(0); } /* 4. Gestione del Titolo (opzionale per fluidità) */ .elementor-29 .elementor-element.elementor-element-5cd150c .elementor-heading-title { transition: transform 0.4s ease-in-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-669b34d *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-669b34d { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-669b34d::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-10deg); /* Lo posizioniamo dietro al testo */ z-index: -1; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-35ef63f *//* 1. STATO NORMALE: Testo Blu e base trasparente */ .elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button { position: relative; background: transparent !important; color: #074564 !important; /* Testo Blu */ border: none !important; z-index: 1; overflow: visible !important; transition: color 0.3s ease-in-out; /* Transizione fluida per il testo */ } /* 2. Sfondo obliquo Bianco nello stato normale */ .elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #ffffff; /* Sfondo Bianco */ transform: skewX(-20deg); z-index: -1; transition: background-color 0.3s ease-in-out; /* Transizione fluida per lo sfondo */ } /* 3. STATO HOVER: Il testo diventa Bianco */ .elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button:hover { color: #ffffff !important; /* Testo Bianco all'hover */ } /* 4. STATO HOVER: Lo sfondo inclinato diventa Rosso */ .elementor-29 .elementor-element.elementor-element-35ef63f .elementor-button:hover::before { background-color: #bd2025 !important; /* Sfondo Rosso all'hover */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-725cfd8 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-725cfd8 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-725cfd8::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* INCLINIAMO LO SFONDO (Insieme ai suoi bordi laterali) */ transform: skewX(-10deg); /* Lo posizioniamo dietro al testo */ z-index: -1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f8b7c5 *//* 1. Rendiamo il contenitore trasparente (i testi rimangono dritti e leggibili) */ .elementor-29 .elementor-element.elementor-element-0f8b7c5 { position: relative; background: transparent !important; border: none !important; z-index: 1; } /* 2. Creiamo lo sfondo bianco obliquo con i soli bordi laterali sfumati */ .elementor-29 .elementor-element.elementor-element-0f8b7c5::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* Sfondo bianco del contenitore */ background-color: #ffffff; /* Applica il bordo solo a DESTRA e SINISTRA */ border-left: 5px solid transparent; border-right: 5px solid transparent; /* Applica il gradiente (Bianco sotto, Rosso sopra) ai bordi appena creati */ border-image: linear-gradient(to top, #ffffff, #bd2025) 0 1; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Akko Pro'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://assifinsrl.com/wp-content/uploads/2026/07/Akko-Pro-Medium.ttf') format('truetype'); } /* End Custom Fonts CSS */