input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 html {
     scroll-behavior: smooth;
     color: #005ba4;

 }


 /* Sfondo grigio */
 .popup-background {
     display: none;
     /* Nascosto di default */
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     /* Sfondo semi-trasparente */
     z-index: 1000;
 }

 #d {
     border-radius: 7px;
     height: 0px;
     padding: 4% 5%;
     font-size: max(15px, 1vw);

 }

 .popup-container h1 {
     width: 90%;
     font-size: max(15px, 1vw);
 }

 /* Contenitore del popup */
 .popup-container {
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: #fff;
     padding: 20px;
     border-radius: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     text-align: center;
     z-index: 1001;
     width: 470px;
 }

 .popup-container .cont_risposte {
     width: 78%;
     margin: 1% auto;
 }

 .popup-container .risposta {
     margin: 0 auto;
     width: 45%;
 }

 /* Bottone di chiusura */
 .popup-close {
     background-color: #e74c3c;
     color: white;
     border: none;
     padding: 10px 20px;
     border-radius: 5px;
     cursor: pointer;
 }

 /* Impedisce lo scroll della pagina quando il popup è attivo */
 body.popup-active {
     overflow: hidden;
 }

 .popup {
     display: none;
     margin-top: -27%;
     background: #fffffff0;
     z-index: 9999;
     position: relative;
     padding: 2%;
     width: 45%;
     margin: 0 auto;
     border: 2px solid;
     margin-top: -30%;
     border-radius: 24px;

 }

 .popup .risposta {
     width: 48%;

 }

 .popup h1 {
     width: 95%;
 }

 .logo2mob {
     display: none;
 }

 /* Stile del menu */
 .menu {
     display: flex;
     /* Layout flessibile orizzontale */
     justify-content: center;
     /* Centra il menu orizzontalmente */
     list-style-type: none;
     /* Rimuovi i bullet points */
     margin: 0;
     padding: 0;

     /* Sfondo scuro */
 }

 /* Stile per gli elementi della lista */
 .menu li {
     margin: 0 15px;
     color: #005ba4;
     /* Spaziatura tra i link */
 }

 /* Stile per i link */
 .menu li a {
     display: block;
     padding: 4px 2px;
     text-decoration: none;
     color: #005ba4;
     font-size: max(12px, 0.9vw);
     font-family: Arial, sans-serif;
     transition: background-color 0.3s ease, color 0.3s ease;

     /* Transizione morbida per hover */
 }

 /* Stile per il passaggio del mouse (hover) */
 .menu li a:hover {

     /* Cambia colore di sfondo quando si passa col mouse */
     color: #005ba4;
     /* Colore del testo quando hover */

 }


 .loghi {
     margin: 0 auto;
     width: 20%;
     display: flex;
     text-align: center;
 }

 .loghi img {
     width: 30%;
     margin: 9% auto;
 }

 body {
     font-family: 'Poppins', sans-serif;
     font-size: 20px;
     margin: 0 auto;
     padding: 0;
     scroll-behavior: smooth;

     --min-width: 1100px;
     background: url('sfondo-bolle.jpg') repeat;
     background-size: cover;
 }

 #consenso1 {
     display: inline-block;
     width: max(16px, 1vw);
     height: max(15px, 1vw);
     /* margin-left: 0%; */
     /* display: block; */
     /* margin-top: -1%; */
     /* margin-bottom: 6%; */
     vertical-align: sub;
 }

 .header {
     width: 100%;
     background-color: white;
 }

 .logo {

     display: block;
     margin: 1% auto;
     width: 15%;

 }

 .striscia_verde {
     background-color: #005ba4;
     width: 100%;
     text-align: center;
     color: white;
     font-weight: bold;
     padding: 1% 0%;
 }

 .striscia_verde img {
     position: relative;
     top: 8px;
     width: 2%;
 }

 /* Stile per il link */
 .underline {
     display: inline-block;
     position: relative;
     color: #333;
     text-decoration: none;
     font-size: 24px;
     font-family: Arial, sans-serif;
 }

 .underline.first::after {
     visibility: visible;
     transform: scaleX(1);

     background-color: #86b31f;
 }

 /* Sottolineatura invisibile iniziale */
 .underline::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 2px;
     bottom: 0;
     left: 0;
     background-color: #5a5a5a;
     visibility: hidden;
     transform: scaleX(0);
     transition: all 0.3s ease-in-out;
 }

 /* Quando l'utente passa il mouse sopra, l'animazione parte */
 .underline:hover::after {

     visibility: visible;
     transform: scaleX(1);
 }


 .striscia_verde span {
     background-color: #005ba4;

     width: 100%;
     text-align: center;
     color: white;
     font-weight: bold;
     font-size: 1.5vw;
 }

 nav {
     display: none;
 }

 .barra {
     margin: 0 auto;
     display: block;
     padding-top: 2%;
 }

 #step13 {
     text-align: center;
 }

 .pagina {
     padding-bottom: 2vw;
 }

 h1 {
     color: #005ba4;
     text-align: center;
     font-size: max(20px, 1.5vw);
     font-weight: 900;
     width: 32%;
     margin: 0vw auto;
     display: block;
     margin-bottom: 0.5vw;
 }

 .step12 h1 {
     font-size: 20px;
     margin-bottom: 2%;
 }


 .step12 h3 {
     margin-top: 2%;
     font-size: 20px;
     font-weight: 900;
     WIDTH: 90%;
     MARGIN: 0 AUTO;
 }

 .step12 u {
     font-size: 20px;
     display: block;
     width: 80%;
     margin: 0 auto;
 }

 h2 {
     text-align: center;
     font-size: max(15px, 1vw);
     margin: 0px;
     padding: 0px;
     padding-top: 1%;
 }

 h3 {
     text-align: center;
     font-size: max(15px, 1vw);
     margin: 0px;
     padding: 0px;
     padding-top: 1%;
     font-weight: normal;
 }

 /* RISPOSTE  **/

 .step91 .cont_risposte {
     text-align: center;
     width: 50%;
     margin: 0 auto;
     font-size: max(20px, 1vw);
 }

 .conferma {
     background-color: #0092d9;
     color: white;
     font-weight: bold;
     width: 87%;
     margin: 0 auto;
     text-align: center;
     font-size: max(15px, 1vw);
     cursor: pointer;
     border: 1px solid white;
     margin: 2% auto;
     display: -webkit-box;
     padding: 2%;
     border-radius: 10px;
     height: fit-content;
 }


 .cont_risposte {
     text-align: center;
     width: 30%;
     margin: 0 auto;
 }

 .div_cont_risposte {


     display: flex;
     margin: 0 auto;
     flex-wrap: wrap;
 }

 .risposta_input {
     width: 92%;
     padding: 3%;
     border: 1px solid #dedede;
     background: white;
     text-align: center;
     margin: 1% auto;
     cursor: pointer;
     HEIGHT: AUTO;
     font-size: 1.5vw;
     color: #005ba4;
     font-weight: bold;
 }

 select {
     min-width: 96%;
 }

 .indietro2 {
     background-color: #0092d9;
     color: white;


     font-weight: bold;
     width: 98%;
     margin: 0 auto;
     text-align: center;
     font-size: 1.5vw;
     cursor: pointer;

     margin: 1% auto;
     display: inline-block;
     padding: 15px;
     border: 1px solid white;
     border-radius: 6px;
 }

 .risposta_input2 {
     width: 29%;
     padding: 4%;
     border: 1px solid #dedede;
     background: white;
     text-align: center;
     margin: 0% auto;
     cursor: pointer;
     HEIGHT: 28PX;
     font-size: 1.5vw;
     color: #005ba4;
     font-weight: bold;
 }

 .risposta {
     border: 1px solid #373a38;
     background-color: white;
     color: #373a38;
     font-weight: bold;
     width: 35%;
     margin: 0 auto;
     text-align: center;
     font-size: max(15px, 1.1vw);
     cursor: pointer;
     margin: 1% auto;
     display: inline-block;
     padding: 10px 5px;
     border-radius: 6px;
     height: fit-content;
 }

 .ico {
     display: block;
     margin: 0 auto;
     width: 50%;
 }

 form {
     margin-bottom: 0px;

 }

 .frase1 {
     width: 94%;
     font-weight: bold;
     text-align: center;
     margin: 0 auto;
     display: block;
     font-size: max(11px, 0.5vw);
     margin-top: 1%;
     text-decoration: underline;
 }

 .risposta img {
     display: block;
     margin: 0 auto;
 }

 .step7 .div_cont_risposte,
 .step5 .div_cont_risposte,
 .step8 .div_cont_risposte,
 .step13 .div_cont_risposte,
 .step_negozio_13 .div_cont_risposte,
 .step_negozio_14 .div_cont_risposte,
 .step_negozio_15 .div_cont_risposte,
 .step_negozio_16 .div_cont_risposte,


 .step15 .div_cont_risposte,
 .step16 .div_cont_risposte,
 .step13 .div_cont_risposte,
 .step1 .div_cont_risposte {
     width: 70%;
 }

 .step_negozio_13 .risposta,
 .step_negozio_14 .risposta,
 .step_negozio_16 .risposta,
 .step_negozio_15 .risposta,
 .step13 .risposta,
 .step14 .risposta,
 .step15 .risposta,
 .step16 .risposta,
 .step7 .risposta,
 .step8 .risposta,
 .step5 .risposta,
 .step4 .risposta,
 .step14 .risposta,
 .step1 .risposta {

     width: 45%;

 }

 .step92 {
     display: none;
 }

 .step9 .risposta {

     font-weight: bold;
     width: 30%;
     margin: 1% auto;
     padding: 3% 1%;
 }

 #step_negozio_16 .risposta {

     min-height: 170px;
 }

 .step10 .risposta,

 .step14 .risposta {
     padding: 4% 0%;
 }

 .step15 .risposta {
     padding: 4% 0%;
 }

 .step16 .risposta {
     padding: 3% 5%;
 }

 .step17 .risposta {
     width: 32%;
     padding: 4% 3%;
     min-height: 112px;

 }

 .step2 .risposta,
 .step3 .risposta,
 .step14 .risposta,
 .step4 .risposta {
     width: 45%;

     font-size: 1vw;

 }

 #risposte2 {

     display: flex;
     margin: 0 auto;
     flex-wrap: wrap;
     width: 70%;

 }

 .step10 .risposta {
     width: 30%;
 }

 .step6 .risposta {
     width: 23%;
 }

 .step91 h1 {
     width: 90%;
     margin: 1% auto;
     font-size: max(25px, 2.5vw);
 }

 .div_cont_risposte input {
     width: 90% !important;
 }

 .step91 .avanti {
     width: 70%;
     margin-top: 3%;
 }


 .duerighe {
     padding-bottom: 3.5%;
     padding-top: 0.5%;
 }

 .verde {
     background-color: #005ba4;
     color: white;
     font-weight: bold;

 }


 .msg_alert {
     font-size: 16px;
     color: red;
     font-weight: bold;
     display: none;
     text-align: center;
     margin: 0px auto;
     position: relative;

 }



 .avanti {
     background-color: #0092d9;
     color: white;

     font-weight: bold;
     width: 48%;

     margin: 0 auto;
     text-align: center;
     font-size: max(18px, 1.3vw);
     cursor: pointer;
     border: 1px solid white;
     margin: 1% auto;
     display: inline-block;
     padding: 15px;

     border-radius: 6px;
 }

 .grande {
     width: 98%;
     display: block;
 }

 .indietro {
     border: 1px solid #0092d9;
     background-color: white;
     color: #0092d9;
     font-weight: bold;
     width: 48%;
     margin: 0 auto;
     text-align: center;
     font-size: max(18px, 1.3vw);
     cursor: pointer;
     margin: 1% auto;
     display: inline-block;
     padding: 15px;
     border-radius: 6px;
 }


 #email,
 #provincia,
 #dimensioni,
 #cap,
 #nstanze,
 #proprietario,
 #split,
 #finanziamento,
 #spazioesterno,
 #nome,
 #cognome,
 #telefono,
 #predisposizione {
     margin: 0 auto;
     width: 500px;
     padding-left: 3%;
     font-size: max(15px, 1vw);
     height: 55px;
     margin: 5px AUTO;
     border-radius: 6px;
     display: block;
     text-align: left;



 }

 #telefono2 {
     border-radius: 9px;
     height: 0;
     height: fit-content;
     width: 87%;
     padding: 1%;
     text-align: center;
     font-size: max(20px, 1.5vw);
     padding-left: 4%;
 }

 #telefono22 {
     border-radius: 9px;
     height: 0;
     height: fit-content;
     width: 87%;
     padding: 1%;
     text-align: center;
     font-size: max(20px, 1.5vw);
     padding-left: 4%;
 }

 #annodinascita {
     margin: 0 auto;
     width: 42%;
     padding-left: 5%;

     font-size: 1.2vw;
     height: 65px;
     margin: 0 AUTO;
     width: 27%;
     margin-right: 5%;
     border-radius: 6px;

 }

 #provincia {
     width: 97%;
     border-radius: 6px;
 }

 .div_privacy {
     width: 90%;
     display: inline-block;
     vertical-align: top;

 }

 .step3,
 .step01,
 .step11,
 .step2,
 .step0,
 .step4,
 .step5,
 .step6,

 .step10,
 .step72,
 .step91,
 .step4bis,
 .step7,
 .step_thanx,
 .step8,
 .step9,
 .step10,
 .step11,
 .step12,
 .step_negozio_13,
 .step_negozio_14,
 /*.step1,*/
 .step_negozio_15,
 .step_negozio_16,
 .step13,
 .step14,
 .step15,
 .step16,
 .step17,
 .step19,
 .step20,
 .step18,

 .step9 {

     display: none;
 }


 .step2,
 .step3 {

     opacity: 0;
     display: none;
     transition: opacity 0.5s ease-in-out;

 }

 .step2.show,
 .step3.show,
 .step4.show,
 .step5.show,
 .step6.show,
 .step7.show,
 .step8.show {
     display: block;
     opacity: 1 !important;
 }

 .privacy_d.clcc {
     display: flow-root;
     margin-top: 2%;
 }

 .check {
     float: left;
     height: 15px;
     width: 15px;
 }

 .footer {
     color: white;
     background-color: #373a38;
     font-size: max(10px, 0.7vw);
     text-align: center;
     position: fixed;
     bottom: 0px;
     width: 100%;
     padding: 0.5% 0px;

 }

 .loader {
     margin: 0 auto;
     display: block;
 }

 #telefono {
     width: 500px;
     border-radius: 6px;
 }

 .cont_risposte_telefono {

     width: 30%;
     margin: 0 auto;
 }

 .privacy {
     font-size: 11px;
     PADDING: 1%;
     TEXT-ALIGN: left;
     margin: 0 auto;
     text-align: left;
     width: 95%;
 }

 .step6 h2 {
     text-align: center;
     font-size: 2vw;
     margin: 0px;
     padding: 0px;
     padding-top: 1%;
     color: #0092d9;
     color: #005ba4;
 }

 .gest_consensi {
     margin: 12px auto;
     display: block;
     text-align: center;
     font-size: 11px;
 }

 .logo1 {
     margin-left: 2%;
     width: 15%;
     margin-top: 0.2vw;
     margin-bottom: 0.5vw;
 }

 .logo2 {
     width: 14%;
     float: right;
     display: inline-block;
     margin-top: 0.3%;
     margin-right: 1%;
 }

 .fascia_blu {
     background: #005ba4;
     color: white;
     text-align: center;
     font-weight: bold;
     padding: 0.2vw;
     font-size: max(18px, 1.2vw);
 }







 body,
 html {
     margin: 0px;
     padding: 0px;
     scroll-behavior: smooth;
     font-style: normal;
     font-weight: 400;
     font-size: 27px;
     color: #1e3d6f;
     background-color: WHITE;
     font-family: "Poppins", sans-serif;
 }

 * {
     box-sizing: border-box;
     font-family: "Poppins", sans-serif;
     transition: 1s all;
 }

 * {
     transition: all 0.2s;
 }


 #cap {
     margin: 0 auto;
     display: block;
     width: 98%;
     text-align: center;
 }

 /* general styling */


 /* Chrome, Safari, Edge, Opera */


 /**************************************************************************************************/

 .indietro,
 .avanti {
     margin-top: 5%;
 }

 .cont_check2 img {
     width: 10%;
 }

 .risposta:hover {
     background-color: #005ba4;
     color: white
 }



 .risposta:hover #ico1 {

     content: url('W_casa.png');
 }

 .risposta:hover #ico2 {

     content: url('W_appartamento.png');
 }

 .risposta:hover #casa3,
 .risposta:hover #casa2,
 .risposta:hover #casa1 {
     content: url('W_casa.png');

 }



 .risposta:hover #ico3 {

     content: url('W_si.png');
 }

 .risposta:hover #ico4 {

     content: url('W_no.png');
 }

 .risposta:hover #ico5 {

     content: url('negozio-over.png');
 }




 .risposta:hover #icomese3 {

     content: url('5.2-calendario-w.png');

 }

 .risposta:hover #icomese2 {

     content: url('5.1-calendario-w.png');
 }

 .risposta:hover #icomese1 {

     content: url('5-calendario-w.png');
 }





 .risposta:hover #Altro {
     content: url('guarda-di-piu_w.png');
 }

 .risposta:hover #Enel,
 .risposta:hover #Eni,
 .risposta:hover #Edison,
 .risposta:hover #Iren,
 .risposta:hover #Argos,
 .risposta:hover #Illumia,
 .risposta:hover #Acea,
 .risposta:hover #Argos {
     content: url('luce-e-gas-enti_w.png');
 }



 .risposta:hover #ico33 {

     content: url('3-metratura-w.png');
 }

 .risposta:hover #ico44 {

     content: url('3.1-metratura-w.png');
 }

 .risposta:hover #ico55 {

     content: url('3.2-metratura-w.png');
 }



 .risposta:hover #ico6 {

     content: url('4-stanza-w.png');
 }

 .risposta:hover #ico7 {

     content: url('4.1-stanza-w.png');
 }

 .risposta:hover #ico8 {

     content: url('4.2-stanza-w.png');
 }






 .risposta:hover #ico9 {

     content: url('2-o-piu-w.png');
 }

 .risposta:hover #ico10 {

     content: url('tre-w.png');
 }


 .risposta:hover #ico101 {

     content: url('quattro-o-piu-w.png');
 }



 .risposta:hover #ico12 {

     content: url('no-w.png');
 }

 .risposta:hover #ico11 {

     content: url('si-w.png');
 }

 .risposta:hover #ico162 {

     content: url('fattura-diversa-w.png');
 }

 .risposta:hover #ico161 {

     content: url('fattura-unica-w.png');

 }


 .risposta:hover #ico171 {

     content: url('si-w.png');
 }

 .risposta:hover #ico172 {

     content: url('solo-alcune-w.png');

 }


 .risposta:hover #ico173 {

     content: url('no-w.png');

 }




 .risposta:hover #ico_luci {

     content: url('energia-verde-w.png');
 }

 .risposta:hover #ico_elettrodomestici {

     content: url('elettrodomestici_w.png');

 }

 .risposta:hover #ico_uffici {

     content: url('pc-uffici_w.png');

 }

 .risposta:hover #ico_macchine {

     content: url('macchine-industriali_w.png');

 }


 .risposta:hover #ico_negozio {

     content: url('negozio-over.png');
 }

 .risposta:hover #ico_ristorante {

     content: url('ristorante_bar_w.png');

 }

 .risposta:hover #ico_magazzino {

     content: url('magazzino_w.png');

 }

 .risposta:hover #ico_altro {

     content: url('guarda-di-piu_w.png');

 }

 .risposta:hover #ico152 {

     content: url('regioni-diverse-w.png');
 }

 .risposta:hover #ico151 {

     content: url('stessa-regione-w.png');

 }

 .risposta:hover #ico13 {

     content: url('5-calendario-w.png');
 }

 .risposta:hover #ico14 {

     content: url('5.2-calendario-w.png');
 }

 .risposta:hover #ico15 {

     content: url('5.1-calendario-w.png');
 }

 .risposta:hover #ico81 {

     content: url('addebito-bancario-w.png');
 }

 .risposta:hover #ico82 {

     content: url('bollettino-postale-w.png');
 }


 .risposta:hover #ico91 {

     content: url('sconti-w.png');
 }

 .risposta:hover #ico92 {

     content: url('energia-verde-w.png');
 }

 .risposta:hover #ico93 {

     content: url('tariffe-basse-w.png');
 }



 .risposta:hover #ico16 {

     content: url('prezzo-fisso-w.png');
 }

 .risposta:hover #ico17 {

     content: url('prezzo-variabile-w.png');
 }


 .selezionato {
     background-color: #005ba4 !important;
     color: white !important;

 }





 .step_negozio_13 h3,
 .step13 h3 {
     display: block;

     font-size: 22px;
     text-align: center;
     margin: 0 auto;
 }


 .logo3 {
     display: none;
 }

 .step_negozio_13 {
     text-align: center;
     font-size: 22px;
 }

 .grazie {
     font-weight: normal;
     border: 1px solid;
     border-radius: 6px;
     width: 33%;
     padding: 1% 1%;

 }

 @media screen and (max-width:1500px) {
     .step10 .risposta {
         padding: 4% 2%;
     }


     .cont_risposte {
         text-align: center;
         width: 40%;
     }

     .step9 .risposta {
         min-height: 170px;
     }

     .logo2 {

         margin-right: 2%;
         display: inline-block;
         float: right;

     }

     .logo1 {}
 }


 @media screen and (max-width:1024px) {
     .step12 u {
         font-size: 20px;
         display: block;
         width: 60%;
         margin: 0 auto;
     }

     .step9 .risposta {


         min-height: 27vw;
         ;
     }

     .logo2mob {
         display: block;
         width: 30%;
         float: right;
         display: inline-block;
         margin-top: 0.3%;
         margin-right: 1%;
     }

     .cont_risposte {
         width: 95%;
     }

     .privacy_d.clcc {
         display: flow-root;
         margin-top: 15px;
         width: 90%;
         margin: 0 auto;
         margin-top: 14px;
         font-size: 11px;
     }

     .msg_alert {
         font-size: 14px;
     }

     .pagina {
         min-height: 0;
         height: 76vh;

     }

     .logo {
         width: 20%;
     }

     .striscia_verde {
         padding: 2% 0%;
     }

     .striscia_verde span {
         font-size: 3vw;
     }

     .striscia_verde img {
         width: 4%;
         top: 6px;
     }

     .risposta {
         width: 45%;
         font-size: 20px;


     }

     .barra {
         margin: 0 auto;
         display: block;
         width: 60%;
         padding-top: 2%;
     }

     h1 {
         color: #005ba4;
         text-align: center;
         font-size: 25px;
         font-weight: 900;
         width: 70%;
     }


     #email,
     #provincia,
     #dimensioni,
     #cap,
     #nstanze,
     #proprietario,
     #split,
     #finanziamento,
     #spazioesterno,
     #nome,
     #cognome,
     #telefono,
     #predisposizione {
         margin: 0 auto;
         width: 90%;
         padding-left: 3%;
         font-size: 20px;
         height: 60px;
         margin: 0px AUTO;
         margin-top: 3%;

     }

     #cap {
         text-align: center;
     }

     .indietro {
         margin-top: 5%;
         margin-bottom: 5%;
         ;
     }

     #msg_professione,
     #msg_nome,
     #msg_telefono,
     #msg_d,
     #msg_email {
         font-size: 10px !important;
         color: red;
         font-weight: bold;
         display: none;
         text-align: center;
         margin: 14px auto;
         position: relative;
     }

     .div_cont_risposte input {
         width: 95% !important;
     }

     .privacy {
         width: 100%;
         font-size: 10px;
     }


     .step6 h2 {
         text-align: center;
         font-size: 6vw;
         margin: 0px;
         padding: 0px;
         padding-top: 1%;
         color: #0092d9;
         color: #005ba4;
         width: 90%;
         margin: 0 auto;
     }

     .footer {
         font-size: 12px;
         padding: 10px 0px;
         position: relative;
     }

     .loghi img {
         width: 29%;
         margin: 9% auto;
         display: block;
         margin: 2vh auto;
     }

     .pagina {
         min-height: 78%;
         height: auto;
         margin-bottom: 11%;
     }

     .loghi {
         margin: 0 auto;
         width: 100%;
         display: flex;
         text-align: center;
     }

     .logo1 {
         margin: 2%;
         width: 30%;
         display: inline-block;
         margin-bottom: 2%;
     }

     .logo2 {
         display: none;
     }

     .fascia_blu {
         background: #005ba4;
         color: white;
         text-align: center;
         font-weight: bold;
         padding: 1vw;
         font-size: 20px;
     }

     .step91 .cont_risposte {
         text-align: center;
         width: 70%;
         margin: 0 auto;
         font-size: 20px;
     }

     .step7 .div_cont_risposte,
     .step4 .div_cont_risposte,
     .step1 .div_cont_risposte {
         width: 100%;
     }

     .footer {
         font-size: 12px;
     }

     .consenso {
         width: 20px;
         height: 20px;
         float: left;
         margin-left: -2%;
     }

     .conferma {
         width: 86%;
         padding: 2%;
         font-size: 18px;

     }

 }




 @media screen and (max-width:625px) {

     .testo h1 {
         width: 80% !important;
     }

     .footer {
         font-size: 12px;
         padding: 10px 0px;
         position: relative;
     }

     h1 {
         font-size: 5.5vw;
         width: 95%;
     }

     .step4 h1,
     .step5 h1 {
         width: 79%;
     }

     .step6 h1 {
         width: 68.5%;
     }

     .step2 h1 {
         width: 90%;
     }

     .step7 h1 {
         width: 80%;
     }

     .logo {
         width: 30%;
     }

     .striscia_verde span {
         font-size: 5vw;
     }

     .striscia_verde img {
         width: 6%;
     }

     .footer {
         padding: 4% 0%;
     }

     .step3 h1 {
         font-size: 5vw;
         width: 100%;
     }

     .risposta {
         width: 45%;
         font-size: 15px;
         height: auto;
     }

     #msg_email #msg_telefono {
         font-size: 10px !important;
     }

     .step91 .cont_risposte {
         text-align: center;
         width: 90%;
         margin: 0 auto;
         font-size: 20px;
     }

     .step2 .risposta {

         font-size: 15px;

     }

     .step91 .avanti {
         width: 100%;
         margin-top: 5%;
     }

     .step91 h1 {
         width: 90%;
         margin: 1% auto;
         font-size: 30px;
     }

     .step7 .div_cont_risposte,
     .step5 .div_cont_risposte,

     .step1 .div_cont_risposte {
         width: 350px !important;
     }

     .div_cont_risposte {
         width: 95% !important;
     }

     .indietro,
     .avanti {
         width: 45%;
     }

     .step91 h3 {


         font-size: 18px;
         margin: 20px auto;

     }



     select {
         font-size: 16px !important;
     }

     .logo3 {
         display: none;
     }

     #step_negozio_16 .risposta {

         min-height: 0px;
     }

     .logo2 {
         display: none;
     }

     .logo2mob {
         display: block;
         float: right;
         width: 40%;
         margin-right: 2%;
         margin-top: 1%;
     }


     .frase1 {
         width: 90%;
         text-align: center;
         margin: 0 auto;
         display: block;
         font-size: 12px;
         margin-top: 2%;
         text-decoration: underline;
         font-weight: bold;
     }

     .step12 h3 {
         margin-top: 2%;
         font-size: 20px;
         font-weight: 900;
         WIDTH: 94%;
         MARGIN: 0 AUTO;
     }

     .popup {
         width: 90%;
         margin-top: -147%;
         padding: 1%;
         padding-top: 7%;
         padding-bottom: 12%;
     }
 }

 @media screen and (max-width:600px) {

     .grazie {
         display: block;
         width: 96%;
         font-size: 25px;
         text-align: center;
         margin: 0 auto;
         border: 1px solid;
         border-radius: 5px;
         padding: 4% 9%;

     }

     .footer {
         font-size: 12px;
         padding: 10px 0px;
         position: relative;



     }

     .step9 .risposta {
         min-height: 100px;
     }

     .step12 .avanti {
         width: 100%;

     }

     .step12 u {
         font-size: 20px;
         display: block;
         width: 80%;
         margin: 0 auto;
     }

     /* Contenitore del popup */
     .popup-container {

         width: 95%;
     }
 }