.elementor-5217 .elementor-element.elementor-element-c46e7d8{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-5217 .elementor-element.elementor-element-38fdb19 > .elementor-widget-container{margin:0px 0px 0px 50px;}.elementor-5217 .elementor-element.elementor-element-fb6e914 > .elementor-widget-container{margin:0px 0px 0px 034px;}.elementor-5217 .elementor-element.elementor-element-24fe25f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-ceddcd6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 4px 32.9px 0px rgba(0, 0, 0, 0.11);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-ceddcd6:not(.elementor-motion-effects-element-type-background), .elementor-5217 .elementor-element.elementor-element-ceddcd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-5217 .elementor-element.elementor-element-ceddcd6.e-con{--align-self:flex-start;}.elementor-5217 .elementor-element.elementor-element-cedb234{--display:flex;}.elementor-5217 .elementor-element.elementor-element-e8d04d6{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 4px 32.9px 0px rgba(0, 0, 0, 0.11);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-c2a589c{--display:flex;--min-height:450px;--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:flex-start;box-shadow:0px 4px 32.9px 0px rgba(0, 0, 0, 0.11);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:85px;--padding-bottom:85px;--padding-left:50px;--padding-right:50px;}.elementor-5217 .elementor-element.elementor-element-c2a589c:not(.elementor-motion-effects-element-type-background), .elementor-5217 .elementor-element.elementor-element-c2a589c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1EFEB;}.elementor-5217 .elementor-element.elementor-element-ad2fd6e{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;}.elementor-5217 .elementor-element.elementor-element-ad2fd6e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5217 .elementor-element.elementor-element-480c0d9{--display:flex;box-shadow:0px 4px 32.9px 0px rgba(0, 0, 0, 0.11);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-7903b95{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:1.1rem;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Heebo", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-7903b95 {--n-menu-title-color-active:var( --e-global-color-text );}.elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-style:none;}.elementor-5217 .elementor-element.elementor-element-df0b6d6{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:998;}.elementor-5217 .elementor-element.elementor-element-2982b2a > .elementor-widget-container{margin:0px 0px 0px 50px;padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-f6ea85c{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-8991400{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-bdb9a77{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-bdb9a77 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-bdb9a77 > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-7b1ca00{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-7b1ca00 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-7b1ca00 > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-bb81bb8{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-1837bca{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-1837bca > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-1837bca > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-dd85cc0{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-fd076aa{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-1200ccb{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-1200ccb > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-1200ccb > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-9e2ccc4{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-9047757{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-9047757 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-9047757 > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-66c8c3c{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-8f1cd36{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-8f1cd36 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-8f1cd36 > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-2fdae90{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-2fdae90 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-2fdae90 > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-5217 .elementor-element.elementor-element-b325ab8{--display:flex;border-style:none;--border-style:none;}.elementor-5217 .elementor-element.elementor-element-9b80d75{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#505050;--n-accordion-title-hover-color:#505050;--n-accordion-title-active-color:#505050;--n-accordion-icon-size:15px;}.elementor-5217 .elementor-element.elementor-element-9b80d75 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-5217 .elementor-element.elementor-element-9b80d75 > .elementor-widget-container > .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:"Almarai", Sans-serif;font-weight:300;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:769px){.elementor-5217 .elementor-element.elementor-element-c46e7d8{--width:100%;}.elementor-5217 .elementor-element.elementor-element-ceddcd6{--width:180px;}.elementor-5217 .elementor-element.elementor-element-e8d04d6{--width:250px;}.elementor-5217 .elementor-element.elementor-element-c2a589c{--width:100%;}.elementor-5217 .elementor-element.elementor-element-480c0d9{--width:168px;}.elementor-5217 .elementor-element.elementor-element-df0b6d6{--width:100%;}}@media(max-width:1200px){.elementor-5217 .elementor-element.elementor-element-8f83239 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-a5525e4 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-78604af img{width:32px;}.elementor-5217 .elementor-element.elementor-element-2982b2a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-f6ea85c{--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;--justify-content:space-around;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-8991400{--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;--justify-content:space-around;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:61px;--padding-right:61px;}.elementor-5217 .elementor-element.elementor-element-bdb9a77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-5217 .elementor-element.elementor-element-bdb9a77{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;--n-accordion-icon-gap:28px;}.elementor-5217 .elementor-element.elementor-element-bdb9a77 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-7b1ca00 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-7b1ca00{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;}.elementor-5217 .elementor-element.elementor-element-7b1ca00 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-bb81bb8{--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;--justify-content:space-around;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-6607e26 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-30d1167 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-57803c9 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-1837bca > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-1837bca{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;}.elementor-5217 .elementor-element.elementor-element-1837bca {--n-accordion-padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-dd85cc0{--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;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:40px;}.elementor-5217 .elementor-element.elementor-element-fd076aa{--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;--justify-content:flex-start;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:61px;--padding-right:61px;}.elementor-5217 .elementor-element.elementor-element-cfde024{width:100%;max-width:100%;}.elementor-5217 .elementor-element.elementor-element-1200ccb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-5217 .elementor-element.elementor-element-1200ccb{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;--n-accordion-icon-gap:28px;}.elementor-5217 .elementor-element.elementor-element-1200ccb {--n-accordion-padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-9e2ccc4{--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;--justify-content:flex-start;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:61px;--padding-right:61px;}.elementor-5217 .elementor-element.elementor-element-9047757 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-5217 .elementor-element.elementor-element-9047757{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;--n-accordion-icon-gap:28px;}.elementor-5217 .elementor-element.elementor-element-9047757 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-66c8c3c{--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;--justify-content:flex-start;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:61px;--padding-right:61px;}.elementor-5217 .elementor-element.elementor-element-8f1cd36 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-5217 .elementor-element.elementor-element-8f1cd36{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;--n-accordion-icon-gap:28px;}.elementor-5217 .elementor-element.elementor-element-8f1cd36 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-2fdae90 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-2fdae90{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;}.elementor-5217 .elementor-element.elementor-element-2fdae90 {--n-accordion-padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-b325ab8{--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;--justify-content:space-around;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-9b80d75 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-9b80d75{--n-accordion-title-icon-order:initial;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:28px;}.elementor-5217 .elementor-element.elementor-element-9b80d75 {--n-accordion-padding:0px 0px 0px 0px;}}@media(max-width:768px){.elementor-5217 .elementor-element.elementor-element-8f83239 img{width:21px;}.elementor-5217 .elementor-element.elementor-element-a5525e4 img{width:21px;}.elementor-5217 .elementor-element.elementor-element-78604af img{width:21px;}.elementor-5217 .elementor-element.elementor-element-f6ea85c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-8991400{--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;--margin-top:16px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:56px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-bdb9a77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-5217 .elementor-element.elementor-element-bdb9a77{--n-accordion-title-font-size:22px;--n-accordion-icon-gap:12px;}.elementor-5217 .elementor-element.elementor-element-7b1ca00{--n-accordion-title-font-size:22px;}.elementor-5217 .elementor-element.elementor-element-bb81bb8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-6607e26 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-30d1167 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-30d1167 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-57803c9 img{width:32px;}.elementor-5217 .elementor-element.elementor-element-1837bca{--n-accordion-title-font-size:22px;}.elementor-5217 .elementor-element.elementor-element-dd85cc0{--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-fd076aa{--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;--margin-top:16px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:56px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-1200ccb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-5217 .elementor-element.elementor-element-1200ccb{--n-accordion-title-font-size:22px;--n-accordion-icon-gap:12px;}.elementor-5217 .elementor-element.elementor-element-9e2ccc4{--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;--margin-top:16px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:56px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-9047757 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-5217 .elementor-element.elementor-element-9047757{--n-accordion-title-font-size:22px;--n-accordion-icon-gap:12px;}.elementor-5217 .elementor-element.elementor-element-66c8c3c{--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:56px;--padding-right:0px;}.elementor-5217 .elementor-element.elementor-element-2ac7d36 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5217 .elementor-element.elementor-element-8f1cd36 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-5217 .elementor-element.elementor-element-8f1cd36{--n-accordion-title-font-size:22px;--n-accordion-icon-gap:12px;}.elementor-5217 .elementor-element.elementor-element-2fdae90{--n-accordion-title-font-size:22px;}.elementor-5217 .elementor-element.elementor-element-9b80d75{--n-accordion-title-font-size:22px;}}/* Start custom CSS for shortcode, class: .elementor-element-fb6e914 */.wpml-pill-wrapper {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 24px;
}

.wpml-pill-current {
    width: 24px;
    height: 24px;
    background-color: #333333;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    z-index: 10;
    position: relative;
    cursor: default;
}

.wpml-pill-others {
    background-color: #bfd600;
    height: 26px;
    padding: 2px;
    display: flex;
    align-items: center;
    max-width: 0; 
    padding-right: 0;
    overflow: hidden;
    opacity: 0;
    margin-right: -26px;
    border-radius: 30px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.wpml-pill-link {
    color: #333333;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 0 12px;
    white-space: nowrap;
    transition: color 0.2s;
}

.wpml-pill-link:hover {
    text-decoration: underline;
}

.wpml-pill-link:hover {
    color: #000000;
}

.wpml-pill-wrapper:hover .wpml-pill-others {
    max-width: 200px;
    opacity: 1;
    padding-right: 25px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24fe25f */.elementor-5217 .elementor-element.elementor-element-24fe25f {
    box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.11) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3eb910 */.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39fb949 */.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a03ae1 */.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a589c */.item-container {
    height: 450px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24fe25f */.elementor-5217 .elementor-element.elementor-element-24fe25f {
    box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.11) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3eb910 */.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39fb949 */.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a03ae1 */.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a589c */.item-container {
    height: 450px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24fe25f */.elementor-5217 .elementor-element.elementor-element-24fe25f {
    box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.11) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3eb910 */.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39fb949 */.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a03ae1 */.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a589c */.item-container {
    height: 450px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24fe25f */.elementor-5217 .elementor-element.elementor-element-24fe25f {
    box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.11) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3eb910 */.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39fb949 */.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a03ae1 */.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a589c */.item-container {
    height: 450px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24fe25f */.elementor-5217 .elementor-element.elementor-element-24fe25f {
    box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.11) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3eb910 */.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39fb949 */.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a03ae1 */.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a589c */.item-container {
    height: 450px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24fe25f */.elementor-5217 .elementor-element.elementor-element-24fe25f {
    box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.11) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3eb910 */.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39fb949 */.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a03ae1 */.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a589c */.item-container {
    height: 450px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24fe25f */.elementor-5217 .elementor-element.elementor-element-24fe25f {
    box-shadow: 0px 4px 32.9px 0px rgba(0, 0, 0, 0.11) !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c3eb910 */.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-c3eb910 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-39fb949 */.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-39fb949 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9a03ae1 */.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 160px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link::after {
    display: block;
    content: attr(data-text); /* Prende la parola esatta dall'HTML */
    font-weight: 600; /* La simula in grassetto per calcolarne l'ingombro massimo */
    height: 0; /* Altezza zero per non occupare spazio verticale reale */
    visibility: hidden; /* Invisibile all'utente */
    overflow: hidden; 
    pointer-events: none; /* Non cliccabile */
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-9a03ae1 .campo-link:hover {
    font-weight: 600; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2a589c */.item-container {
    height: 450px !important;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-7903b95 */.elementor-5217 .elementor-element.elementor-element-7903b95 .e-n-menu-dropdown-icon {
    width: 9px;
    margin-top: 3px;
    margin-left: 7px;
}

.elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span:hover {
    font-weight: 600;
}

.elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current {
    text-decoration: underline;
    text-decoration-color: #C4D600;
    text-decoration-thickness: 2px; /* Spessore della linea */
    text-underline-offset: 6px;     /* Distanza dal testo */
}

.elementor-5217 .elementor-element.elementor-element-7903b95 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current a span {
    font-weight: 600 !important;
}

/* 1. Rende il container "Applicazioni" il punto di ancoraggio */
.voce-padre-flyout {
    position: relative !important;
}

/* 2. Configura il sottomenu: nascosto, assoluto, spostato a destra */
.box-flyout-laterale {
    position: absolute !important;
    top: 0;
    left: 100%; /* Lo sposta interamente a destra del padre */
    width: max-content; /* Impedisce che il testo vada a capo schiacciandosi */
    min-width: 220px; /* Larghezza minima per estetica */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    
    /* Stile della tua foto: sfondo bianco e ombra per staccarlo dal fondo */
    background-color: #ffffff;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    padding: 15px; /* Spazio interno */
}

/* 3. La Magia: Mostra il sottomenu quando il mouse è sul padre */
.voce-padre-flyout:hover .box-flyout-laterale {
    opacity: 1;
    visibility: visible;
}

#with-separator-after {
    padding-right: 30px;
}

#with-separator-after::after {
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 50%;
    width: 1px;
    background-color: #1f2124;
    opacity: 0.2;
    border: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c46e7d8 *//* Transizione fluida per l'header */
.smart-navbar {
    transition: transform 0.4s ease-in-out;
    /* Assicurati che rimanga sopra tutto */
    z-index: 9999; 
}

/* Stato nascosto: Sposta l'header fuori dallo schermo verso l'alto */
.smart-navbar.header-hidden {
    transform: translateY(-100%);
}

a.dropdown-item-web-menu.voce-attiva h2 {
font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: #a3b808 !important; /* Inserisci il codice esatto del tuo verde/giallo */
    text-decoration-thickness: 2px !important;
    text-underline-offset: 6px !important; /* Regola la distanza della linea dal testo */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c4ffcd0 *//* CONTENITORE PRINCIPALE */
.wpml-mob-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-family: 'Heebo' !important; /* Usa il font del tuo tema */
    user-select: none; /* Evita che il testo venga selezionato col doppio click */
}

/* LA BARRA VISIBILE (Testo + Icona) */
.wpml-mob-toggle {
    display: flex;
    align-items: center;
    gap: 8px; /* Spazio tra testo e chevron */
}

.wpml-mob-current {
    font-size: 16px;
    font-weight: 500;
    color: #4a4a4a; /* Grigio scuro come da immagine */
}

.wpml-mob-chevron {
    width: 12px; /* Dimensione icona - aggiusta se serve */
    height: auto;
    transition: transform 0.3s ease; /* Rotazione fluida */
}

/* Rotazione della freccia quando aperto */
.wpml-mob-wrapper.is-open .wpml-mob-chevron {
    transform: rotate(180deg);
}

/* IL MENU A TENDINA (Nascosto di default) */
.wpml-mob-list {
    display: none; /* Nascosto */
    position: absolute;
    top: 100%; /* Appare subito sotto */
    left: 0;
    min-width: 120px;
    background-color: #ffffff; /* Sfondo bianco */
    padding: 10px 0;
    margin: 5px 0 0 0;
    list-style: none !important;
    z-index: 999;
    /* Opzionale: ombra leggera per staccarlo dallo sfondo */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* Mostra il menu quando c'è la classe .is-open */
.wpml-mob-wrapper.is-open .wpml-mob-list {
    display: block;
}

/* VOCI DEL MENU */
.wpml-mob-list li {
    margin: 0;
    padding: 0;
}

.wpml-mob-list a {
    display: block;
    padding: 8px 15px;
    color: #4a4a4a;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.2s ease;
}

/* EFFETTO HOVER/FOCUS (Sottolineatura) */
.wpml-mob-list a:hover {
    color: #000000;
    text-decoration: underline;
    text-decoration-color: #bfd600; /* Verde acido */
    text-underline-offset: 4px; /* Distanza della linea dal testo */
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-bdb9a77 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-bdb9a77 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-7b1ca00 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1837bca */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cfde024 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cfde024 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1200ccb */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5027669 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5027669 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-9047757 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2ac7d36 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2ac7d36 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f1cd36 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd85cc0 */.custom-display{
    display: flex !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cfde024 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cfde024 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-cfde024 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-1200ccb */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5027669 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5027669 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-5027669 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-5027669 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-9047757 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2ac7d36 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2ac7d36 *//* 1. Il contenitore principale: forzato sempre in riga su Desktop */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
    gap: 30px;
    align-items: flex-start; 
    padding-bottom: 40px !important;
}

/* 2. La struttura della singola colonna blindata */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
    display: flex;
    flex-direction: column; 
    flex: 1 1 0% !important; 
    min-width: 250px !important; 
    max-width: 100% !important;
}

/* 3. Lo stile dei singoli link testuali */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
    color: #505050;
    font-family: 'Almarai', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 48px;
    text-decoration: none;
    margin-bottom: 12px; 
    display: block; 
}

/* 4. Il "Clone Fantasma": prenota lo spazio per il grassetto */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link::after {
    display: block;
    content: attr(data-text); 
    font-weight: 600; 
    height: 0; 
    visibility: hidden; 
    overflow: hidden; 
    pointer-events: none; 
}

/* 5. Effetto Hover effettivo */
.elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link:hover {
    font-weight: 600; 
}

/* 6. Dispositivi Mobili (Sotto i 768px) */
@media (max-width: 768px) {
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-columns-wrapper {
        /* LA CORREZIONE: Incolonna i blocchi da 7 uno sotto l'altro creando una lista continua */
        flex-direction: column !important; 
        gap: 0 !important; /* Rimuove lo spazio tra i vari blocchi di colonna */
        max-height: none !important; 
        flex-wrap: nowrap !important; 
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campi-colonna {
        width: 100% !important;
        flex: none !important;
        min-width: 0 !important; /* Rimuove il blocco dei 250px */
    }
    
    .elementor-5217 .elementor-element.elementor-element-2ac7d36 .campo-link {
        width: 100%;
        font-size: 22px;
        line-height: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-8f1cd36 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd85cc0 */.custom-display{
    display: flex !important;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-2fdae90 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-9b80d75 */.e-n-accordion-item-title-icon {
    margin-left: auto;
}

.menu-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df0b6d6 *//* Transizione fluida per l'header */
.smart-navbar {
    transition: transform 0.4s ease-in-out;
    /* Assicurati che rimanga sopra tutto */
    z-index: 9999; 
}

/* Stato nascosto: Sposta l'header fuori dallo schermo verso l'alto */
.smart-navbar.header-hidden {
    transform: translateY(-100%);
}

a.dropdown-item-web-menu.voce-attiva h2 {
font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: #a3b808 !important; /* Inserisci il codice esatto del tuo verde/giallo */
    text-decoration-thickness: 2px !important;
    text-underline-offset: 6px !important; /* Regola la distanza della linea dal testo */
}

/* Evidenziazione voce di menu attiva (Desktop e Mobile) */
.voce-attiva-mobile,
.voce-attiva-mobile * {
    font-weight: 600 !important; /* Usa 700 o "bold" per assicurarti che il font esista */
    text-decoration: underline !important;
    text-decoration-color: #a3b808 !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 6px !important;
}/* End custom CSS */