.elementor-1590 .elementor-element.elementor-element-ed90be3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1590 .elementor-element.elementor-element-caf98db{--display:flex;}.elementor-1590 .elementor-element.elementor-element-b9e0d52{--display:flex;--min-height:400px;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1590 .elementor-element.elementor-element-b9e0d52::before, .elementor-1590 .elementor-element.elementor-element-b9e0d52 > .elementor-background-video-container::before, .elementor-1590 .elementor-element.elementor-element-b9e0d52 > .e-con-inner > .elementor-background-video-container::before, .elementor-1590 .elementor-element.elementor-element-b9e0d52 > .elementor-background-slideshow::before, .elementor-1590 .elementor-element.elementor-element-b9e0d52 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1590 .elementor-element.elementor-element-b9e0d52 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1590 .elementor-element.elementor-element-8dd5f9f{--display:flex;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-5a3bc14 img{width:100%;max-width:100%;height:120px;object-fit:cover;object-position:center center;border-style:none;border-radius:10px 10px 10px 10px;}.elementor-1590 .elementor-element.elementor-element-ca65853{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-1590 .elementor-element.elementor-element-ca65853.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-ca65853 .elementor-button{font-weight:500;border-style:solid;border-color:#FF0101;padding:0px 20px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-2720ded{--iteration-count:infinite;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-2720ded .elementor-headline{text-align:start;font-size:37px;font-weight:700;text-transform:capitalize;line-height:45px;}.elementor-1590 .elementor-element.elementor-element-2720ded .elementor-headline-plain-text{color:#A3A3A3;}.elementor-1590 .elementor-element.elementor-element-7a34376{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:15px;color:#7A7A7ACF;}.elementor-1590 .elementor-element.elementor-element-ffe7b02{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-d4ca51f.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-d4ca51f .elementor-button{font-weight:500;text-transform:capitalize;border-style:none;padding:15px 20px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-c5f5305 .elementor-button{background-color:#4F7DAD00;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:none;}.elementor-1590 .elementor-element.elementor-element-c5f5305{margin:1px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-1590 .elementor-element.elementor-element-f1d04bf{width:auto;max-width:auto;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:23%;z-index:10;}body:not(.rtl) .elementor-1590 .elementor-element.elementor-element-f1d04bf{right:1.9%;}body.rtl .elementor-1590 .elementor-element.elementor-element-f1d04bf{left:1.9%;}.elementor-1590 .elementor-element.elementor-element-f1d04bf .elementor-button{border-style:none;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-1590 .elementor-element.elementor-element-03c8678{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-1590 .elementor-element.elementor-element-03c8678:hover{border-style:none;}.elementor-1590 .elementor-element.elementor-element-03c8678, .elementor-1590 .elementor-element.elementor-element-03c8678::before{--border-transition:0.3s;}.elementor-1590 .elementor-element.elementor-element-186be7a{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:10px;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-primary );}.elementor-1590 .elementor-element.elementor-element-186be7a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-1590 .elementor-element.elementor-element-186be7a.elementor-view-framed .elementor-icon, .elementor-1590 .elementor-element.elementor-element-186be7a.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon{font-size:18px;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-title, .elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-title a{font-family:"Orbitron", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-description{font-size:14px;}.elementor-1590 .elementor-element.elementor-element-5f16ff3{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:17px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-1590 .elementor-element.elementor-element-348f0e8{--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;--border-radius:15px 15px 15px 15px;--margin-top:5px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:32px;--padding-bottom:44px;--padding-left:30px;--padding-right:30px;}.elementor-1590 .elementor-element.elementor-element-348f0e8.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-1590 .elementor-element.elementor-element-5f1e06b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1590 .elementor-element.elementor-element-b6acd13{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-1590 .elementor-element.elementor-element-88108ec{--iteration-count:infinite;margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-88108ec .elementor-headline{text-align:start;font-size:37px;font-weight:500;text-transform:capitalize;line-height:42px;}.elementor-1590 .elementor-element.elementor-element-88108ec .elementor-headline-plain-text{color:#A3A3A3;}.elementor-1590 .elementor-element.elementor-element-b20d000{width:var( --container-widget-width, 100% );max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:15px;color:#7A7A7ACF;}.elementor-1590 .elementor-element.elementor-element-b2138f6{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-b2138f6.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-b2138f6 .elementor-button{font-weight:500;text-transform:capitalize;border-style:none;padding:15px 20px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-629df50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-1590 .elementor-element.elementor-element-629df50.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-629df50 .elementor-button{font-weight:500;border-style:solid;border-color:#FF0101;padding:0px 20px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-6daec5f{width:var( --container-widget-width, 40% );max-width:40%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-1590 .elementor-element.elementor-element-ec73f71{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-eeafdba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-eeafdba.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-f3297a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1590 .elementor-element.elementor-element-f3297a0.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-f3297a0 .elementor-heading-title{font-size:32px;line-height:1.3em;color:#BCBCBC;}.elementor-1590 .elementor-element.elementor-element-3c934a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-3c934a3.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-3c934a3 .elementor-button{font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FF0101;padding:0px 20px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-4385bab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1590 .elementor-element.elementor-element-4385bab.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1590 .elementor-element.elementor-element-dd18462{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-9e8ffee{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-9e8ffee:not(.elementor-motion-effects-element-type-background), .elementor-1590 .elementor-element.elementor-element-9e8ffee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A00;}.elementor-1590 .elementor-element.elementor-element-ed4d445{background-color:#0A0A0A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:25px 30px 35px 30px;z-index:1;border-radius:15px 15px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-wrapper{text-align:start;}.elementor-1590 .elementor-element.elementor-element-ed4d445.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1590 .elementor-element.elementor-element-ed4d445.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-ed4d445.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-title{margin-bottom:13px;color:#BCBCBC;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-description{color:var( --e-global-color-secondary );}.elementor-1590 .elementor-element.elementor-element-d8a7dfd{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-1590 .elementor-element.elementor-element-d8a7dfd:not(.elementor-motion-effects-element-type-background), .elementor-1590 .elementor-element.elementor-element-d8a7dfd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A00;}.elementor-1590 .elementor-element.elementor-element-d8a7dfd.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-d4020c1{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1590 .elementor-element.elementor-element-d4020c1 .elementor-heading-title{font-size:32px;line-height:1.3em;color:#BCBCBC;}.elementor-1590 .elementor-element.elementor-element-b260997{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:15px;color:#7A7A7ACF;}.elementor-1590 .elementor-element.elementor-element-eebe0b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:4;}.elementor-1590 .elementor-element.elementor-element-eebe0b2.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-eebe0b2 .elementor-button{font-weight:500;border-style:solid;border-color:#FF0101;padding:0px 20px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-d651140{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1590 .elementor-element.elementor-element-4c20dd8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1590 .elementor-element.elementor-element-cba27e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-cef545e{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-cef545e:not(.elementor-motion-effects-element-type-background), .elementor-1590 .elementor-element.elementor-element-cef545e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A00;}.elementor-1590 .elementor-element.elementor-element-e2f42f1{background-color:#0A0A0A;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:25px 30px 35px 30px;z-index:1;border-radius:15px 15px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-wrapper{text-align:start;}.elementor-1590 .elementor-element.elementor-element-e2f42f1.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-title{margin-bottom:13px;color:#BCBCBC;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-description{color:var( --e-global-color-secondary );}.elementor-1590 .elementor-element.elementor-element-2501db3{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-1590 .elementor-element.elementor-element-2501db3:not(.elementor-motion-effects-element-type-background), .elementor-1590 .elementor-element.elementor-element-2501db3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A00;}.elementor-1590 .elementor-element.elementor-element-2501db3.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-ba1803b{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1590 .elementor-element.elementor-element-ba1803b .elementor-heading-title{font-size:32px;line-height:1.3em;color:#BCBCBC;}.elementor-1590 .elementor-element.elementor-element-10f8aba{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:15px;color:#7A7A7ACF;}.elementor-1590 .elementor-element.elementor-element-34f432b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:4;}.elementor-1590 .elementor-element.elementor-element-34f432b.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-34f432b .elementor-button{font-weight:500;border-style:solid;border-color:#FF0101;padding:0px 20px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-8a3ab6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-18d1b2d{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-bd65dbc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;--margin-top:50px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d .elementor-heading-title{font-size:32px;line-height:1.3em;color:#BCBCBC;}.elementor-1590 .elementor-element.elementor-element-7610e2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-7610e2f.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-7610e2f .elementor-button{font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FF0101;padding:0px 20px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-3b8d718{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}.elementor-1590 .elementor-element.elementor-element-3b8d718.elementor-element{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1590 .elementor-element.elementor-element-1ce7ba4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-1ce7ba4.e-con{--order:99999 /* order end hack */;}.elementor-1590 .elementor-element.elementor-element-8147983{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-1590 .elementor-element.elementor-element-4054a5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-1590 .elementor-element.elementor-element-4054a5f.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-4054a5f .elementor-button{font-weight:500;border-style:solid;border-color:#FF0101;padding:0px 20px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-a7d6863{margin:45px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-1590 .elementor-element.elementor-element-a7d6863 .elementor-heading-title{font-size:32px;line-height:1.3em;color:#BCBCBC;}.elementor-1590 .elementor-element.elementor-element-6c38442{width:var( --container-widget-width, 100% );max-width:100%;margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;font-size:15px;color:#7A7A7ACF;}.elementor-1590 .elementor-element.elementor-element-a1ab020{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-a1ab020.elementor-element{--align-self:flex-start;}.elementor-1590 .elementor-element.elementor-element-a1ab020 .elementor-button{font-weight:500;text-transform:capitalize;border-style:none;padding:15px 20px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-7660db5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-c41b9b9 .swiper-wrapper{display:flex;align-items:center;}.elementor-1590 .elementor-element.elementor-element-eb0ef66{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-dd75ff6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-42e8416{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-9d04637{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-c651d64{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:15px;--n-tabs-gap:30px;--n-tabs-title-border-radius:3px 3px 3px 3px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#070EAD;--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-gap:10px;}.elementor-1590 .elementor-element.elementor-element-c651d64.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-1590 .elementor-element.elementor-element-c651d64.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:400;}.elementor-1590 .elementor-element.elementor-element-c651d64 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#070EAD;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1590 .elementor-element.elementor-element-5a3bc14 img{height:160px;}.elementor-1590 .elementor-element.elementor-element-ca65853{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-2720ded{width:var( --container-widget-width, 265px );max-width:265px;--container-widget-width:265px;--container-widget-flex-grow:0;}.elementor-1590 .elementor-element.elementor-element-03c8678{--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-title, .elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-title a{font-size:11px;}.elementor-1590 .elementor-element.elementor-element-348f0e8{--padding-top:28px;--padding-bottom:44px;--padding-left:25px;--padding-right:25px;}.elementor-1590 .elementor-element.elementor-element-5f1e06b{--flex-wrap:wrap;}.elementor-1590 .elementor-element.elementor-element-5f1e06b.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-b6acd13{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:25px;--padding-right:25px;}.elementor-1590 .elementor-element.elementor-element-88108ec{width:var( --container-widget-width, 265px );max-width:265px;--container-widget-width:265px;--container-widget-flex-grow:0;}.elementor-1590 .elementor-element.elementor-element-88108ec .elementor-headline{font-size:24px;line-height:1.5em;}.elementor-1590 .elementor-element.elementor-element-b20d000{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:13px;}.elementor-1590 .elementor-element.elementor-element-629df50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-6daec5f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1590 .elementor-element.elementor-element-ec73f71{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1590 .elementor-element.elementor-element-eeafdba{--gap:5px 0px;--row-gap:5px;--column-gap:0px;--flex-wrap:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-f3297a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1590 .elementor-element.elementor-element-f3297a0.elementor-element{--order:99999 /* order end hack */;}.elementor-1590 .elementor-element.elementor-element-f3297a0 .elementor-heading-title{font-size:25px;}.elementor-1590 .elementor-element.elementor-element-3c934a3.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-4385bab{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-4385bab.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-dd18462{--flex-wrap:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-dd18462.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-9e8ffee{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-title{font-size:25px;}.elementor-1590 .elementor-element.elementor-element-d8a7dfd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-d4020c1{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-b260997{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-d651140.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-4c20dd8.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-cba27e4{--flex-wrap:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-cba27e4.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-cef545e{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-title{font-size:25px;}.elementor-1590 .elementor-element.elementor-element-2501db3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-ba1803b{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-10f8aba{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-bd65dbc{--gap:5px 0px;--row-gap:5px;--column-gap:0px;--flex-wrap:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:start;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d.elementor-element{--order:99999 /* order end hack */;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d .elementor-heading-title{font-size:25px;}.elementor-1590 .elementor-element.elementor-element-7610e2f.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-1ce7ba4{--flex-wrap:wrap;--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-1590 .elementor-element.elementor-element-8147983{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1590 .elementor-element.elementor-element-4054a5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-a7d6863{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-6c38442{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:13px;}.elementor-1590 .elementor-element.elementor-element-7660db5{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-7660db5.e-con{--align-self:center;}.elementor-1590 .elementor-element.elementor-element-eb0ef66{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1590 .elementor-element.elementor-element-dd75ff6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1590 .elementor-element.elementor-element-42e8416{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1590 .elementor-element.elementor-element-9d04637{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1590 .elementor-element.elementor-element-c651d64{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-1590 .elementor-element.elementor-element-caf98db{--width:364.5px;}.elementor-1590 .elementor-element.elementor-element-b9e0d52{--width:100%;}.elementor-1590 .elementor-element.elementor-element-8dd5f9f{--width:38%;}.elementor-1590 .elementor-element.elementor-element-348f0e8{--width:24%;}.elementor-1590 .elementor-element.elementor-element-b6acd13{--width:60%;}.elementor-1590 .elementor-element.elementor-element-9e8ffee{--width:50%;}.elementor-1590 .elementor-element.elementor-element-d8a7dfd{--width:50%;}.elementor-1590 .elementor-element.elementor-element-cef545e{--width:50%;}.elementor-1590 .elementor-element.elementor-element-2501db3{--width:50%;}.elementor-1590 .elementor-element.elementor-element-8147983{--width:80%;}.elementor-1590 .elementor-element.elementor-element-7660db5{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1590 .elementor-element.elementor-element-b9e0d52{--width:100%;}.elementor-1590 .elementor-element.elementor-element-8dd5f9f{--width:42%;}.elementor-1590 .elementor-element.elementor-element-b6acd13{--width:100%;}.elementor-1590 .elementor-element.elementor-element-9e8ffee{--width:100%;}.elementor-1590 .elementor-element.elementor-element-d8a7dfd{--width:100%;}.elementor-1590 .elementor-element.elementor-element-cef545e{--width:100%;}.elementor-1590 .elementor-element.elementor-element-2501db3{--width:100%;}.elementor-1590 .elementor-element.elementor-element-1ce7ba4{--width:100%;}.elementor-1590 .elementor-element.elementor-element-8147983{--width:100%;}.elementor-1590 .elementor-element.elementor-element-7660db5{--width:100%;}}@media(max-width:767px){.elementor-1590 .elementor-element.elementor-element-ed90be3{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-1590 .elementor-element.elementor-element-b9e0d52{--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1590 .elementor-element.elementor-element-8dd5f9f{--width:38%;--border-radius:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-5a3bc14 img{height:120px;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-ca65853{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1590 .elementor-element.elementor-element-2720ded{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-2720ded .elementor-headline{font-size:35px;}.elementor-1590 .elementor-element.elementor-element-7a34376{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1590 .elementor-element.elementor-element-ffe7b02{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-1590 .elementor-element.elementor-element-d4ca51f .elementor-button{padding:15px 20px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-c5f5305{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}body:not(.rtl) .elementor-1590 .elementor-element.elementor-element-f1d04bf{right:3%;}body.rtl .elementor-1590 .elementor-element.elementor-element-f1d04bf{left:3%;}.elementor-1590 .elementor-element.elementor-element-f1d04bf{bottom:19%;z-index:90;}.elementor-1590 .elementor-element.elementor-element-f1d04bf .elementor-button{padding:12px 12px 12px 12px;}.elementor-1590 .elementor-element.elementor-element-03c8678{--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:5px 5px 5px 5px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1590 .elementor-element.elementor-element-03c8678.e-con{--align-self:center;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon{font-size:13px;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-title, .elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-title a{font-size:14px;}.elementor-1590 .elementor-element.elementor-element-186be7a .elementor-icon-box-description{font-size:12px;}.elementor-1590 .elementor-element.elementor-element-5f16ff3{--icon-size:17px;--grid-column-gap:3px;}.elementor-1590 .elementor-element.elementor-element-348f0e8{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:20px;--padding-right:20px;}.elementor-1590 .elementor-element.elementor-element-5f1e06b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-b6acd13{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1590 .elementor-element.elementor-element-88108ec{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-88108ec .elementor-headline{font-size:28px;line-height:1.5em;}.elementor-1590 .elementor-element.elementor-element-b20d000{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1590 .elementor-element.elementor-element-b2138f6 .elementor-button{padding:15px 20px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-629df50{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1590 .elementor-element.elementor-element-6daec5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-1590 .elementor-element.elementor-element-6daec5f.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1590 .elementor-element.elementor-element-ec73f71{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-eeafdba{--margin-top:15px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-eeafdba.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-f3297a0{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1590 .elementor-element.elementor-element-f3297a0.elementor-element{--order:99999 /* order end hack */;}.elementor-1590 .elementor-element.elementor-element-f3297a0 .elementor-heading-title{font-size:25px;line-height:1.3em;}.elementor-1590 .elementor-element.elementor-element-3c934a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-4385bab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-4385bab.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-dd18462{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-dd18462.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-9e8ffee{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-ed4d445{padding:25px 25px 25px 25px;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-img{margin-bottom:0px;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-title{font-size:24px;}.elementor-1590 .elementor-element.elementor-element-ed4d445 .elementor-image-box-description{font-size:15px;}.elementor-1590 .elementor-element.elementor-element-d8a7dfd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-d4020c1{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-d4020c1.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-d4020c1 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-1590 .elementor-element.elementor-element-b260997{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1590 .elementor-element.elementor-element-eebe0b2{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1590 .elementor-element.elementor-element-d651140{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-d651140.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-4c20dd8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-4c20dd8.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-cba27e4{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-cba27e4.e-con{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-cef545e{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1{padding:25px 25px 25px 25px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-img{margin-bottom:0px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-title{font-size:24px;}.elementor-1590 .elementor-element.elementor-element-e2f42f1 .elementor-image-box-description{font-size:15px;}.elementor-1590 .elementor-element.elementor-element-2501db3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-ba1803b{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-ba1803b.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-ba1803b .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-1590 .elementor-element.elementor-element-10f8aba{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1590 .elementor-element.elementor-element-34f432b{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-1590 .elementor-element.elementor-element-8a3ab6f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-8a3ab6f.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-18d1b2d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-18d1b2d.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-bd65dbc{--margin-top:50px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d.elementor-element{--order:99999 /* order end hack */;}.elementor-1590 .elementor-element.elementor-element-c2ebd0d .elementor-heading-title{font-size:25px;line-height:1.3em;}.elementor-1590 .elementor-element.elementor-element-7610e2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-3b8d718{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-1ce7ba4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-1ce7ba4.e-con{--order:99999 /* order end hack */;}.elementor-1590 .elementor-element.elementor-element-8147983{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1590 .elementor-element.elementor-element-4054a5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-1590 .elementor-element.elementor-element-4054a5f.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-a7d6863{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1590 .elementor-element.elementor-element-a7d6863.elementor-element{--order:-99999 /* order start hack */;}.elementor-1590 .elementor-element.elementor-element-a7d6863 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-1590 .elementor-element.elementor-element-6c38442{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1590 .elementor-element.elementor-element-a1ab020 .elementor-button{padding:15px 20px 15px 15px;}.elementor-1590 .elementor-element.elementor-element-7660db5{--margin-top:40px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1590 .elementor-element.elementor-element-c41b9b9{padding:0px 0px 0px 0px;}.elementor-1590 .elementor-element.elementor-element-c41b9b9 .swiper-wrapper{display:flex;align-items:center;}.elementor-1590 .elementor-element.elementor-element-eb0ef66{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-dd75ff6{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-42e8416{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-9d04637{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1590 .elementor-element.elementor-element-c651d64{--n-tabs-gap:30px;--n-tabs-title-border-radius:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-8dd5f9f */.project2{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project2 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project2{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

 .project2::before {
  content: '';
  position: absolute;

  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ca65853 *//* ========== STATUS BADGE ========== */
.status-badge9 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge9 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge9 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge9 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge9 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge9 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge9 .elementor-button:hover,
.status-badge9 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge9 {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 30px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge9 {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-2720ded */.gradient-text .elementor-headline-dynamic-text {
background-image: linear-gradient(
    90deg,
    #9B7909,
    #9E3A1B 55%,
    #9D1B1B
)!important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.elementor-headline-plain-text  {
    margin-bottom: -12px!important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7a34376 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d4ca51f */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c5f5305 */.btn-ls {
    --btn-color: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    --arrow-color: #fff;
    --btn-size: 48px;
}

.btn-ls .elementor-button {
    position: relative;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
    overflow: hidden;
}

.btn-ls .elementor-button-content-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--btn-size);
    padding-left: calc(var(--btn-size) + 15px);
    padding-right: 14px;
}

.btn-ls .elementor-button-content-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: var(--btn-size);
    height: var(--btn-size);
    left: 0;
    top: 0;
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    border-radius: 5px;
    transition: width 0.45s cubic-bezier(0.65, 0, 0.076, 1), background 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    z-index: 0;
}

.btn-ls .elementor-button-text {
    font-size: calc(var(--btn-size) / 3.4);
    position: relative;
    z-index: 2;
    margin-left: -3px!important;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.btn-ls .elementor-button-text:before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 30%;
    left: -47px;
    margin-top: -8px;
    background: url("https://lorenzosorce.com/wp-content/uploads/2026/08/download-button.png") center/contain no-repeat;
    transition: transform 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    z-index: 2;
}

.btn-ls .elementor-button-text:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 48%;
    left: -26px;
    margin-top: -4.99px;
    border-top: 2px solid var(--arrow-color);
    border-right: 2px solid var(--arrow-color);
    transform: rotate(45deg);
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    opacity: 0;
    z-index: 2;
}

.btn-ls .elementor-button:hover .elementor-button-content-wrapper:before {
    width: 100%;
}

.btn-ls .elementor-button:hover .elementor-button-text {
    color: #fff;
}

.btn-ls .elementor-button:hover .elementor-button-text:before {
    transform: translateX(0px);
}

.btn-ls .elementor-button:hover .elementor-button-text:after {
    transform: translateX(0) rotate(45deg);
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f1d04bf *//* Contenitore */
.back-btn {
    cursor: pointer !important;
    z-index: 90 !important;
}

/* Link Elementor: rimuove completamente lo sfondo */
.back-btn a {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Nasconde icona originale */
.back-btn a i,
.back-btn a svg,
.back-btn a .elementor-button-icon {
    display: none !important;
}

/* PNG custom */
.back-btn a::after {
    content: "";
    position: relative;
    display: block;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    min-height: 38px;
    background-image: url("https://lorenzosorce.com/wp-content/uploads/2026/07/back-to-top.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 90 !important;
}

/* Ripple hover */
.back-btn a:hover::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: rgba(252, 193, 7, 0.8);
    opacity: 0.3;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    animation: ripple 0.7s linear forwards;
    z-index: 1;
}

@keyframes ripple {
    to {
        width: 100px;
        height: 100px;
        opacity: 0;
    }
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-5f16ff3 *//* ========== SOCIAL ICONS ========== */
.social-icons .elementor-social-icon {
background: rgba(255, 255, 255, 0.03) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 5px !important;
position: relative;
overflow: hidden !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-icons .elementor-social-icon i,
.social-icons .elementor-social-icon svg {
color: rgba(255, 255, 255, 0.4) !important;
fill: rgba(255, 255, 255, 0.4) !important;
position: relative;
z-index: 2;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Gradiente scale reveal */
.social-icons .elementor-social-icon::before {
content: '';
position: absolute;
inset: 0;
border-radius: 5px;
background: linear-gradient(
90deg,
rgba(252, 193, 7, 0.6),
rgba(255, 87, 34, 0.6),
rgba(255, 36, 36, 0.6)
);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
transform: scale(0);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}

/* ========== HOVER ========== */
.social-icons .elementor-social-icon:hover {
border-color: rgba(255, 255, 255, 0.18) !important;
box-shadow:
0 10px 24px rgba(0, 0, 0, 0.18),
inset 0 0 0 1px rgba(255, 255, 255, 0.06);
transform: translateY(-2px);
}

.social-icons .elementor-social-icon:hover::before {
transform: scale(1);
}

.social-icons .elementor-social-icon:hover::after {
opacity: 1;
left: 120%;
}

.social-icons .elementor-social-icon:hover i,
.social-icons .elementor-social-icon:hover svg {
color: #fff !important;
fill: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03c8678 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 8px!important;
  z-index: 1;
  
}

 .project::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9e0d52 */.elementor-1590 .elementor-element.elementor-element-b9e0d52 {
    position: relative;
    border-radius: 15px !important;
    background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.04) 100%)!important;
    z-index: 0;
}

.elementor-1590 .elementor-element.elementor-element-b9e0d52::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1.5px;
    border-radius: inherit;
    background: linear-gradient(135deg,
        rgba(252, 193, 7, 0.4) 0%,
        rgba(255, 87, 34, 0.1) 30%,
        rgba(253, 253, 253, 0.04) 60%,
        rgba(255, 36, 36, 0.3) 100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-88108ec *//* ================================
   BLOCCA ANIMAZIONE TITOLO
   ================================ */

.gradient-text1 .elementor-headline-dynamic-text {
    background-image: linear-gradient(
        90deg,
        #9B7909,
        #9E3A1B 55%,
        #9D1B1B
    ) !important;

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important;

    /* Blocca qualsiasi animazione/transizione */
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Blocca l'animazione del contenitore Elementor */
.gradient-text1 .elementor-headline-dynamic-wrapper,
.gradient-text1 .elementor-headline-dynamic-text {
    animation: none !important;
    transition: none !important;
}

/* Testo statico */
.elementor-headline-plain-text {
    margin-bottom: -12px !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b20d000 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b2138f6 */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-629df50 *//* ========== STATUS BADGE ========== */
.status-badge4 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge4 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge4 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge4 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge4 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge4 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge4 .elementor-button:hover,
.status-badge4 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge4 {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 35px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge4 {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6acd13 */.project1{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project1 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project1{
  position: relative;
  border-radius: 8px!important;
  z-index: 1;
  
}

 .project1::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

 .project1 {
    position: relative;
}

 .project1 .back-view {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 0;
    opacity: 0.02;
}

.project1  .back-view img {
    width: 100%;
    height: 100%;
    object-fit: cover!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c934a3 *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ed4d445 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b260997 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eebe0b2 *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e2f42f1 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-10f8aba */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-34f432b *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7610e2f *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4054a5f *//* ========== STATUS BADGE ========== */
.status-badge .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge .elementor-button:hover,
.status-badge .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 30px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6c38442 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a1ab020 */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8147983 */.project1{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project1 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project1{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

 .project1::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c41b9b9 *//* === CAROSELLO PRO === */

.carousel-pro {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.carousel-pro .swiper,
.carousel-pro .swiper-container {
  height: 327px !important;
  overflow: hidden !important;
}

.carousel-pro .swiper-wrapper {
  transition-timing-function: linear !important;
}

.carousel-pro .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: grayscale(50%) brightness(0.85);
  transform: scale(1) !important;
  overflow: visible !important;
  height: 50% !important;
  width: 100% !important;
}

.carousel-pro .swiper-slide figure,
.carousel-pro .swiper-slide .swiper-slide-inner {
  width: 90% !important;
  height: 90% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.carousel-pro .swiper-slide img,
.carousel-pro .swiper-slide .swiper-slide-image {
  width: 90% !important;
  height: 90% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block;
  border-radius: 62px;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.carousel-pro .swiper-slide:hover {
  opacity: 0.85;
}

/* Fade verticale DESKTOP */
.carousel-pro::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

.carousel-pro::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

/* ========== TABLET (768–1024px): ORIZZONTALE ========== */
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 200px !important; /* slider più basso su tablet */
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    width: 90% !important;   /* invece di 130% */
    height: 90% !important;  /* invece di 130% */
    max-height: 170px !important; /* immagini più piccole su tablet */
    object-fit: contain !important;
    border-radius: 15px;
  }

  /* Fade LATERALE (orizzontale) su tablet */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 160px !important;
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    max-height: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 13px;
  }

  /* Fade laterale mobile */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec73f71 */.elementor-1590 .elementor-element.elementor-element-ec73f71{
    margin-top: -20px!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c934a3 *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ed4d445 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b260997 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eebe0b2 *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e2f42f1 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-10f8aba */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-34f432b *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7610e2f *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4054a5f *//* ========== STATUS BADGE ========== */
.status-badge .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge .elementor-button:hover,
.status-badge .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 30px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6c38442 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a1ab020 */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8147983 */.project1{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project1 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project1{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

 .project1::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c41b9b9 *//* === CAROSELLO PRO === */

.carousel-pro {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.carousel-pro .swiper,
.carousel-pro .swiper-container {
  height: 327px !important;
  overflow: hidden !important;
}

.carousel-pro .swiper-wrapper {
  transition-timing-function: linear !important;
}

.carousel-pro .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: grayscale(50%) brightness(0.85);
  transform: scale(1) !important;
  overflow: visible !important;
  height: 50% !important;
  width: 100% !important;
}

.carousel-pro .swiper-slide figure,
.carousel-pro .swiper-slide .swiper-slide-inner {
  width: 90% !important;
  height: 90% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.carousel-pro .swiper-slide img,
.carousel-pro .swiper-slide .swiper-slide-image {
  width: 90% !important;
  height: 90% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block;
  border-radius: 62px;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.carousel-pro .swiper-slide:hover {
  opacity: 0.85;
}

/* Fade verticale DESKTOP */
.carousel-pro::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

.carousel-pro::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

/* ========== TABLET (768–1024px): ORIZZONTALE ========== */
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 200px !important; /* slider più basso su tablet */
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    width: 90% !important;   /* invece di 130% */
    height: 90% !important;  /* invece di 130% */
    max-height: 170px !important; /* immagini più piccole su tablet */
    object-fit: contain !important;
    border-radius: 15px;
  }

  /* Fade LATERALE (orizzontale) su tablet */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 160px !important;
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    max-height: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 13px;
  }

  /* Fade laterale mobile */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec73f71 */.elementor-1590 .elementor-element.elementor-element-ec73f71{
    margin-top: -20px!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c934a3 *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ed4d445 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b260997 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eebe0b2 *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e2f42f1 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-10f8aba */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-34f432b *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7610e2f *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4054a5f *//* ========== STATUS BADGE ========== */
.status-badge .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge .elementor-button:hover,
.status-badge .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 30px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6c38442 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a1ab020 */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8147983 */.project1{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project1 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project1{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

 .project1::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c41b9b9 *//* === CAROSELLO PRO === */

.carousel-pro {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.carousel-pro .swiper,
.carousel-pro .swiper-container {
  height: 327px !important;
  overflow: hidden !important;
}

.carousel-pro .swiper-wrapper {
  transition-timing-function: linear !important;
}

.carousel-pro .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: grayscale(50%) brightness(0.85);
  transform: scale(1) !important;
  overflow: visible !important;
  height: 50% !important;
  width: 100% !important;
}

.carousel-pro .swiper-slide figure,
.carousel-pro .swiper-slide .swiper-slide-inner {
  width: 90% !important;
  height: 90% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.carousel-pro .swiper-slide img,
.carousel-pro .swiper-slide .swiper-slide-image {
  width: 90% !important;
  height: 90% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block;
  border-radius: 62px;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.carousel-pro .swiper-slide:hover {
  opacity: 0.85;
}

/* Fade verticale DESKTOP */
.carousel-pro::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

.carousel-pro::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

/* ========== TABLET (768–1024px): ORIZZONTALE ========== */
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 200px !important; /* slider più basso su tablet */
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    width: 90% !important;   /* invece di 130% */
    height: 90% !important;  /* invece di 130% */
    max-height: 170px !important; /* immagini più piccole su tablet */
    object-fit: contain !important;
    border-radius: 15px;
  }

  /* Fade LATERALE (orizzontale) su tablet */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 160px !important;
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    max-height: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 13px;
  }

  /* Fade laterale mobile */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec73f71 */.elementor-1590 .elementor-element.elementor-element-ec73f71{
    margin-top: -20px!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c934a3 *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ed4d445 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b260997 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eebe0b2 *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e2f42f1 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-10f8aba */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-34f432b *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7610e2f *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4054a5f *//* ========== STATUS BADGE ========== */
.status-badge .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge .elementor-button:hover,
.status-badge .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 30px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6c38442 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a1ab020 */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8147983 */.project1{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project1 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project1{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

 .project1::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c41b9b9 *//* === CAROSELLO PRO === */

.carousel-pro {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.carousel-pro .swiper,
.carousel-pro .swiper-container {
  height: 327px !important;
  overflow: hidden !important;
}

.carousel-pro .swiper-wrapper {
  transition-timing-function: linear !important;
}

.carousel-pro .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: grayscale(50%) brightness(0.85);
  transform: scale(1) !important;
  overflow: visible !important;
  height: 50% !important;
  width: 100% !important;
}

.carousel-pro .swiper-slide figure,
.carousel-pro .swiper-slide .swiper-slide-inner {
  width: 90% !important;
  height: 90% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.carousel-pro .swiper-slide img,
.carousel-pro .swiper-slide .swiper-slide-image {
  width: 90% !important;
  height: 90% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block;
  border-radius: 62px;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.carousel-pro .swiper-slide:hover {
  opacity: 0.85;
}

/* Fade verticale DESKTOP */
.carousel-pro::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

.carousel-pro::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

/* ========== TABLET (768–1024px): ORIZZONTALE ========== */
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 200px !important; /* slider più basso su tablet */
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    width: 90% !important;   /* invece di 130% */
    height: 90% !important;  /* invece di 130% */
    max-height: 170px !important; /* immagini più piccole su tablet */
    object-fit: contain !important;
    border-radius: 15px;
  }

  /* Fade LATERALE (orizzontale) su tablet */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 160px !important;
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    max-height: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 13px;
  }

  /* Fade laterale mobile */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec73f71 */.elementor-1590 .elementor-element.elementor-element-ec73f71{
    margin-top: -20px!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c934a3 *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ed4d445 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b260997 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eebe0b2 *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e2f42f1 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-10f8aba */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-34f432b *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7610e2f *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4054a5f *//* ========== STATUS BADGE ========== */
.status-badge .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge .elementor-button:hover,
.status-badge .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 30px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6c38442 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a1ab020 */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8147983 */.project1{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project1 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project1{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

 .project1::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c41b9b9 *//* === CAROSELLO PRO === */

.carousel-pro {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.carousel-pro .swiper,
.carousel-pro .swiper-container {
  height: 327px !important;
  overflow: hidden !important;
}

.carousel-pro .swiper-wrapper {
  transition-timing-function: linear !important;
}

.carousel-pro .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: grayscale(50%) brightness(0.85);
  transform: scale(1) !important;
  overflow: visible !important;
  height: 50% !important;
  width: 100% !important;
}

.carousel-pro .swiper-slide figure,
.carousel-pro .swiper-slide .swiper-slide-inner {
  width: 90% !important;
  height: 90% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.carousel-pro .swiper-slide img,
.carousel-pro .swiper-slide .swiper-slide-image {
  width: 90% !important;
  height: 90% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block;
  border-radius: 62px;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.carousel-pro .swiper-slide:hover {
  opacity: 0.85;
}

/* Fade verticale DESKTOP */
.carousel-pro::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

.carousel-pro::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

/* ========== TABLET (768–1024px): ORIZZONTALE ========== */
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 200px !important; /* slider più basso su tablet */
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    width: 90% !important;   /* invece di 130% */
    height: 90% !important;  /* invece di 130% */
    max-height: 170px !important; /* immagini più piccole su tablet */
    object-fit: contain !important;
    border-radius: 15px;
  }

  /* Fade LATERALE (orizzontale) su tablet */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 160px !important;
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    max-height: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 13px;
  }

  /* Fade laterale mobile */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec73f71 */.elementor-1590 .elementor-element.elementor-element-ec73f71{
    margin-top: -20px!important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c934a3 *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ed4d445 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b260997 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eebe0b2 *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e2f42f1 */.project{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.015) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 0px solid rgba(255, 255, 255, 0.08)!important;
 }
.project {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

.project::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}

.project-sec {
    max-height: 449px;
    overflow-y: auto;
}

.project3-sec::-webkit-scrollbar {
    display: none; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-10f8aba */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-34f432b *//* ========== STATUS BADGE ========== */
.status-badge6 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    margin-top: -5px!important;
}

/* Luce interna soft */
.status-badge6 .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge6 .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge6 .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge6 .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge6 .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge6 .elementor-button:hover,
.status-badge6 .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge6 {
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7610e2f *//* ========== STATUS BADGE ========== */
.status-badge8 .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge8  .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge8  .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge8  .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge8  .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge8  .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge8  .elementor-button:hover,
.status-badge8  .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
   .status-badge8  {
        top: 0!important;
        right: 0;
        margin-right: 0px!important;
        margin-top: 5px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
   .status-badge8 {
        top: 0;
        right: 0;
        margin-right: 0px!important;
        margin-top: 0px!important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4054a5f *//* ========== STATUS BADGE ========== */
.status-badge .elementor-button {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.14), rgba(255, 87, 34, 0.01)) padding-box,
      linear-gradient(135deg, rgba(255, 180, 90, 0.20), rgba(255, 120, 60, 0.20)) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 500px !important;
    padding-right: 14px!important;
    padding: 10px 15px 10px 44px!important;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.03),
      0 8px 20px rgba(0,0,0,0.20),
      0 0 14px rgba(255,140,40,0.08) !important;
    transition: all 0.3s ease;
    cursor: default;
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
}

/* Luce interna soft */
.status-badge .elementor-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.01));
    pointer-events: none;
    z-index: 0;
}

/* Pallino sinistro con gradiente del sito */
.status-badge .elementor-button::after {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(60deg, #FCC107, #FF5722, #FF2424);
    box-shadow:
      0 0 8px rgba(255, 87, 34, 0.35),
      0 0 14px rgba(252, 193, 7, 0.18);
    animation: statusPulse 2s ease-in-out infinite;
    z-index: 2;
}

/* Testo */
.status-badge .elementor-button-text {
    color: #fff3e1 !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    position: relative;
    z-index: 2;
    margin-left: -11px;
}

/* Nascondi icona */
.status-badge .elementor-button-icon {
    display: none !important;
}

/* Hover: bordo arancione esplicito */
.status-badge .elementor-button:hover {
    background:
      linear-gradient(135deg, rgba(255, 193, 7, 0.18), rgba(255, 87, 34, 0.08)) padding-box,
      linear-gradient(135deg, rgba(255, 145, 60, 0.42), rgba(255, 87, 34, 0.38)) border-box !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.04),
      0 10px 24px rgba(0,0,0,0.24),
      0 0 18px rgba(255,140,40,0.10) !important;
}

/* Forza il bordo hover arancione anche se Elementor sovrascrive */
.status-badge .elementor-button:hover,
.status-badge .elementor-button:hover::before {
    border-color: transparent !important;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 8px rgba(255, 87, 34, 0.35),
          0 0 14px rgba(252, 193, 7, 0.18);
    }
    50% {
        opacity: 0.7;
        transform: translateY(-50%) scale(1);
        box-shadow:
          0 0 12px rgba(255, 87, 34, 0.55),
          0 0 18px rgba(252, 193, 7, 0.26);
    }
}
/* Desktop */
@media (min-width: 1025px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 30px!important;
        margin-top: 29px!important;
    }
}

/* Tablet e Mobile */
@media (max-width: 1024px) {
    .status-badge {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 20px!important;
        margin-top: 30px!important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6c38442 */.robot-inline-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-right: 5px;
    object-fit: contain;
    vertical-align: -0.12em;
    transform-origin: 70% 70%;
    animation: robot-wave 2.4s ease-in-out infinite;
}

@keyframes robot-wave {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(10deg); }
    20%  { transform: rotate(-7deg); }
    30%  { transform: rotate(10deg); }
    40%  { transform: rotate(-4deg); }
    50%  { transform: rotate(6deg); }
    60%  { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a1ab020 */.button-morph .elementor-button {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px !important;
    border-radius: 5px;
    padding-left: 14px!important;
    
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.5),
        rgba(255, 87, 34, 0.5),
        rgba(255, 36, 36, 0.5)
    )!important;
    color: #fff !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.00);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.button-morph .elementor-button:hover {
    transform: translateY(0px);
    border-color: rgba(255, 255, 255, 0.26);
    background: linear-gradient(
        90deg,
        rgba(252, 193, 7, 0.4),
        rgba(255, 87, 34, 0.34),
        rgba(255, 36, 36, 0.34)
    );
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.0),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    filter: saturate(1.08);
}

.button-morph .elementor-button:active {
    transform: translateY(0);
}

.button-morph .elementor-button .elementor-button-text {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button-morph .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.04));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.button-morph .elementor-button::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -25%;
    width: 50%;
    height: 180%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transform: rotate(18deg);
    opacity: 0;
    transition: opacity 0.3s ease, left 0.45s ease;
    pointer-events: none;
}

.button-morph .elementor-button:hover::after {
    opacity: 1;
    left: 120%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8147983 */.project1{ background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.03) 100%);
 border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }
.project1 {
   box-shadow: 0px 16px 24px -13px rgba(0, 0, 0, 0.5), 0px 2.15px 0.5px -2px rgba(0, 0, 0, 0.25), 0px 5px 1.5px -4px rgba(8, 8, 8, 0.2), 0px 6px 4px -4px rgba(8, 8, 8, 0.16), 0px 6px 13px rgba(8, 8, 8, 0.12), 0px 24px 24px -16px rgba(8, 8, 8, 0.08), inset 2px 4px 16px rgba(253, 253, 253, 0.05);
}
    
.project1{
  position: relative;
  border-radius: 10px!important;
  z-index: 1;
  
}

 .project1::before {
  content: '';
  position: absolute;

  border-radius: 5px!important;
  background: linear-gradient(
    -90deg,
    rgba(253, 253, 253, 0.4) 0%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.01) 0.01%,
    rgba(253, 253, 253, 0.1) 10%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-c41b9b9 *//* === CAROSELLO PRO === */

.carousel-pro {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.carousel-pro .swiper,
.carousel-pro .swiper-container {
  height: 327px !important;
  overflow: hidden !important;
}

.carousel-pro .swiper-wrapper {
  transition-timing-function: linear !important;
}

.carousel-pro .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  filter: grayscale(50%) brightness(0.85);
  transform: scale(1) !important;
  overflow: visible !important;
  height: 50% !important;
  width: 100% !important;
}

.carousel-pro .swiper-slide figure,
.carousel-pro .swiper-slide .swiper-slide-inner {
  width: 90% !important;
  height: 90% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.carousel-pro .swiper-slide img,
.carousel-pro .swiper-slide .swiper-slide-image {
  width: 90% !important;
  height: 90% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block;
  border-radius: 62px;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.carousel-pro .swiper-slide:hover {
  opacity: 0.85;
}

/* Fade verticale DESKTOP */
.carousel-pro::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  background: linear-gradient(to bottom, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

.carousel-pro::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(to top, rgba(5, 6, 8, 0.92), transparent);
  z-index: 2;
  pointer-events: none;
}

/* ========== TABLET (768–1024px): ORIZZONTALE ========== */
@media (min-width: 768px) and (max-width: 1024px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 200px !important; /* slider più basso su tablet */
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    width: 90% !important;   /* invece di 130% */
    height: 90% !important;  /* invece di 130% */
    max-height: 170px !important; /* immagini più piccole su tablet */
    object-fit: contain !important;
    border-radius: 15px;
  }

  /* Fade LATERALE (orizzontale) su tablet */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .carousel-pro .swiper,
  .carousel-pro .swiper-container {
    height: 160px !important;
    overflow: hidden !important;
  }

  .carousel-pro .swiper-slide {
    height: auto !important;
    width: auto !important;
  }

  .carousel-pro .swiper-slide img,
  .carousel-pro .swiper-slide .swiper-slide-image {
    max-height: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 13px;
  }

  /* Fade laterale mobile */
  .carousel-pro::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: auto;
    background: linear-gradient(to right, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }

  .carousel-pro::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 60px;
    height: auto;
    background: linear-gradient(to left, rgba(5, 6, 8, 0.92), transparent);
    z-index: 2;
    pointer-events: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec73f71 */.elementor-1590 .elementor-element.elementor-element-ec73f71{
    margin-top: -20px!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-348f0e8 */.elementor-1590 .elementor-element.elementor-element-348f0e8{
    background: linear-gradient(180deg, rgba(253, 253, 253, 0.0) 0%, rgba(253, 253, 253, 0.04) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08)!important;
 }/* End custom CSS */