.elementor-17 .elementor-element.elementor-element-9278e78{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-17 .elementor-element.elementor-element-83ce236{--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-17 .elementor-element.elementor-element-83ce236.e-con{--align-self:center;}.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-17 .elementor-element.elementor-element-0bd8c80{text-align:center;}.elementor-17 .elementor-element.elementor-element-d05152a{text-align:center;}.elementor-17 .elementor-element.elementor-element-50b8bd1{text-align:center;}.elementor-17 .elementor-element.elementor-element-a02e6c4{text-align:center;}.elementor-17 .elementor-element.elementor-element-a02e6c4 .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:100px;font-weight:600;color:var( --e-global-color-accent );}.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-17 .elementor-element.elementor-element-d092204{text-align:center;}.elementor-17 .elementor-element.elementor-element-05eb5c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-812ccb6{--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-17 .elementor-element.elementor-element-a957010{--spacer-size:130px;}.elementor-17 .elementor-element.elementor-element-daaabab{--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-17 .elementor-element.elementor-element-679534d{--spacer-size:106px;}.elementor-17 .elementor-element.elementor-element-2e91ad5 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-c3ac548{text-align:left;}.elementor-17 .elementor-element.elementor-element-8d44976{--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-17 .elementor-element.elementor-element-34bde98{--spacer-size:75px;}.elementor-17 .elementor-element.elementor-element-5ccad1e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-17 .elementor-element.elementor-element-21a0501{text-align:center;}.elementor-17 .elementor-element.elementor-element-21a0501 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-31815ba{text-align:center;color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-cd8f970{--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-17 .elementor-element.elementor-element-41d0d85{--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-17 .elementor-element.elementor-element-5fbe419{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-7a25643{--display:flex;}.elementor-17 .elementor-element.elementor-element-0ea2a51{text-align:center;}.elementor-17 .elementor-element.elementor-element-870d998{text-align:center;}.elementor-17 .elementor-element.elementor-element-b33e59e{--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-17 .elementor-element.elementor-element-6c2ddc4.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-76257dc{--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-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-d81abd3 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-d81abd3 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-d81abd3.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-d81abd3 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-d81abd3 .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-d81abd3 .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-5e82747{--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-17 .elementor-element.elementor-element-c8e5425.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-f50b07d{--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-17 .elementor-element.elementor-element-3f43883 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-3f43883 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-3f43883.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-3f43883 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-3f43883 .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-3f43883 .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-055ecb7{--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-17 .elementor-element.elementor-element-2c935c3.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-ac1f467{--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-17 .elementor-element.elementor-element-9b25c54 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-9b25c54 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-9b25c54.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-9b25c54 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-9b25c54 .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-9b25c54 .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-17786c1{--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-17 .elementor-element.elementor-element-8183998.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-6a2d31a{--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-17 .elementor-element.elementor-element-907091f .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-907091f .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-907091f.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-907091f .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-907091f .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-907091f .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-9ea80bd{--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-17 .elementor-element.elementor-element-13ceacc.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-17 .elementor-element.elementor-element-488afda{--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-17 .elementor-element.elementor-element-324a13e .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-324a13e .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-324a13e.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-324a13e .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-324a13e .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-324a13e .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-7588126{--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-17 .elementor-element.elementor-element-7e78371{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-f70b7e5{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-f70b7e5.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-3b06ad5{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-9698d4d .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-9698d4d .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-9698d4d.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-9698d4d .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-9698d4d .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-9698d4d .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-03539a2 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-03539a2 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-03539a2.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-03539a2 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-03539a2 .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-03539a2 .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-2d6f650 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-2d6f650 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-2d6f650.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-2d6f650 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-2d6f650 .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-2d6f650 .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-b30d99f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-8357458{--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-17 .elementor-element.elementor-element-258fbe1.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-93644b4{--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-17 .elementor-element.elementor-element-4988725.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-17 .elementor-element.elementor-element-4da4f28{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-e6e87c1 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-e6e87c1 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-e6e87c1.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-e6e87c1 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-e6e87c1 .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-e6e87c1 .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-64ece19 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-64ece19 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#000000;}.elementor-17 .elementor-element.elementor-element-64ece19.elementor-element{--align-self:flex-start;}.elementor-17 .elementor-element.elementor-element-64ece19 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-64ece19 .elementor-button:focus svg{fill:#000000;}.elementor-17 .elementor-element.elementor-element-64ece19 .elementor-button{border-radius:151px 151px 151px 151px;}.elementor-17 .elementor-element.elementor-element-c88b4df{--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-17 .elementor-element.elementor-element-fb42c46{--spacer-size:50px;}.elementor-17 .elementor-element.elementor-element-e9e96b3{--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-17 .elementor-element.elementor-element-020132c .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-80f21a8{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-6c7139a{--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-17 .elementor-element.elementor-element-68d0eba.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-68d0eba{text-align:center;}.elementor-17 .elementor-element.elementor-element-68d0eba .elementor-heading-title{font-family:"Archivo Black", Sans-serif;font-size:80px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-cfa1d84{--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-17 .elementor-element.elementor-element-8376400{--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-17 .elementor-element.elementor-element-ab3eb42 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-0bd2104{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17 .elementor-element.elementor-element-8891489 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-8891489 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17 .elementor-element.elementor-element-8891489 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group > label, .elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-type-html{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group .elementor-field{color:#000000;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-button[type="submit"]{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-message{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-message.elementor-message-success{color:#FAFAFA;}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-message.elementor-message-danger{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-8891489 .elementor-message.elementor-help-inline{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-8891489{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-5b021d1{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-5b021d1.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-17 .elementor-element.elementor-element-5b021d1 .elementor-headline{text-align:left;font-family:"Archivo Black", Sans-serif;font-size:58px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-5b021d1 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-0d72efd{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-4fa4de9{--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-17 .elementor-element.elementor-element-a091fe2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-7255a13{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group > label, .elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-subgroup label{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-type-html{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group .elementor-field{color:#000000;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-button[type="submit"]{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-message{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-message.elementor-message-success{color:#FAFAFA;}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-message.elementor-message-danger{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-ac33bcf .elementor-message.elementor-help-inline{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-ac33bcf{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-17 .elementor-element.elementor-element-cd634e2{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-cd634e2.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-17 .elementor-element.elementor-element-cd634e2 .elementor-headline{text-align:left;font-family:"Archivo Black", Sans-serif;font-size:50px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-cd634e2 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-cd634e2 .elementor-headline-dynamic-text{font-family:"Archivo Black", Sans-serif;font-weight:600;}.elementor-17 .elementor-element.elementor-element-f114850{--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-17 .elementor-element.elementor-element-f84e805{--spacer-size:50px;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-f70b7e5{--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-3b06ad5{--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-4da4f28{--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-0bd2104{--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-0d72efd{--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-7255a13{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-83ce236{--width:66.6666%;}.elementor-17 .elementor-element.elementor-element-812ccb6{--width:33.3333%;}.elementor-17 .elementor-element.elementor-element-daaabab{--width:66.6666%;}.elementor-17 .elementor-element.elementor-element-8357458{--width:50%;}.elementor-17 .elementor-element.elementor-element-93644b4{--width:50%;}.elementor-17 .elementor-element.elementor-element-6c7139a{--width:50%;}.elementor-17 .elementor-element.elementor-element-cfa1d84{--width:50%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-f70b7e5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-3b06ad5{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-4da4f28{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-0bd2104{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-0d72efd{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17 .elementor-element.elementor-element-7255a13{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-4b5440f */.octo-eye .pupil {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #121212;
  border-radius: 50%;
  top: 7px;
  left: 7px;
  transition: transform 0.1s ease-out;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0bd8c80 *//* stile base consigliato (opzionale, per coerenza) */
.title-zoom .elementor-heading-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(38px, 6vw, 90px);
  line-height: 1.05;
  color: #F1F1F1;
  display: inline-block;                 /* abilita transform senza salti */
  transform-origin: left bottom;
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

/* effetto hover/focus */
.title-zoom:hover .elementor-heading-title,
.title-zoom:focus-within .elementor-heading-title {
  transform: scale(1.12);
  text-shadow: 0 6px 18px rgba(44,194,149,0.45);
  filter: saturate(1.1);
}




/* rispetto preferenze utente */
@media (prefers-reduced-motion: reduce) {
  .title-zoom .elementor-heading-title {
    transition: none;
  }
  .title-zoom:hover .elementor-heading-title,
  .title-zoom:focus-within .elementor-heading-title {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d05152a *//* stile base consigliato (opzionale, per coerenza) */
.title-zoom .elementor-heading-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(38px, 6vw, 90px);
  line-height: 1.05;
  color: #F1F1F1;
  display: inline-block;                 /* abilita transform senza salti */
  transform-origin: left bottom;
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

/* effetto hover/focus */
.title-zoom:hover .elementor-heading-title,
.title-zoom:focus-within .elementor-heading-title {
  transform: scale(1.12);
  text-shadow: 0 6px 18px rgba(44,194,149,0.45);
  filter: saturate(1.1);
}




/* rispetto preferenze utente */
@media (prefers-reduced-motion: reduce) {
  .title-zoom .elementor-heading-title {
    transition: none;
  }
  .title-zoom:hover .elementor-heading-title,
  .title-zoom:focus-within .elementor-heading-title {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-50b8bd1 *//* stile base consigliato (opzionale, per coerenza) */
.title-zoom .elementor-heading-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(38px, 6vw, 90px);
  line-height: 1.05;
  color: #F1F1F1;
  display: inline-block;                 /* abilita transform senza salti */
  transform-origin: left bottom;
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

/* effetto hover/focus */
.title-zoom:hover .elementor-heading-title,
.title-zoom:focus-within .elementor-heading-title {
  transform: scale(1.12);
  text-shadow: 0 6px 18px rgba(44,194,149,0.45);
  filter: saturate(1.1);
}




/* rispetto preferenze utente */
@media (prefers-reduced-motion: reduce) {
  .title-zoom .elementor-heading-title {
    transition: none;
  }
  .title-zoom:hover .elementor-heading-title,
  .title-zoom:focus-within .elementor-heading-title {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a02e6c4 */.hero-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(48px, 8vw, 110px);
  line-height: 1.05;
  color: #F1F1F1;
}

.wow-zoom {
  color: #2CC295;
  display: inline-block;              /* evita salti di layout */
  transform-origin: left bottom;      /* punto da cui parte lo zoom */
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

.wow-zoom:hover,
.wow-zoom:focus {
  transform: scale(1.12);             /* effetto zoom */
  text-shadow: 0 6px 18px rgba(44, 194, 149, 0.45);
  filter: saturate(1.1);
  outline: none;
}

/* opzionale: “tap” anche su mobile */
.wow-zoom:active {
  transform: scale(1.08);
}

/* accessibilità: riduci le animazioni se l’utente lo chiede */
@media (prefers-reduced-motion: reduce) {
  .wow-zoom {
    transition: none;
  }
  .wow-zoom:hover,
  .wow-zoom:focus,
  .wow-zoom:active {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0fbedf */.octo-eye .pupil {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #121212;
  border-radius: 50%;
  top: 7px;
  left: 7px;
  transition: transform 0.1s ease-out;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-54c16be *//* stile base consigliato (opzionale, per coerenza) */
.title-zoom .elementor-heading-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(38px, 6vw, 90px);
  line-height: 1.05;
  color: #F1F1F1;
  display: inline-block;                 /* abilita transform senza salti */
  transform-origin: left bottom;
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

/* effetto hover/focus */
.title-zoom:hover .elementor-heading-title,
.title-zoom:focus-within .elementor-heading-title {
  transform: scale(1.12);
  text-shadow: 0 6px 18px rgba(44,194,149,0.45);
  filter: saturate(1.1);
}




/* rispetto preferenze utente */
@media (prefers-reduced-motion: reduce) {
  .title-zoom .elementor-heading-title {
    transition: none;
  }
  .title-zoom:hover .elementor-heading-title,
  .title-zoom:focus-within .elementor-heading-title {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3785b8c *//* stile base consigliato (opzionale, per coerenza) */
.title-zoom .elementor-heading-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(38px, 6vw, 90px);
  line-height: 1.05;
  color: #F1F1F1;
  display: inline-block;                 /* abilita transform senza salti */
  transform-origin: left bottom;
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

/* effetto hover/focus */
.title-zoom:hover .elementor-heading-title,
.title-zoom:focus-within .elementor-heading-title {
  transform: scale(1.12);
  text-shadow: 0 6px 18px rgba(44,194,149,0.45);
  filter: saturate(1.1);
}




/* rispetto preferenze utente */
@media (prefers-reduced-motion: reduce) {
  .title-zoom .elementor-heading-title {
    transition: none;
  }
  .title-zoom:hover .elementor-heading-title,
  .title-zoom:focus-within .elementor-heading-title {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b188682 *//* stile base consigliato (opzionale, per coerenza) */
.title-zoom .elementor-heading-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(38px, 6vw, 90px);
  line-height: 1.05;
  color: #F1F1F1;
  display: inline-block;                 /* abilita transform senza salti */
  transform-origin: left bottom;
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

/* effetto hover/focus */
.title-zoom:hover .elementor-heading-title,
.title-zoom:focus-within .elementor-heading-title {
  transform: scale(1.12);
  text-shadow: 0 6px 18px rgba(44,194,149,0.45);
  filter: saturate(1.1);
}




/* rispetto preferenze utente */
@media (prefers-reduced-motion: reduce) {
  .title-zoom .elementor-heading-title {
    transition: none;
  }
  .title-zoom:hover .elementor-heading-title,
  .title-zoom:focus-within .elementor-heading-title {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2e91ad5 */.hero-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(48px, 8vw, 110px);
  line-height: 1.05;
  color: #F1F1F1;
}

.wow-zoom {
  color: #2CC295;
  display: inline-block;              /* evita salti di layout */
  transform-origin: left bottom;      /* punto da cui parte lo zoom */
  transition: transform 180ms ease, 
              text-shadow 180ms ease, 
              filter 180ms ease;
  will-change: transform;
}

.wow-zoom:hover,
.wow-zoom:focus {
  transform: scale(1.12);             /* effetto zoom */
  text-shadow: 0 6px 18px rgba(44, 194, 149, 0.45);
  filter: saturate(1.1);
  outline: none;
}

/* opzionale: “tap” anche su mobile */
.wow-zoom:active {
  transform: scale(1.08);
}

/* accessibilità: riduci le animazioni se l’utente lo chiede */
@media (prefers-reduced-motion: reduce) {
  .wow-zoom {
    transition: none;
  }
  .wow-zoom:hover,
  .wow-zoom:focus,
  .wow-zoom:active {
    transform: none;
    text-shadow: none;
    filter: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d89eff2 */:root {
  --bg: #121212;
  --text: #F1F1F1;
  --accent: #2CC295;
}

.strategy {
  padding: 48px 0;
  color: var(--text);
  background: var(--bg);
}

.strategy-title {
  font-family: "Archivo Black", sans-serif;
  font-size: clamp(24px, 4vw, 40px);
  margin: 0 0 8px;
}

.strategy-sub {
  opacity: 0.8;
  margin: 0 0 24px;
}

.strategy-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.strategy-card {
  background: #fff;
  color: #121212;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.strategy-card h3 {
  font-family: "Archivo Black", sans-serif;
  margin: 0 0 6px;
}

.strategy-card p {
  margin: 0;
  opacity: 0.85;
}

.strategy-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.32);
}

.strategy-card.is-active {
  outline: 3px solid var(--accent);
}

.strategy-result {
  margin-top: 22px;
  background: #191919;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 18px 20px;
}

.strategy-result h4 {
  color: var(--accent);
  font-family: "Archivo Black", sans-serif;
  margin: 0 0 8px;
}

.strategy-result ul {
  margin: 0 0 14px 18px;
}

.strategy-cta {
  display: inline-block;
  background: var(--accent);
  color: #121212;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 10px;
  text-decoration: none;
}

/* Evita scroll orizzontale della sezione */
.strategy {
  overflow-x: hidden;
}

/* Responsive: mobile */
@media (max-width: 767px) {
  .strategy {
    padding: 32px 16px;          /* meno padding laterale */
  }

  .strategy-grid {
    grid-template-columns: 1fr;  /* una colonna sola */
  }

  .strategy-card,
  .strategy-result {
    padding: 18px 16px;          /* un filo più compatte */
  }

  .strategy-card,
  .strategy-result,
  .strategy-grid {
    max-width: 100%;
    box-sizing: border-box;      /* niente sbordo */
  }

  .strategy-title {
    font-size: clamp(22px, 6vw, 30px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c2ddc4 *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8e5425 *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c935c3 *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8183998 *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13ceacc *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-451cfef *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-586acbd *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34a5025 *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-258fbe1 *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4988725 *//* ========== CONTAINER ========== */
.card-container {
  perspective: 1000px;             /* profondità 3D */
  display: inline-block;
  margin: 20px;
}

/* ========== CARD BASE ========== */
.card {
  width: 260px;
  height: 360px;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
  cursor: pointer;
}

/* Stato girato (toggle via JS: .card.classList.toggle('is-flipped')) */
.card.is-flipped {
  transform: rotateY(180deg);
}

/* (facoltativo) Anteprima in hover se non è già girata */
.card:hover:not(.is-flipped) {
  transform: rotateY(180deg);
}

/* ========== FACCE ========== */
.card-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  transform: rotate(-2deg);     /* effetto figurina “non perfetta” */
}

/* ---------- FRONT ---------- */
.card-front { position: relative; }

/* immagine frontale */
.card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 10px solid #fff;
  border-radius: 18px;
  display: block;
}

/* titolo in overlay sul fronte */
.front-title{
  position: absolute;
  left: 16px;
  bottom: 16px;                         /* sposta in alto se preferisci */
  z-index: 2;
  padding: 10px 14px;
  border-radius: 10px;

  font-family: "Archivo Black", sans-serif;
  font-size: clamp(16px, 2.4vw, 22px);
  line-height: 1.1;
  letter-spacing: .2px;

  color: #F1F1F1;
  background: rgba(0,0,0,.45);          /* pannello per leggibilità */
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}

/* variante: titolo in alto (aggiungi .title-top a .card-front) */
.card-front.title-top .front-title{
  top: 16px;
  bottom: auto;
}

/* (opzionale) badge accento piccolo, da mettere dentro .front-title */
.front-badge{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font: 600 11px/1 "Lato", system-ui, sans-serif;
  color: #121212;
  background: #2CC295;                  /* accento brand */
}

/* ---------- BACK ---------- */
.card-back {
  background: #121212;
  color: #F1F1F1;
  border: 10px solid #fff;
  border-radius: 18px;
  transform: rotateY(180deg);
  padding: 20px;
  text-align: center;
}

.card-back h3 {
  color: #2CC295;
  font-family: "Archivo Black", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.card-back p {
  font-family: "Lato", sans-serif;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Accessibilità focus */
.card:focus-visible {
  outline: 3px solid #2CC295;
  outline-offset: 3px;
}

/* Responsive tweak (opzionale) */
@media (max-width: 480px){
  .card{ width: 220px; height: 320px; }
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-5b021d1 */.elementor-17 .elementor-element.elementor-element-5b021d1 {
  display: inline-block;
  min-width: 25ch;
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for animated-headline, class: .elementor-element-cd634e2 */.elementor-17 .elementor-element.elementor-element-cd634e2 {
  display: inline-block;
  min-width: 25ch;
  white-space: nowrap;
}/* End custom CSS */