.elementor-2066 .elementor-element.elementor-element-4072474{--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-2066 .elementor-element.elementor-element-21aef34 .elementor-wrapper{--video-aspect-ratio:2.33333;}.elementor-2066 .elementor-element.elementor-element-c045717{--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;--overflow:hidden;--padding-top:5rem;--padding-bottom:5rem;--padding-left:4rem;--padding-right:4rem;}.elementor-2066 .elementor-element.elementor-element-c045717:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-c045717 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2066 .elementor-element.elementor-element-35bdaae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-47ca2b4{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;z-index:2;}.elementor-2066 .elementor-element.elementor-element-47ca2b4 .wcf--title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:49px;font-weight:600;line-height:56px;mix-blend-mode:lighten;}.elementor-2066 .elementor-element.elementor-element-47ca2b4 .wcf--title .highlight{color:#f00000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2066 .elementor-element.elementor-element-ebd7fc9{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-text, .elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-icon{background-color:#FFD618;border-style:none;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .aae--btn-pro{flex-direction:row;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-text{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-c5f8376 .btn-text-flip span, .elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-text{color:#000000;fill:#000000;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-icon{color:#000000;fill:#000000;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .style-4 .aae--btn-pro strong{background-color:#000000;}.elementor-2066 .elementor-element.elementor-element-b7bd1d7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2066 .elementor-element.elementor-element-20f6712{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;border-style:none;}.elementor-2066 .elementor-element.elementor-element-20f6712 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E521485C;}.elementor-2066 .elementor-element.elementor-element-8a3369a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--overflow:hidden;--padding-top:5rem;--padding-bottom:5rem;--padding-left:4rem;--padding-right:4rem;}.elementor-2066 .elementor-element.elementor-element-8a3369a:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-8a3369a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #352F00 100%);}.elementor-2066 .elementor-element.elementor-element-257c8df{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2066 .elementor-element.elementor-element-3f31f42{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;z-index:2;}.elementor-2066 .elementor-element.elementor-element-3f31f42 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:49px;font-weight:600;line-height:56px;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-e809f10{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-52b89e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-e187499{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-element{--align-self:flex-start;}.elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-stacked .elementor-icon{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-default .elementor-icon{color:#FFD618;border-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-default .elementor-icon svg{fill:#FFD618;}.elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-stacked .elementor-icon:hover{background-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-default .elementor-icon:hover{color:#E52148;border-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-393a5c6.elementor-view-default .elementor-icon:hover svg{fill:#E52148;}.elementor-2066 .elementor-element.elementor-element-393a5c6 .elementor-icon{font-size:30px;padding:10px;border-width:1px 1px 1px 1px;}.elementor-2066 .elementor-element.elementor-element-393a5c6 .elementor-icon svg{height:30px;}.elementor-2066 .elementor-element.elementor-element-a3536bd{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;z-index:2;}.elementor-2066 .elementor-element.elementor-element-a3536bd .wcf--title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;line-height:1px;}.elementor-2066 .elementor-element.elementor-element-a3536bd .wcf--title .highlight{color:#f00000;}.elementor-2066 .elementor-element.elementor-element-869da93 .aae--btn-pro{flex-direction:row;}.elementor-2066 .elementor-element.elementor-element-869da93 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-869da93 .g-btn-text{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:0px;}.elementor-2066 .elementor-element.elementor-element-869da93 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-869da93 .btn-text-flip span, .elementor-2066 .elementor-element.elementor-element-869da93 .g-btn-text{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-869da93 .g-btn-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-869da93 .style-4 .aae--btn-pro strong{background-color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-7e9521a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-element{--align-self:flex-start;}.elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-stacked .elementor-icon{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-default .elementor-icon{color:#FFD618;border-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-default .elementor-icon svg{fill:#FFD618;}.elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-stacked .elementor-icon:hover{background-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-default .elementor-icon:hover{color:#E52148;border-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-bed88c8.elementor-view-default .elementor-icon:hover svg{fill:#E52148;}.elementor-2066 .elementor-element.elementor-element-bed88c8 .elementor-icon{font-size:30px;padding:10px;border-width:1px 1px 1px 1px;}.elementor-2066 .elementor-element.elementor-element-bed88c8 .elementor-icon svg{height:30px;}.elementor-2066 .elementor-element.elementor-element-c65ad40{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;z-index:2;}.elementor-2066 .elementor-element.elementor-element-c65ad40 .wcf--title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;line-height:1px;}.elementor-2066 .elementor-element.elementor-element-c65ad40 .wcf--title .highlight{color:#f00000;}.elementor-2066 .elementor-element.elementor-element-cda0136 .aae--btn-pro{flex-direction:row;}.elementor-2066 .elementor-element.elementor-element-cda0136 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-cda0136 .g-btn-text{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:0px;}.elementor-2066 .elementor-element.elementor-element-cda0136 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-cda0136 .btn-text-flip span, .elementor-2066 .elementor-element.elementor-element-cda0136 .g-btn-text{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-cda0136 .g-btn-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-cda0136 .style-4 .aae--btn-pro strong{background-color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-c071ac8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2066 .elementor-element.elementor-element-2491bec.elementor-element{--align-self:flex-start;}.elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-stacked .elementor-icon{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-default .elementor-icon{color:#FFD618;border-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-default .elementor-icon svg{fill:#FFD618;}.elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-stacked .elementor-icon:hover{background-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-default .elementor-icon:hover{color:#E52148;border-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-2491bec.elementor-view-default .elementor-icon:hover svg{fill:#E52148;}.elementor-2066 .elementor-element.elementor-element-2491bec .elementor-icon{font-size:30px;padding:10px;border-width:1px 1px 1px 1px;}.elementor-2066 .elementor-element.elementor-element-2491bec .elementor-icon svg{height:30px;}.elementor-2066 .elementor-element.elementor-element-8dab9ed{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;z-index:2;}.elementor-2066 .elementor-element.elementor-element-8dab9ed .wcf--title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;line-height:1px;}.elementor-2066 .elementor-element.elementor-element-8dab9ed .wcf--title .highlight{color:#f00000;}.elementor-2066 .elementor-element.elementor-element-ff9f62a .aae--btn-pro{flex-direction:row;}.elementor-2066 .elementor-element.elementor-element-ff9f62a .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-ff9f62a .g-btn-text{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:0px;}.elementor-2066 .elementor-element.elementor-element-ff9f62a .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-ff9f62a .btn-text-flip span, .elementor-2066 .elementor-element.elementor-element-ff9f62a .g-btn-text{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-ff9f62a .g-btn-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-ff9f62a .style-4 .aae--btn-pro strong{background-color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-87f857a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2066 .elementor-element.elementor-element-30727c9.elementor-element{--align-self:flex-start;}.elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-stacked .elementor-icon{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-default .elementor-icon{color:#FFD618;border-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-framed .elementor-icon, .elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-default .elementor-icon svg{fill:#FFD618;}.elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-stacked .elementor-icon:hover{background-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-default .elementor-icon:hover{color:#E52148;border-color:#E52148;}.elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-framed .elementor-icon:hover, .elementor-2066 .elementor-element.elementor-element-30727c9.elementor-view-default .elementor-icon:hover svg{fill:#E52148;}.elementor-2066 .elementor-element.elementor-element-30727c9 .elementor-icon{font-size:30px;padding:10px;border-width:1px 1px 1px 1px;}.elementor-2066 .elementor-element.elementor-element-30727c9 .elementor-icon svg{height:30px;}.elementor-2066 .elementor-element.elementor-element-6a9ae9b{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;z-index:2;}.elementor-2066 .elementor-element.elementor-element-6a9ae9b .wcf--title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;line-height:1px;}.elementor-2066 .elementor-element.elementor-element-6a9ae9b .wcf--title .highlight{color:#f00000;}.elementor-2066 .elementor-element.elementor-element-f183c95 .aae--btn-pro{flex-direction:row;}.elementor-2066 .elementor-element.elementor-element-f183c95 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-f183c95 .g-btn-text{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;line-height:0px;}.elementor-2066 .elementor-element.elementor-element-f183c95 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-f183c95 .btn-text-flip span, .elementor-2066 .elementor-element.elementor-element-f183c95 .g-btn-text{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-f183c95 .g-btn-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-f183c95 .style-4 .aae--btn-pro strong{background-color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-0ece7f3{--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;--overflow:hidden;--padding-top:5rem;--padding-bottom:5rem;--padding-left:4rem;--padding-right:4rem;}.elementor-2066 .elementor-element.elementor-element-0ece7f3:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-0ece7f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2066 .elementor-element.elementor-element-ef1723a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-3e374da{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;z-index:2;text-align:start;}.elementor-2066 .elementor-element.elementor-element-3e374da .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:49px;font-weight:600;line-height:56px;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-f56b354{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e{--slides-to-show:auto;--space-between:20px;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .quote{border-inline-end-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .quote:before, .elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .quote:after{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1{border-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .wcf-arrow-next{border-top-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .wcf-arrow-next:before{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .main-title{border-inline-end-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .main-title:before, .elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .main-title:after{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .wcf__slider{border-inline-end-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .ts-navigation::after, .elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf__testimonial-3.style-1 .ts-navigation::before{background-color:#FFD618;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf-arrow.wcf-arrow-prev, .elementor-2066 .elementor-element.elementor-element-0bc9b1e .wcf-arrow.wcf-arrow-next{font-size:30px;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .title{color:#505050AD;font-family:"Inter", Sans-serif;font-size:40px;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .slide{padding:30px 30px 30px 30px;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .feedback{color:#CACACA;font-family:"Inter", Sans-serif;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .name{color:#999999;font-family:"Inter", Sans-serif;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .designation{color:#A0A0A0;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .elementor-icon i{color:#E52148;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .elementor-icon svg{fill:#E52148;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-2066 .elementor-element.elementor-element-c045717{--gap:0rem 2rem;--row-gap:0rem;--column-gap:2rem;}.elementor-2066 .elementor-element.elementor-element-47ca2b4{z-index:2;}.elementor-2066 .elementor-element.elementor-element-b7bd1d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-8a3369a{--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--padding-top:5rem;--padding-bottom:5rem;--padding-left:4rem;--padding-right:4rem;}.elementor-2066 .elementor-element.elementor-element-3f31f42{z-index:2;}.elementor-2066 .elementor-element.elementor-element-a3536bd{z-index:2;}.elementor-2066 .elementor-element.elementor-element-c65ad40{z-index:2;}.elementor-2066 .elementor-element.elementor-element-8dab9ed{z-index:2;}.elementor-2066 .elementor-element.elementor-element-6a9ae9b{z-index:2;}.elementor-2066 .elementor-element.elementor-element-0ece7f3{--gap:169.2rem 2rem;--row-gap:169.2rem;--column-gap:2rem;}.elementor-2066 .elementor-element.elementor-element-ef1723a{--gap:50px 0px;--row-gap:50px;--column-gap:0px;}.elementor-2066 .elementor-element.elementor-element-3e374da{z-index:2;}}@media(max-width:1200px){.elementor-2066 .elementor-element.elementor-element-35bdaae{--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;}.elementor-2066 .elementor-element.elementor-element-47ca2b4{z-index:2;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-text{font-size:16px;}.elementor-2066 .elementor-element.elementor-element-b7bd1d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-3f31f42{z-index:2;}.elementor-2066 .elementor-element.elementor-element-a3536bd{z-index:2;}.elementor-2066 .elementor-element.elementor-element-c65ad40{z-index:2;}.elementor-2066 .elementor-element.elementor-element-8dab9ed{z-index:2;}.elementor-2066 .elementor-element.elementor-element-6a9ae9b{z-index:2;}.elementor-2066 .elementor-element.elementor-element-3e374da{z-index:2;}}@media(max-width:1024px){.elementor-2066 .elementor-element.elementor-element-47ca2b4 .wcf--title{font-size:35px;line-height:1.4em;}.elementor-2066 .elementor-element.elementor-element-3f31f42 .elementor-heading-title{font-size:35px;line-height:1.4em;}.elementor-2066 .elementor-element.elementor-element-a3536bd .wcf--title{font-size:18px;line-height:1.4em;}.elementor-2066 .elementor-element.elementor-element-c65ad40 .wcf--title{font-size:18px;line-height:1.4em;}.elementor-2066 .elementor-element.elementor-element-8dab9ed .wcf--title{font-size:18px;line-height:1.4em;}.elementor-2066 .elementor-element.elementor-element-6a9ae9b .wcf--title{font-size:18px;line-height:1.4em;}.elementor-2066 .elementor-element.elementor-element-3e374da .elementor-heading-title{font-size:35px;line-height:1.4em;}}@media(max-width:767px){.elementor-2066 .elementor-element.elementor-element-4072474{--padding-top:86px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-c045717{--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-2066 .elementor-element.elementor-element-8a3369a{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-2066 .elementor-element.elementor-element-0ece7f3{--gap:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .title{font-size:24px;}}@media(min-width:768px){.elementor-2066 .elementor-element.elementor-element-c045717{--content-width:1440px;}.elementor-2066 .elementor-element.elementor-element-35bdaae{--width:50%;}.elementor-2066 .elementor-element.elementor-element-b7bd1d7{--width:50%;}.elementor-2066 .elementor-element.elementor-element-8a3369a{--content-width:1140px;}.elementor-2066 .elementor-element.elementor-element-257c8df{--width:100%;}.elementor-2066 .elementor-element.elementor-element-52b89e9{--width:100%;}.elementor-2066 .elementor-element.elementor-element-e187499{--width:25%;}.elementor-2066 .elementor-element.elementor-element-7e9521a{--width:25%;}.elementor-2066 .elementor-element.elementor-element-c071ac8{--width:25%;}.elementor-2066 .elementor-element.elementor-element-87f857a{--width:25%;}.elementor-2066 .elementor-element.elementor-element-ef1723a{--width:100%;}}@media(min-width:2400px){.elementor-2066 .elementor-element.elementor-element-c045717{--content-width:1440px;}.elementor-2066 .elementor-element.elementor-element-ebd7fc9{font-size:18px;}.elementor-2066 .elementor-element.elementor-element-c5f8376 .aae--btn-pro, .elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-text, .elementor-2066 .elementor-element.elementor-element-c5f8376 .g-btn-icon, .elementor-2066 .elementor-element.elementor-element-c5f8376 .aae--btn-pro::after{border-radius:10px 10px 10px 10px;}.elementor-2066 .elementor-element.elementor-element-b7bd1d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2066 .elementor-element.elementor-element-8a3369a{--content-width:1440px;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;}.elementor-2066 .elementor-element.elementor-element-e809f10{font-size:18px;}.elementor-2066 .elementor-element.elementor-element-0ece7f3{--content-width:1440px;}.elementor-2066 .elementor-element.elementor-element-ef1723a{--gap:050px 0px;--row-gap:050px;--column-gap:0px;}.elementor-2066 .elementor-element.elementor-element-f56b354{font-size:18px;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .title{line-height:47px;}.elementor-2066 .elementor-element.elementor-element-0bc9b1e .feedback{font-size:18px;}}/* Start custom CSS for wcf--title, class: .elementor-element-47ca2b4 */.accent{
  color: #f6c400; /* giallo */
}/* End custom CSS */
/* Start custom CSS for aae--advanced-button, class: .elementor-element-c5f8376 */.style-4 .aae--btn-pro span {
  position: absolute;
  width: 0;
  height: 0;
  background: #e52148;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  transition: all .5s ease;
  z-index: -1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c045717 *//* =========================
   HERO TECH (COMPLETO)
   livelli:
   0 = griglia
   1 = quadrati
   5 = contenuto
   ========================= */

/* HERO wrapper */
.hero-tech{
  position: relative;
  isolation: isolate;  /* blocca stacking esterni (frontend+editor) */
  overflow: hidden;
  background:#000;
}

/* GRIGLIA */
.hero-tech::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;

  background-image:
    linear-gradient(rgba(160, 0, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 0, 255, 0.12) 1px, transparent 1px);

  background-size: 40px 40px;
  background-position: -1px -1px;
}

/* CONTENUTO sopra (tutto tranne i widget-quadrato) */
.hero-tech .elementor-widget:not(.hero-square){
  position: relative;
  z-index: 5;
}

/* QUADRATI (sono widget HTML con classi) */
.hero-tech .hero-square{
  position: absolute;
  pointer-events: none;
  z-index: 1;          /* tra griglia e contenuto */
  will-change: transform, opacity;
}

/* =========================
   QUADRATO SINISTRO (outline)
   ========================= */
.hero-tech .hero-square-left{
  /* POSIZIONE DESKTOP (default) */
  left:70%;
  top: 8%;

  width: 120px;
  height: 120px;

  border: 1px solid rgba(229,33,72,0.50);
  background: transparent;

  transform: rotate(-40deg);
  animation: floatLeft 10s ease-in-out infinite;
}

/* =========================
   QUADRATO DESTRO (pieno)
   scende 200px e torna su lentamente, ruotando
   ========================= */
.hero-tech .hero-square-right{
  /* POSIZIONE DESKTOP (default) */
  right: 10%;
  top: 45%; /* usa top per “alzarlo” facilmente */

  width: 160px;
  height: 160px;

  border: 1px solid rgba(229,33,72,0.50);
  background: rgba(229,33,72,0.10);
  box-shadow: 0 0 32px rgba(229,33,72,0.22);

  transform: translateY(0) rotate(10deg);
  transform-origin: center;

  animation: fallReturnSpin 26s cubic-bezier(.45,.05,.2,1) infinite;
}

/* =========================
   ANIMAZIONI
   ========================= */
@keyframes floatLeft{
  0%   { transform: translateY(0) rotate(-40deg); }
  50%  { transform: translateY(-14px) rotate(-34deg); }
  100% { transform: translateY(0) rotate(-40deg); }
}

/* Destra: scende 200px e risale, ruotando lentamente */
@keyframes fallReturnSpin{
  0%   { transform: translateY(0)     rotate(10deg);  }
  50%  { transform: translateY(150px) rotate(160deg); }
  100% { transform: translateY(0)     rotate(310deg); }
}

/* =========================
   RESPONSIVE POSIZIONI
   ========================= */

/* LAPTOP (1025–1199) */
@media (max-width: 1199px) and (min-width: 1025px){
  .hero-tech .hero-square-left{
    left: 70%;
    top: 4%;
    width: 110px;
    height: 110px;
  }
  .hero-tech .hero-square-right{
    right: 9%;
    top:40%;
    width: 140px;
    height: 140px;
  }
}

/* TABLET (<=1024) */
@media (max-width: 1024px){
  .hero-tech .hero-square-left{
    left:70%;
    top: 12%;
    width: 90px;
    height: 90px;
  }
  .hero-tech .hero-square-right{
    right: 7%;
    top: 34%;
    width: 120px;
    height: 120px;
  }
}

/* MOBILE (<=767) */
@media (max-width: 767px){
  .hero-tech::before{
    background-size: 32px 32px;
  }

  .hero-tech .hero-square-left{
     left:70%;
    top: 12%;
    width: 70px;
    height: 70px;
    opacity: .7;
  }

  .hero-tech .hero-square-right{
    right: 7%;
    top:50%;
    width: 90px;
    height: 90px;
    opacity: .7;
  }

  /* opzionale: riduco la “caduta” su mobile se invade troppo */
  @keyframes fallReturnSpin{
    0%   { transform: translateY(0)     rotate(10deg);  }
    50%  { transform: translateY(140px) rotate(160deg); }
    100% { transform: translateY(0)     rotate(310deg); }
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3f31f42 */.accent{
  color: #f6c400; /* giallo */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e187499 *//* =========================================================
   CARD "SPEED" — bordo esterno + taglio angolo (fold)
   Linea sotto titolo: gialla -> allunga (elastico) + magenta on hover
   Tutto dentro (icona, linea, link/freccia) diventa magenta on hover
   ========================================================= */

/* === VARIABILI (cambia qui i colori) === */
:root{
  --card-yellow: #f3c300;      /* giallo */
  --card-magenta: #e52148;     /* magenta */
  --card-bg: rgba(0,0,0,.35);  /* fondo card */
}

/* === WRAPPER CARD (metti questa classe al contenitore della card) === */
.sca-card{
  position: relative;
  overflow: hidden;
  padding: 28px 26px 24px;
  border: 1px solid var(--card-yellow);   /* SOLO bordo esterno */
  border-radius: 0;                        /* se vuoi angoli morbidi, metti 10px */
  background: var(--card-bg);
  transition: border-color .25s ease;
}

/* taglio angolo in alto a destra */
.sca-card::after{
  content:"";
  position:absolute;
  top:0; right:0;
  width: 18px; height: 18px;
  background: var(--card-yellow);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  transition: background-color .25s ease;
}

/* hover: bordo + taglio diventano magenta */
.sca-card:hover{
  border-color: var(--card-magenta);
}
.sca-card:hover::after{
  background: var(--card-magenta);
}

/* =========================================================
   CONTENUTI INTERNI (aggancia a classi semplici)
   - icona: dentro un wrapper .sca-card__icon (svg o i)
   - titolo: .sca-card__title
   - sottotesto/link: .sca-card__link (opzionale)
   ========================================================= */

/* icona (se è SVG) */
.sca-card__icon svg,
.sca-card__icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card__icon{
  color: var(--card-yellow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color .25s ease;
}

/* titolo */
.sca-card__title{
  color:#fff;
  margin: 18px 0 10px;
  line-height: 1.05;
}

/* link/sottotesto */
.sca-card__link{
  color: rgba(255,255,255,.55);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  transition: color .25s ease;
}

/* hover: tutto magenta (icona + link) */
.sca-card:hover .sca-card__icon{
  color: var(--card-magenta);
}
.sca-card:hover .sca-card__link{
  color: var(--card-magenta);
}

/* =========================================================
   LINEA SOTTO IL TITOLO (GIALLO -> MAGENTA + ALLUNGO ELASTICO)
   IMPORTANTISSIMO: la linea è creata con ::after sul titolo.
   Se vuoi che stia più sotto/sopra, regola margin o top.
   ========================================================= */

.sca-card__title{
  position: relative;
  padding-bottom: 18px; /* spazio per la linea */
}

.sca-card__title::after{
  content:"";
  position:absolute;
  left:0;
  bottom: 0;
  height: 2px;

  /* lunghezza base */
  width: 53px;

  /* NON deve mai arrivare al bordo destro: cap fisico */
  max-width: 80%;             /* <— regola qui (es. 60% / 65% / 70%) */

  background: var(--card-yellow);
  transform-origin: left center;
  transform: scaleX(1);

  /* +20% più lenta */
  transition:
    background-color .25s ease,
    transform 1.02s cubic-bezier(.18,.9,.22,1.25); /* 0.85s -> 1.03s */
}

/* hover su tutta la card */
.sca-card:hover .sca-card__title::after{
  background: var(--card-magenta);

  /* allunga ma si ferma prima (non tocca il bordo) */
  transform: scaleX(4.2);     /* <— regola qui (più basso = si ferma prima) */
}


/* =========================================================
   SE IN ELEMENTOR L'ICONA RESTA GIALLA:
   - spesso Elementor dà colore al widget Icona via CSS interno.
   - questo “forza” currentColor anche sui wrapper tipici.
   ========================================================= */
.sca-card .elementor-icon,
.sca-card .elementor-icon svg,
.sca-card .elementor-icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card .elementor-icon{
  color: var(--card-yellow) !important;
  transition: color .25s ease;
}
.sca-card:hover .elementor-icon{
  color: var(--card-magenta) !important;
}


/* ICONA elemento Elementor */
.sca-card .elementor-icon{
  transition: all .35s ease;
}

/* HOVER CARD → bordo icona magenta */
.sca-card:hover .elementor-icon{
  border-color: var(--card-magenta) !important;
  color: var(--card-magenta) !important;
}/* End custom CSS */
/* Start custom CSS for wcf--title, class: .elementor-element-c65ad40 */.accent{
  color: #f6c400; /* giallo */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e9521a *//* =========================================================
   CARD "SPEED" — bordo esterno + taglio angolo (fold)
   Linea sotto titolo: gialla -> allunga (elastico) + magenta on hover
   Tutto dentro (icona, linea, link/freccia) diventa magenta on hover
   ========================================================= */

/* === VARIABILI (cambia qui i colori) === */
:root{
  --card-yellow: #f3c300;      /* giallo */
  --card-magenta: #e52148;     /* magenta */
  --card-bg: rgba(0,0,0,.35);  /* fondo card */
}

/* === WRAPPER CARD (metti questa classe al contenitore della card) === */
.sca-card{
  position: relative;
  overflow: hidden;
  padding: 28px 26px 24px;
  border: 1px solid var(--card-yellow);   /* SOLO bordo esterno */
  border-radius: 0;                        /* se vuoi angoli morbidi, metti 10px */
  background: var(--card-bg);
  transition: border-color .25s ease;
}

/* taglio angolo in alto a destra */
.sca-card::after{
  content:"";
  position:absolute;
  top:0; right:0;
  width: 18px; height: 18px;
  background: var(--card-yellow);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  transition: background-color .25s ease;
}

/* hover: bordo + taglio diventano magenta */
.sca-card:hover{
  border-color: var(--card-magenta);
}
.sca-card:hover::after{
  background: var(--card-magenta);
}

/* =========================================================
   CONTENUTI INTERNI (aggancia a classi semplici)
   - icona: dentro un wrapper .sca-card__icon (svg o i)
   - titolo: .sca-card__title
   - sottotesto/link: .sca-card__link (opzionale)
   ========================================================= */

/* icona (se è SVG) */
.sca-card__icon svg,
.sca-card__icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card__icon{
  color: var(--card-yellow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color .25s ease;
}

/* titolo */
.sca-card__title{
  color:#fff;
  margin: 18px 0 10px;
  line-height: 1.05;
}

/* link/sottotesto */
.sca-card__link{
  color: rgba(255,255,255,.55);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  transition: color .25s ease;
}

/* hover: tutto magenta (icona + link) */
.sca-card:hover .sca-card__icon{
  color: var(--card-magenta);
}
.sca-card:hover .sca-card__link{
  color: var(--card-magenta);
}

/* =========================================================
   LINEA SOTTO IL TITOLO (GIALLO -> MAGENTA + ALLUNGO ELASTICO)
   IMPORTANTISSIMO: la linea è creata con ::after sul titolo.
   Se vuoi che stia più sotto/sopra, regola margin o top.
   ========================================================= */

.sca-card__title{
  position: relative;
  padding-bottom: 18px; /* spazio per la linea */
}

.sca-card__title::after{
  content:"";
  position:absolute;
  left:0;
  bottom: 0;
  height: 2px;

  /* lunghezza base */
  width: 53px;

  /* NON deve mai arrivare al bordo destro: cap fisico */
  max-width: 80%;             /* <— regola qui (es. 60% / 65% / 70%) */

  background: var(--card-yellow);
  transform-origin: left center;
  transform: scaleX(1);

  /* +20% più lenta */
  transition:
    background-color .25s ease,
    transform 1.02s cubic-bezier(.18,.9,.22,1.25); /* 0.85s -> 1.03s */
}

/* hover su tutta la card */
.sca-card:hover .sca-card__title::after{
  background: var(--card-magenta);

  /* allunga ma si ferma prima (non tocca il bordo) */
  transform: scaleX(4.2);     /* <— regola qui (più basso = si ferma prima) */
}


/* =========================================================
   SE IN ELEMENTOR L'ICONA RESTA GIALLA:
   - spesso Elementor dà colore al widget Icona via CSS interno.
   - questo “forza” currentColor anche sui wrapper tipici.
   ========================================================= */
.sca-card .elementor-icon,
.sca-card .elementor-icon svg,
.sca-card .elementor-icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card .elementor-icon{
  color: var(--card-yellow) !important;
  transition: color .25s ease;
}
.sca-card:hover .elementor-icon{
  color: var(--card-magenta) !important;
}


/* ICONA elemento Elementor */
.sca-card .elementor-icon{
  transition: all .35s ease;
}

/* HOVER CARD → bordo icona magenta */
.sca-card:hover .elementor-icon{
  border-color: var(--card-magenta) !important;
  color: var(--card-magenta) !important;
}/* End custom CSS */
/* Start custom CSS for wcf--title, class: .elementor-element-8dab9ed */.accent{
  color: #f6c400; /* giallo */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c071ac8 *//* =========================================================
   CARD "SPEED" — bordo esterno + taglio angolo (fold)
   Linea sotto titolo: gialla -> allunga (elastico) + magenta on hover
   Tutto dentro (icona, linea, link/freccia) diventa magenta on hover
   ========================================================= */

/* === VARIABILI (cambia qui i colori) === */
:root{
  --card-yellow: #f3c300;      /* giallo */
  --card-magenta: #e52148;     /* magenta */
  --card-bg: rgba(0,0,0,.35);  /* fondo card */
}

/* === WRAPPER CARD (metti questa classe al contenitore della card) === */
.sca-card{
  position: relative;
  overflow: hidden;
  padding: 28px 26px 24px;
  border: 1px solid var(--card-yellow);   /* SOLO bordo esterno */
  border-radius: 0;                        /* se vuoi angoli morbidi, metti 10px */
  background: var(--card-bg);
  transition: border-color .25s ease;
}

/* taglio angolo in alto a destra */
.sca-card::after{
  content:"";
  position:absolute;
  top:0; right:0;
  width: 18px; height: 18px;
  background: var(--card-yellow);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  transition: background-color .25s ease;
}

/* hover: bordo + taglio diventano magenta */
.sca-card:hover{
  border-color: var(--card-magenta);
}
.sca-card:hover::after{
  background: var(--card-magenta);
}

/* =========================================================
   CONTENUTI INTERNI (aggancia a classi semplici)
   - icona: dentro un wrapper .sca-card__icon (svg o i)
   - titolo: .sca-card__title
   - sottotesto/link: .sca-card__link (opzionale)
   ========================================================= */

/* icona (se è SVG) */
.sca-card__icon svg,
.sca-card__icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card__icon{
  color: var(--card-yellow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color .25s ease;
}

/* titolo */
.sca-card__title{
  color:#fff;
  margin: 18px 0 10px;
  line-height: 1.05;
}

/* link/sottotesto */
.sca-card__link{
  color: rgba(255,255,255,.55);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  transition: color .25s ease;
}

/* hover: tutto magenta (icona + link) */
.sca-card:hover .sca-card__icon{
  color: var(--card-magenta);
}
.sca-card:hover .sca-card__link{
  color: var(--card-magenta);
}

/* =========================================================
   LINEA SOTTO IL TITOLO (GIALLO -> MAGENTA + ALLUNGO ELASTICO)
   IMPORTANTISSIMO: la linea è creata con ::after sul titolo.
   Se vuoi che stia più sotto/sopra, regola margin o top.
   ========================================================= */

.sca-card__title{
  position: relative;
  padding-bottom: 18px; /* spazio per la linea */
}

.sca-card__title::after{
  content:"";
  position:absolute;
  left:0;
  bottom: 0;
  height: 2px;

  /* lunghezza base */
  width: 53px;

  /* NON deve mai arrivare al bordo destro: cap fisico */
  max-width: 80%;             /* <— regola qui (es. 60% / 65% / 70%) */

  background: var(--card-yellow);
  transform-origin: left center;
  transform: scaleX(1);

  /* +20% più lenta */
  transition:
    background-color .25s ease,
    transform 1.02s cubic-bezier(.18,.9,.22,1.25); /* 0.85s -> 1.03s */
}

/* hover su tutta la card */
.sca-card:hover .sca-card__title::after{
  background: var(--card-magenta);

  /* allunga ma si ferma prima (non tocca il bordo) */
  transform: scaleX(4.2);     /* <— regola qui (più basso = si ferma prima) */
}


/* =========================================================
   SE IN ELEMENTOR L'ICONA RESTA GIALLA:
   - spesso Elementor dà colore al widget Icona via CSS interno.
   - questo “forza” currentColor anche sui wrapper tipici.
   ========================================================= */
.sca-card .elementor-icon,
.sca-card .elementor-icon svg,
.sca-card .elementor-icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card .elementor-icon{
  color: var(--card-yellow) !important;
  transition: color .25s ease;
}
.sca-card:hover .elementor-icon{
  color: var(--card-magenta) !important;
}


/* ICONA elemento Elementor */
.sca-card .elementor-icon{
  transition: all .35s ease;
}

/* HOVER CARD → bordo icona magenta */
.sca-card:hover .elementor-icon{
  border-color: var(--card-magenta) !important;
  color: var(--card-magenta) !important;
}/* End custom CSS */
/* Start custom CSS for wcf--title, class: .elementor-element-6a9ae9b */.accent{
  color: #f6c400; /* giallo */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-87f857a *//* =========================================================
   CARD "SPEED" — bordo esterno + taglio angolo (fold)
   Linea sotto titolo: gialla -> allunga (elastico) + magenta on hover
   Tutto dentro (icona, linea, link/freccia) diventa magenta on hover
   ========================================================= */

/* === VARIABILI (cambia qui i colori) === */
:root{
  --card-yellow: #f3c300;      /* giallo */
  --card-magenta: #e52148;     /* magenta */
  --card-bg: rgba(0,0,0,.35);  /* fondo card */
}

/* === WRAPPER CARD (metti questa classe al contenitore della card) === */
.sca-card{
  position: relative;
  overflow: hidden;
  padding: 28px 26px 24px;
  border: 1px solid var(--card-yellow);   /* SOLO bordo esterno */
  border-radius: 0;                        /* se vuoi angoli morbidi, metti 10px */
  background: var(--card-bg);
  transition: border-color .25s ease;
}

/* taglio angolo in alto a destra */
.sca-card::after{
  content:"";
  position:absolute;
  top:0; right:0;
  width: 18px; height: 18px;
  background: var(--card-yellow);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  transition: background-color .25s ease;
}

/* hover: bordo + taglio diventano magenta */
.sca-card:hover{
  border-color: var(--card-magenta);
}
.sca-card:hover::after{
  background: var(--card-magenta);
}

/* =========================================================
   CONTENUTI INTERNI (aggancia a classi semplici)
   - icona: dentro un wrapper .sca-card__icon (svg o i)
   - titolo: .sca-card__title
   - sottotesto/link: .sca-card__link (opzionale)
   ========================================================= */

/* icona (se è SVG) */
.sca-card__icon svg,
.sca-card__icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card__icon{
  color: var(--card-yellow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color .25s ease;
}

/* titolo */
.sca-card__title{
  color:#fff;
  margin: 18px 0 10px;
  line-height: 1.05;
}

/* link/sottotesto */
.sca-card__link{
  color: rgba(255,255,255,.55);
  display: inline-flex;
  gap: 10px;
  align-items: center;
  transition: color .25s ease;
}

/* hover: tutto magenta (icona + link) */
.sca-card:hover .sca-card__icon{
  color: var(--card-magenta);
}
.sca-card:hover .sca-card__link{
  color: var(--card-magenta);
}

/* =========================================================
   LINEA SOTTO IL TITOLO (GIALLO -> MAGENTA + ALLUNGO ELASTICO)
   IMPORTANTISSIMO: la linea è creata con ::after sul titolo.
   Se vuoi che stia più sotto/sopra, regola margin o top.
   ========================================================= */

.sca-card__title{
  position: relative;
  padding-bottom: 18px; /* spazio per la linea */
}

.sca-card__title::after{
  content:"";
  position:absolute;
  left:0;
  bottom: 0;
  height: 2px;

  /* lunghezza base */
  width: 53px;

  /* NON deve mai arrivare al bordo destro: cap fisico */
  max-width: 80%;             /* <— regola qui (es. 60% / 65% / 70%) */

  background: var(--card-yellow);
  transform-origin: left center;
  transform: scaleX(1);

  /* +20% più lenta */
  transition:
    background-color .25s ease,
    transform 1.02s cubic-bezier(.18,.9,.22,1.25); /* 0.85s -> 1.03s */
}

/* hover su tutta la card */
.sca-card:hover .sca-card__title::after{
  background: var(--card-magenta);

  /* allunga ma si ferma prima (non tocca il bordo) */
  transform: scaleX(4.2);     /* <— regola qui (più basso = si ferma prima) */
}


/* =========================================================
   SE IN ELEMENTOR L'ICONA RESTA GIALLA:
   - spesso Elementor dà colore al widget Icona via CSS interno.
   - questo “forza” currentColor anche sui wrapper tipici.
   ========================================================= */
.sca-card .elementor-icon,
.sca-card .elementor-icon svg,
.sca-card .elementor-icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sca-card .elementor-icon{
  color: var(--card-yellow) !important;
  transition: color .25s ease;
}
.sca-card:hover .elementor-icon{
  color: var(--card-magenta) !important;
}


/* ICONA elemento Elementor */
.sca-card .elementor-icon{
  transition: all .35s ease;
}

/* HOVER CARD → bordo icona magenta */
.sca-card:hover .elementor-icon{
  border-color: var(--card-magenta) !important;
  color: var(--card-magenta) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3e374da */.accent{
  color: #f6c400; /* giallo */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ece7f3 *//* =========================
   HERO TECH (COMPLETO)
   livelli:
   0 = griglia
   1 = quadrati
   5 = contenuto
   ========================= */

/* HERO wrapper */
.hero-tech{
  position: relative;
  isolation: isolate;  /* blocca stacking esterni (frontend+editor) */
  overflow: hidden;
  background:#000;
}

/* GRIGLIA */
.hero-tech::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;

  background-image:
    linear-gradient(rgba(160, 0, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(160, 0, 255, 0.12) 1px, transparent 1px);

  background-size: 40px 40px;
  background-position: -1px -1px;
}

/* CONTENUTO sopra (tutto tranne i widget-quadrato) */
.hero-tech .elementor-widget:not(.hero-square){
  position: relative;
  z-index: 5;
}


/* =========================
   ANIMAZIONI
   ========================= */
@keyframes floatLeft{
  0%   { transform: translateY(0) rotate(-40deg); }
  50%  { transform: translateY(-14px) rotate(-34deg); }
  100% { transform: translateY(0) rotate(-40deg); }
}

/* Destra: scende 200px e risale, ruotando lentamente */
@keyframes fallReturnSpin{
  0%   { transform: translateY(0)     rotate(10deg);  }
  50%  { transform: translateY(150px) rotate(160deg); }
  100% { transform: translateY(0)     rotate(310deg); }
}/* End custom CSS */