.elementor-858 .elementor-element.elementor-element-63f658a{margin-top:50px;margin-bottom:0px;padding:0px 35px 0px 35px;}.elementor-bc-flex-widget .elementor-858 .elementor-element.elementor-element-1c7d91b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-858 .elementor-element.elementor-element-1c7d91b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-858 .elementor-element.elementor-element-1c7d91b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 20px 0px 5px;}.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-858 .elementor-element.elementor-element-2de29e6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:63px;font-weight:600;}.elementor-858 .elementor-element.elementor-element-ff9d6b2 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:var( --e-global-color-secondary );}.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-858 .elementor-element.elementor-element-dc37ddf .elementor-button{background-color:var( --e-global-color-primary );}.elementor-858 .elementor-element.elementor-element-df978e1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 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-858 .elementor-element.elementor-element-6e55130 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-6b72568{padding:120px 0px 100px 0px;}.elementor-858 .elementor-element.elementor-element-18e19da{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-b507484 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-858 .elementor-element.elementor-element-b507484 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-bb03002 .tg-section-subtitle{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;}.elementor-858 .elementor-element.elementor-element-bb03002 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-858 .elementor-element.elementor-element-bb03002 .sec-title{text-align:center;}.elementor-858 .elementor-element.elementor-element-bb03002 .tg-section-title{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:45px;}.elementor-858 .elementor-element.elementor-element-0e42461{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-fab8d74 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-c332189 .tg-project-2-title{font-size:16px;}.elementor-858 .elementor-element.elementor-element-7d7993b > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-cf51fca .tg-project-2-title{font-size:16px;}.elementor-858 .elementor-element.elementor-element-02601a4 > .elementor-element-populated{margin:0px 0px 30px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-07e1268 .tg-project-2-title{font-size:16px;}.elementor-858 .elementor-element.elementor-element-75442a2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-108b339 .tg-project-2-title{font-size:16px;}.elementor-858 .elementor-element.elementor-element-2c5ffa9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-cb51b5e .tg-project-2-title{font-size:16px;}.elementor-858 .elementor-element.elementor-element-41708b4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-0d27170 .tg-project-2-title{font-size:16px;}.elementor-858 .elementor-element.elementor-element-d469e0c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-4a59181 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-4a59181 .tg-text-slider-border.tg-text-slider-style-2 .tg-text-slider-wrap span b{color:var( --e-global-color-primary );-webkit-text-stroke:var( --e-global-color-primary );}.elementor-858 .elementor-element.elementor-element-4a59181 .tg-text-slider-wrap > span{font-family:"Poppins", Sans-serif;font-size:46px;}.elementor-858 .elementor-element.elementor-element-a323bf5:not(.elementor-motion-effects-element-type-background), .elementor-858 .elementor-element.elementor-element-a323bf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05092B;background-image:url("https://navigator.genialead.it/wp-content/uploads/2024/03/bg-1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-858 .elementor-element.elementor-element-a323bf5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 75px 0px;z-index:1;}.elementor-858 .elementor-element.elementor-element-a323bf5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-858 .elementor-element.elementor-element-a323bf5 > .elementor-shape-bottom svg{height:0px;}.elementor-858 .elementor-element.elementor-element-9952536 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-858 .elementor-element.elementor-element-9952536 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-0452039 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-858 .elementor-element.elementor-element-41ff810{width:auto;max-width:auto;top:0px;z-index:-1;text-align:start;}body:not(.rtl) .elementor-858 .elementor-element.elementor-element-41ff810{left:0px;}body.rtl .elementor-858 .elementor-element.elementor-element-41ff810{right:0px;}.elementor-858 .elementor-element.elementor-element-3c752e8{overflow:hidden;padding:50px 0px 0px 0px;}.elementor-858 .elementor-element.elementor-element-70efe52 > .elementor-element-populated{padding:0px 15px 0px 15px;}@media(min-width:768px){.elementor-858 .elementor-element.elementor-element-3319b4d{width:41.984%;}.elementor-858 .elementor-element.elementor-element-00c5a13{width:58.016%;}}/* Start custom CSS for column, class: .elementor-element-00c5a13 *//***** AI360 Multistep – CSS pulito e compatibile con iOS *****/

/* ========== Layout base ========== */
.elementor-widget-shortcode .ai360-multistep-form,
.elementor-widget-shortcode .ai360-multistep-step,
.elementor-widget-shortcode .ai360-multistep-navigation{
  display:block;
}

/* ========== Campi input e textarea ========== */
.elementor-widget-shortcode .ai360-multistep-form input[type="text"],
.elementor-widget-shortcode .ai360-multistep-form input[type="email"],
.elementor-widget-shortcode .ai360-multistep-form input[type="tel"],
.elementor-widget-shortcode .ai360-multistep-form select,
.elementor-widget-shortcode .ai360-multistep-form textarea{
  width:100%;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid #d7dbe2;
  background:#fff;
  line-height:1.35;
  box-sizing:border-box;
  outline:none;
  transition:box-shadow .2s ease, border-color .2s ease;
  margin-bottom:12px;
}

/* Focus gradevole */
.elementor-widget-shortcode .ai360-multistep-form input:focus,
.elementor-widget-shortcode .ai360-multistep-form select:focus,
.elementor-widget-shortcode .ai360-multistep-form textarea:focus{
  border-color:#b9c6ff;
  box-shadow:0 0 0 3px rgba(0,72,204,.12);
}

/* ========== Pulsante principale ========== */
.elementor-widget-shortcode .ai360-multistep-submit-btn,
.elementor-widget-shortcode button.ai360-multistep-submit-btn.button.button-primary{
  background-color:#028bd7 !important;
  color:#ffffff !important;
  border:none !important;
  border-radius:50px !important;
  padding:12px 28px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  box-shadow:0 6px 16px rgba(0,0,0,.18) !important;
  display:inline-block !important;
  position:relative !important;
  z-index:1 !important;
}
.elementor-widget-shortcode .ai360-multistep-submit-btn:hover{
  transform:translateY(-1px);
}

/* ========== Contenitore pulsanti ========== */
.elementor-widget-shortcode .ai360-multistep-navigation{
  margin-top:16px !important;
  text-align:center;
  display:block;
  position:static !important;
  z-index:auto !important;
  clear:both !important;
}

/* Spaziature tra checkbox privacy e pulsanti */
.elementor-widget-shortcode .ai360-multistep-checkbox-option + .ai360-multistep-navigation{ margin-top:18px !important; }
.elementor-widget-shortcode .ai360-multistep-navigation + .ai360-multistep-checkbox-option{ margin-top:18px !important; }

/* ========== Privacy / Checkbox (markup reale) ========== */
.elementor-widget-shortcode .ai360-multistep-checkbox-option{
  display:grid;                  /* riga 1: input, riga 2: label */
  grid-auto-flow:row;
  justify-items:center;
  align-items:center;
  row-gap:8px;
  width:100%;
  margin:12px 0 10px;
  text-align:center;
  clear:both;
}
.elementor-widget-shortcode .ai360-multistep-checkbox-option input[type="checkbox"]{
  -webkit-appearance:auto;
  appearance:auto;
  accent-color:#c60c23;
  width:18px;
  height:18px;
  display:block;
  margin:0 auto;
  transform:none;
  position:static;
  -webkit-margin-start:0;
  -webkit-margin-end:0;
  place-self:center;
}
.elementor-widget-shortcode .ai360-multistep-checkbox-option label{
  display:inline-block;
  width:auto;
  max-width:100%;
  margin:0;
  line-height:1.3;
  font-size:1rem;
  text-align:center;
}

/* ========== Messaggi (successo/errore) – centrati + palette ========== */
.elementor-widget-shortcode .ai360-multistep-messages,
.elementor-widget-shortcode [id^="ai360-multistep-messages"]{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:100%;
  gap:8px;
  margin:12px 0;
}
.elementor-widget-shortcode .ai360-success-message,
.elementor-widget-shortcode .ai360-error-message{
  display:block;
  width:auto;
  max-width:680px;
  margin:10px auto;
  text-align:center;
  padding:10px 14px;
  border-radius:10px;
  line-height:1.3;
}
.elementor-widget-shortcode .ai360-success-message{
  color:#14532d;
  background:#e8f7ee;
  border:1px solid #b6e2c0;
}
.elementor-widget-shortcode .ai360-error-message{
  color:#c60c23;                 /* rosso Vodafone */
  background:#fff5f6;
  border:1px solid #c60c23;      /* rimuovi questa riga se non vuoi il bordo */
}
.elementor-widget-shortcode .ai360-multistep-required{ color:#c60c23; }
.elementor-widget-shortcode .ai360-error-message a{ color:inherit; text-decoration:underline; }

/* ========== Evidenza campi con errore (NO :invalid) ========== */
/* a) wrapper che contiene un messaggio d'errore VISIBILE */
.elementor-widget-shortcode .ai360-multistep-field-wrap:has(.ai360-error-message:not([style*="display:none"]))
  :is(input,select,textarea){
  border-color:#c60c23 !important;
  box-shadow:0 0 0 3px rgba(198,12,35,.12) !important;
}
/* b) fallback accessibilità / validazione esplicita */
.elementor-widget-shortcode .ai360-multistep-form :is(input,select,textarea)[aria-invalid="true"],
.elementor-widget-shortcode .ai360-multistep-form :is(input,select,textarea).is-invalid{
  border-color:#c60c23 !important;
  box-shadow:0 0 0 3px rgba(198,12,35,.12) !important;
}

/* ========== Mobile tweaks ========== */
@media (max-width:480px){
  .elementor-widget-shortcode .ai360-multistep-form input,
  .elementor-widget-shortcode .ai360-multistep-form select,
  .elementor-widget-shortcode .ai360-multistep-form textarea{
    margin-bottom:14px;
  }
  .elementor-widget-shortcode .ai360-multistep-navigation{ margin-top:20px; }
  .elementor-widget-shortcode .ai360-multistep-navigation + .ai360-multistep-checkbox-option{ margin-top:20px; }
}
/* === AI360 — campi affiancati in 2 colonne (non tocca stile esistente) === */

/* 1) Rendi il contenitore dei campi una griglia a 2 colonne */
.elementor-widget-shortcode .ai360-multistep-step[data-step-type="fields"] .ai360-multistep-fields{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

/* 2) I figli della griglia non devono avere margini che creano “buchi” */
.elementor-widget-shortcode .ai360-multistep-step[data-step-type="fields"] .ai360-multistep-fields > *{
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 3) Privacy e Pulsanti occupano tutta la riga (sotto ai campi) */
.elementor-widget-shortcode .ai360-multistep-checkbox-option,
.elementor-widget-shortcode .ai360-multistep-navigation,
.elementor-widget-shortcode .ai360-multistep-messages{
  grid-column: 1 / -1 !important;
}

/* 4) Privacy in-line (checkbox + testo sulla stessa riga) */
.elementor-widget-shortcode .ai360-multistep-checkbox-option{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  text-align: left !important;
}

/* 5) Contenitore pulsanti centrato */
.elementor-widget-shortcode .ai360-multistep-navigation{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 16px !important;  /* conserva il tuo spacing */
}

/* 6) Il testo nel bottone resta perfettamente centrato */
.elementor-widget-shortcode .ai360-multistep-submit-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* 7) Mobile: torna a 1 colonna */
@media (max-width: 768px){
  .elementor-widget-shortcode .ai360-multistep-step[data-step-type="fields"] .ai360-multistep-fields{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}
/* Centra la riga Privacy come il bottone */
.elementor-widget-shortcode .ai360-multistep-checkbox-option{
  justify-content: center !important;   /* contenuto al centro */
  justify-self: center !important;      /* centrata nella griglia */
  text-align: center !important;        /* testo centrato */
  margin-inline: auto !important;       /* fallback di centratura */
  column-gap: 10px !important;          /* spazio tra checkbox e testo */
}

.elementor-widget-shortcode .ai360-multistep-checkbox-option input[type="checkbox"]{
  margin: 0 !important;
}

.elementor-widget-shortcode .ai360-multistep-checkbox-option label{
  margin: 0 !important;
  line-height: 1.3 !important;
}
/* PRIVACY: occupa tutta la riga della griglia e si centra come il bottone */
.elementor-widget-shortcode .ai360-multistep-checkbox-option{
  grid-column: 1 / -1 !important;     /* span su entrambe le colonne */
  justify-self: center !important;     /* centro nella griglia */
  display: inline-flex !important;     /* checkbox + testo sulla stessa riga */
  align-items: center !important;
  gap: 10px !important;
  text-align: center !important;
  margin: 14px auto 8px !important;
}

/* Colori ben visibili sullo sfondo */
.elementor-widget-shortcode .ai360-multistep-checkbox-option label{
  color: #EAF2FF !important;           /* testo chiaro */
  font-weight: 500;
}
.elementor-widget-shortcode .ai360-multistep-checkbox-option label a{
  color: #8BD1FF !important;           /* link privacy ben visibile */
  text-decoration: underline;
}

/* Checkbox con accento coerente col brand */
.elementor-widget-shortcode .ai360-multistep-checkbox-option input[type="checkbox"]{
  accent-color: #028BD7 !important;
  width: 18px; height: 18px;
  margin: 0 !important;
}

/* (di sicurezza) anche la barra dei pulsanti a tutta riga e centrata */
.elementor-widget-shortcode .ai360-multistep-navigation{
  grid-column: 1 / -1 !important;
  justify-self: center !important;
}
.elementor-widget-shortcode .ai360-error-message{
  color: #fff !important;
  background: #c60c23cc !important;  /* rosso con leggera trasparenza */
  border: 1px solid #c60c23 !important;
  border-left: 4px solid #8f0a19 !important;
}
/***** Errori compatti che NON stravolgono il layout *****/

/* ogni wrapper campo diventa il riferimento per l'etichetta errore */
.elementor-widget-shortcode .ai360-multistep-field-wrap{
  position: relative;
  padding-bottom: 16px;              /* piccolo spazio riservato sotto al campo */
}

/* messaggio errore: mini-label sotto al campo, fuori dal flusso */
.elementor-widget-shortcode .ai360-error-message{
  position: absolute !important;
  left: 0;
  top: calc(100% + 2px);
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  width: auto !important;
  max-width: 100%;
  font-size: 12px;
  line-height: 1.2;
  color: #ffd2d7;                    /* leggibile su sfondo scuro */
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* piccola icona di avviso */
.elementor-widget-shortcode .ai360-error-message::before{
  content: "⚠";
  font-size: 12px;
  color: #ff7a86;
}

/* checkbox Privacy: stesso comportamento */
.elementor-widget-shortcode .ai360-multistep-checkbox-option{
  position: relative;
  padding-bottom: 16px;
}
.elementor-widget-shortcode .ai360-multistep-checkbox-option .ai360-error-message{
  left: 0;                            /* se preferisci dopo la checkbox usa left: 28px; */
}

/* messaggio globale del form: compatto e discreto */
.elementor-widget-shortcode .ai360-multistep-messages{
  display: flex; justify-content: center; gap: 8px;
}
.elementor-widget-shortcode .ai360-multistep-messages .ai360-error-message{
  position: static !important;
  padding: 4px 8px !important;
  background: rgba(198,12,35,.10) !important;
  border: 1px solid rgba(198,12,35,.30) !important;
  border-radius: 6px;
  color: #ffb8bf !important;
}

/* rimuove ogni “blocco rosso grande” residuo di vecchie regole */
.elementor-widget-shortcode .ai360-error-message[style*="display:block"]{
  display: inline-flex !important;
}
/* Reset: nessuno spazio extra se non c'è errore */
.elementor-widget-shortcode .ai360-multistep-field-wrap,
.elementor-widget-shortcode .ai360-multistep-checkbox-option{
  position: relative;
  padding-bottom: 0;
}

/* Aggiungi spazio SOLO quando il messaggio di errore è visibile */
@supports .elementor-858 .elementor-element.elementor-element-00c5a13(:has(*)) {
  .elementor-widget-shortcode .ai360-multistep-field-wrap:has(.ai360-error-message:not([style*="display:none"])),
  .elementor-widget-shortcode .ai360-multistep-checkbox-option:has(.ai360-error-message:not([style*="display:none"])){
    padding-bottom: 16px;       /* riserva spazio solo in caso di errore */
  }
}

/* Fallback (browser senza :has): mini cuscinetto per evitare sovrapposizioni */
@supports not .elementor-858 .elementor-element.elementor-element-00c5a13(:has(*)) {
  .elementor-widget-shortcode .ai360-multistep-field-wrap,
  .elementor-widget-shortcode .ai360-multistep-checkbox-option{
    padding-bottom: 6px;
  }
}/* End custom CSS */