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

 html {
     scroll-behavior: smooth;
 }

 .phone_gif {
     width: 18%;
     display: inline-block;
 }

 .call-text strong {
     display: inline-block;
 }

 /* Sfondo grigio */

 /* Contenitore del popup */

 /* Bottone di chiusura */

 /* Impedisce lo scroll della pagina quando il popup è attivo */



 /* Stile del menu */

 /* Stile per gli elementi della lista */

 /* Stile per i link */

 /* Stile per il passaggio del mouse (hover) */



 /* Stile per il link */

 /* Sottolineatura invisibile iniziale */

 /* Quando l'utente passa il mouse sopra, l'animazione parte */

 #step13 {
     text-align: center;
 }

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

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

 /* RISPOSTE  **/



 .step-line {
     position: absolute;
     top: 0;
     left: 25px;
     width: 4px;
     height: 100%;
     background: #2aa581;
 }

 .ch1 {
     margin-left: -18px;
     width: 38px;
     margin-top: 100px;
 }

 .ch2 {
     margin-left: -18px;
     width: 38px;
     margin-top: 150PX;
 }



 /* general styling */


 /* Chrome, Safari, Edge, Opera */


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

 .grazie {
     font-weight: normal;


     width: 33%;
     padding: 1% 1%;

 }

 .step-container {
     position: relative;
     padding: 0px 0px;
     width: 40%;
     margin: 0 auto;
     border-radius: 10px;
     font-family: Arial, sans-serif;
 }

 .grazie {
     font-size: 20px;
     width: fit-content;
     text-align: left;
     width: 70%;
     margin: 0 auto;
     width: 41%;
     padding-top: 0;
     /* margin-top: 20px; */
     color: #000;
 }

 .grazie h1 {
     text-align: left;
     color: #25a76d;
     width: 100%;
     font-size: 32px;
 }

 .step-box {
     background: #ffffff;
     border: 1px solid #2aa581;
     border-radius: 6px;
     padding: 15px 20px;
     margin-left: 50px;
     margin-bottom: 30px;
     position: relative;
     text-align: left;
     color: black;
     WIDTH: 70%;
     min-width: 400px;

 }

 .step-header {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
 }

 .check-icon {
     width: 40px;
     /* height: 24px; */
     /* background-color: #2aa581; */
     padding: 4px;
     margin-right: 0px;
     position: relative;
     top: 0px;
 }

 .step-header h3 {
     TEXT-ALIGN: LEFT;

     margin: 0;
     color: #2aa581;
     font-size: 20PX;
     font-weight: bold;
     text-transform: uppercase;
 }

 /* Rimuove il bordo solo alla prima cella di ogni riga */

 /* Rimuove il bordo a tutte le celle dell’ultima riga */

 .step-info p {
     margin: 6px 0;
     font-size: 15px;
     border-bottom: 1px solid;
     padding: 3px;
     padding-left: 0;
 }

 .phone_gif {
     width: 18%;
     display: inline-block;
 }

 .call-text strong {
     display: inline-block;
 }

 .call-text {
     font-size: 16px;
     line-height: 1.4;
 }

 .phone-number {
     font-size: 20px;
     color: #fff;
 }

 .fascia-nera {
     background-color: #1A1A1A;
     color: white;
     width: 100%;
     text-align: center;
     padding: 0.5%;
     box-sizing: border-box;
 }

 .logo3 {
     display: block;
     width: 5%;
     margin: 0.5% auto;
     min-width: 100px;
 }

 /* Desktop: laterale a destra */

 /* Mobile: fissa in basso */


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

     .step-box {

         WIDTH: 100%;
     }

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

     .step-box {
         WIDTH: 87%;
     }

 }




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

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

     .phone_gif {
         width: 10%;
     }
 }

 @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%;

     }

     .check-icon {
         width: 15%;
         /* height: 24px; */
         /* background-color: #2aa581; */
         padding: 4px;
         margin-right: 0px;
     }

     .grazie h1 {
         text-align: left;
         color: #25a76d;
         width: 100%;
         font-size: 27px;
     }

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

     /* Contenitore del popup */

     .step-box {
         min-width: 200px;
         padding-left: 20px;
     }

     .check-icon {
         width: 39px;
         /* height: 24px; */
         /* background-color: #2aa581; */
         padding: 4px;
         margin-right: 0px;
     }

     .step-header h3 {
         TEXT-ALIGN: LEFT;
         margin: 0;
         color: #2aa581;
         font-size: 18PX;
         font-weight: bold;
         text-transform: uppercase;
     }

     .phone_gif {
         width: 10%;
     }

 }

 .phone_gif {
     width: 18%;
     display: inline-block;
 }

 .call-text strong {
     display: inline-block;
 }

 .call-banner {
     position: fixed;
     background-color: #25a76d;
     color: white;
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 15px;
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     z-index: 9999;
     font-family: 'Poppins', sans-serif;
     max-width: 300px;
     animation: slideIn 0.6s ease-out forwards;
 }

 .call-text {
     font-size: 16px;
     line-height: 1.4;
 }

 .phone-number {
     font-size: 20px;
     color: #fff;
 }

 @keyframes slideIn {
     from {
         transform: translateX(100%);
         opacity: 0;
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 /* Desktop: laterale a destra */
 @media screen and (min-width: 768px) {
     .call-banner {
         top: 20%;
         right: 20px;
     }
 }

 /* Mobile: fissa in basso */
 @media screen and (max-width: 767px) {
     .call-banner {
         bottom: 0;
         left: 0;
         width: 100%;
         max-width: none;
         border-radius: 0;
         justify-content: center;
         animation: slideUp 0.6s ease-out forwards;
         position: initial;
     }

     @keyframes slideUp {
         from {
             transform: translateY(100%);
             opacity: 0;
         }

         to {
             transform: translateY(0);
             opacity: 1;
         }
     }
 }




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

     .phone_gif {
         width: 10%;
     }
 }

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

     /* Contenitore del popup */

     .phone_gif {
         width: 10%;
     }

 }


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


 /* RISPOSTE  **/





 /* general styling */


 /* Chrome, Safari, Edge, Opera */


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


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

     h1 {

         width: 45%;

     }
 }


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

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




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

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

 @media screen and (max-width: 600px) {
     .step-container {
         position: relative;
         padding: 0px 0px;
         width: 90%;
         margin: 0;
         border-radius: 10px;
         font-family: Arial, sans-serif;
     }
 }

 .call-banner {
     /* position: fixed; */
     background-color: #25a76d;
     color: white;
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 15px;
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     z-index: 9999;
     font-family: 'Poppins', sans-serif;
     max-width: 300px;
     animation: slideIn 0.6s ease-out forwards;
     /* display: none; */
 }

 .call-text {
     font-size: 16px;
     line-height: 1.4;
 }

 .phone-number {
     font-size: 20px;
     color: #fff;
 }

 @keyframes slideIn {
     from {
         transform: translateX(100%);
         opacity: 0;
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 /* Desktop: laterale a destra */
 @media screen and (min-width: 768px) {
     .call-banner {
         top: 20%;
         right: 20px;
     }
 }

 /* Mobile: fissa in basso */
 @media screen and (max-width: 767px) {
     .call-banner {
         bottom: 0;
         left: 0;
         width: 100%;
         max-width: none;
         border-radius: 0;
         justify-content: center;
         animation: slideUp 0.6s ease-out forwards;
     }

     @keyframes slideUp {
         from {
             transform: translateY(100%);
             opacity: 0;
         }

         to {
             transform: translateY(0);
             opacity: 1;
         }
     }
 }




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

     .phone_gif {
         width: 10%;
     }
 }

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

     /* Contenitore del popup */

     .phone_gif {
         width: 10%;
     }

 }

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

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

 .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;
 }

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

     --min-width: 1100px;
     background: url('sfondo-pattern-lieve.png') 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: #000;
     width: 100%;
     text-align: center;
     color: white;
     font-weight: bold;
     padding: 1% 0%;
 }

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


 .striscia_verde span {
     background-color: #000;

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

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

 .pagina {
     padding-bottom: 0;
 }

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


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

 #risposte2 .risposta {
     width: 45%;

 }

 #risposte2 {
     WIDTH: 80%;

 }

 /* RISPOSTE  **/

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

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

 .div_cont_risposte {


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

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

 .indietro2 {
     background-color: #d8387f;
     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: #000;
     font-weight: bold;
 }

 .risposta {
     border: 1px solid #000;
     background-color: white;
     color: #000;
     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;

 }



 .step4 .div_cont_risposte,
 .step1 .div_cont_risposte {
     width: 70%;
 }



 .step4 .risposta,
 .step1 .risposta {
     width: 48%;
     padding: 5%;
 }

 .step2 .risposta,
 .step7 .risposta,
 .step5 .risposta,
 .step3 .risposta {
     width: 29%;
 }

 .step6 .risposta {
     width: 32%;
 }

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

 }

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

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

 }

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

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

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

 }


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

 }

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

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

 .avanti {
     background-color: #e12422;
     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 #e12422;
     background-color: white;
     color: #e12422;
     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,
 #alimentazione,
 #cap,
 #nstanze,
 #nuovo,
 #split,
 #finanziamento,
 #spazioesterno,
 #nome,
 #cognome,
 #telefono,
 #predisposizione {
     margin: 0 auto;
     width: 97%;

     padding-left: 1%;
     font-size: max(15px, 1vw);
     height: 65px;
     margin: 5px AUTO;
     border-radius: 6px;
     display: block;
     text-align: left;



 }

 #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;
 }


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

 .step10,
 .step71,
 .step91,
 .step4bis,
 .step7,

 .step8,

 .step9 {

     display: none;
 }

 .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: #ff0000;
     color: #000;
 }

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

 .logo1 {
     margin-left: 10vw;
     width: 15%;
 }

 .logo2 {
     width: 13%;
     margin-left: 59%;
     display: inline-block;
     margin-top: 0.5vw;
 }

 .fascia_blu {
     background: #000;
     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: #000;
     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: #000;
     color: white
 }



 .risposta:hover #ico1 {

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

 .risposta:hover #ico2 {

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




 .risposta:hover #ico3 {

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

 .risposta:hover #ico4 {

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

 .risposta:hover #ico5 {

     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('split-w.png');
 }

 .risposta:hover #ico10 {

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




 .risposta:hover #ico121 {

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

 .risposta:hover #ico111 {

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




 .risposta:hover #ico11 {

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

 .risposta:hover #ico12 {

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

 .risposta:hover #ico122 {

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


 .risposta:hover #ico13 {

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



 .risposta:hover #ico221 {

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

 .risposta:hover #ico222 {

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

 .risposta:hover #ico223 {

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

 .risposta:hover #ico224 {

     content: url('pompa-di-calore_w.png');
 }



 .risposta:hover #ico14 {

     content: url('1000-2000_w.png');
 }

 .risposta:hover #ico15 {

     content: url('mag-2000_w.png');
 }



 .risposta:hover #ico16 {

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

 .risposta:hover #ico17 {

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

 .risposta:hover #ico18 {

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





 .selezionato {
     background-color: #000;
     color: white;

 }













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

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

     h1 {

         width: 45%;

     }

     .cont_risposte {

         width: 50%;

     }

     .div_cont_risposte {
         width: 60% !important;
     }

     .step91 .div_cont_risposte {
         width: 97% !important;
     }

     #cap {

         width: 55%;
         text-align: center;
         padding: 10px;
         height: 50px;
     }

     .step91 .cont_risposte {

         width: 54%;

     }
 }


 @media screen and (max-width:1024px) {
     .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: #000;
         text-align: center;
         font-size: 25px;
         font-weight: 900;
         width: 70%;
     }


     #email,
     #provincia,
     #alimentazione,
     #cap,
     #nstanze,
     #nuovo,
     #split,
     #finanziamento,
     #spazioesterno,
     #nome,
     #cognome,
     #telefono,
     #predisposizione {
         margin: 0 auto;
         width: 97%;
         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_telefono2,
     #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%;
         height: 50px;
         font-size: 20px;
     }

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


     .step6 h2 {
         text-align: center;
         font-size: 6vw;
         margin: 0px;
         padding: 0px;
         padding-top: 1%;
         color: #ff0000;
         color: #000;
         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: 75%;
         height: auto;
         margin-bottom: 0;
     }

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

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

     .logo2 {
         width: 46%;
         margin-left: 51%;
         display: inline-block;
         position: relative;
         display: inline-block;
         margin-top: -11%;
     }

     .fascia_blu {
         background: #000;
         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%;
     }
 }




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

     .step5 .risposta {
         font-size: 11px;
     }

     .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: 65%;
     }

     .step7 h1 {
         width: 80%;
     }

     .logo {
         width: 30%;
     }

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

     .striscia_verde img {
         width: 6%;
     }

     .footer {
         padding: 4% 0%;
         position: fixed;
         bottom: 0px;
     }

     .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;
     }

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

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

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

     .step7 .div_cont_risposte,

     .step4 .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;

     }
 }

 @media screen and (max-width:425px) {
     .footer {
         font-size: 12px;
         padding: 10px 0px;
         position: relative;
     }
 }

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

 html {
     scroll-behavior: smooth;
 }

 .phone_gif {
     width: 18%;
     display: inline-block;
 }

 .call-text strong {
     display: inline-block;
 }

 /* Sfondo grigio */

 /* Contenitore del popup */

 /* Bottone di chiusura */

 /* Impedisce lo scroll della pagina quando il popup è attivo */



 /* Stile del menu */

 /* Stile per gli elementi della lista */

 /* Stile per i link */

 /* Stile per il passaggio del mouse (hover) */



 /* Stile per il link */

 /* Sottolineatura invisibile iniziale */

 /* Quando l'utente passa il mouse sopra, l'animazione parte */

 #step13 {
     text-align: center;
 }

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

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

 /* RISPOSTE  **/



 .step-line {
     position: absolute;
     top: 0;
     left: 25px;
     width: 4px;
     height: 100%;
     background: #2aa581;
 }

 .ch1 {
     margin-left: -18px;
     width: 38px;
     margin-top: 100px;
 }

 .ch2 {
     margin-left: -18px;
     width: 38px;
     margin-top: 150PX;
 }



 /* general styling */


 /* Chrome, Safari, Edge, Opera */


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

 .grazie {
     font-weight: normal;


     width: 33%;
     padding: 1% 1%;

 }

 .step-container {
     position: relative;
     padding: 0px 0px;
     width: 40%;
     margin: 0 auto;
     border-radius: 10px;
     font-family: Arial, sans-serif;
 }

 .grazie {
     font-size: 20px;
     width: fit-content;
     text-align: left;
     width: 70%;
     margin: 0 auto;
     width: 41%;
     padding-top: 0;
     /* margin-top: 20px; */
     color: #000;
 }

 .grazie h1 {
     text-align: left;
     color: #25a76d;
     width: 100%;
     font-size: 32px;
 }

 .step-box {
     background: #ffffff;
     border: 1px solid #2aa581;
     border-radius: 6px;
     padding: 15px 20px;
     margin-left: 50px;
     margin-bottom: 30px;
     position: relative;
     text-align: left;
     color: black;
     WIDTH: 70%;
     min-width: 400px;

 }

 .step-header {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
 }

 .check-icon {
     width: 40px;
     /* height: 24px; */
     /* background-color: #2aa581; */
     padding: 4px;
     margin-right: 0px;
     position: relative;
     top: 0px;
 }

 .step-header h3 {
     TEXT-ALIGN: LEFT;

     margin: 0;
     color: #2aa581;
     font-size: 20PX;
     font-weight: bold;
     text-transform: uppercase;
 }

 /* Rimuove il bordo solo alla prima cella di ogni riga */

 /* Rimuove il bordo a tutte le celle dell’ultima riga */

 .step-info p {
     margin: 6px 0;
     font-size: 15px;
     border-bottom: 1px solid;
     padding: 3px;
     padding-left: 0;
 }

 .phone_gif {
     width: 18%;
     display: inline-block;
 }

 .call-text strong {
     display: inline-block;
 }

 .call-text {
     font-size: 16px;
     line-height: 1.4;
 }

 .phone-number {
     font-size: 20px;
     color: #fff;
 }

 .fascia-nera {
     background-color: #1A1A1A;
     color: white;
     width: 100%;
     text-align: center;
     padding: 0.5%;
     box-sizing: border-box;
 }

 .logo3 {
     display: block;
     width: 5%;
     margin: 0.5% auto;
     min-width: 100px;
 }

 /* Desktop: laterale a destra */

 /* Mobile: fissa in basso */


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

     .step-box {

         WIDTH: 100%;
     }

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

     .step-box {
         WIDTH: 87%;
     }

 }




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

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

     .phone_gif {
         width: 10%;
     }
 }

 @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%;

     }

     .check-icon {
         width: 15%;
         /* height: 24px; */
         /* background-color: #2aa581; */
         padding: 4px;
         margin-right: 0px;
     }

     .grazie h1 {
         text-align: left;
         color: #25a76d;
         width: 100%;
         font-size: 27px;
     }

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

     /* Contenitore del popup */

     .step-box {
         min-width: 200px;
         padding-left: 20px;
     }

     .check-icon {
         width: 39px;
         /* height: 24px; */
         /* background-color: #2aa581; */
         padding: 4px;
         margin-right: 0px;
     }

     .step-header h3 {
         TEXT-ALIGN: LEFT;
         margin: 0;
         color: #2aa581;
         font-size: 18PX;
         font-weight: bold;
         text-transform: uppercase;
     }

     .phone_gif {
         width: 10%;
     }

 }

 .phone_gif {
     width: 18%;
     display: inline-block;
 }

 .call-text strong {
     display: inline-block;
 }

 .call-banner {
     position: fixed;
     background-color: #25a76d;
     color: white;
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 15px;
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     z-index: 9999;
     font-family: 'Poppins', sans-serif;
     max-width: 300px;
     animation: slideIn 0.6s ease-out forwards;
 }

 .call-text {
     font-size: 16px;
     line-height: 1.4;
 }

 .phone-number {
     font-size: 20px;
     color: #fff;
 }

 @keyframes slideIn {
     from {
         transform: translateX(100%);
         opacity: 0;
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 /* Desktop: laterale a destra */
 @media screen and (min-width: 768px) {
     .call-banner {
         top: 20%;
         right: 20px;
     }
 }

 /* Mobile: fissa in basso */
 @media screen and (max-width: 767px) {
     .call-banner {
         bottom: 0;
         left: 0;
         width: 100%;
         max-width: none;
         border-radius: 0;
         justify-content: center;
         animation: slideUp 0.6s ease-out forwards;
         position: initial;
     }

     @keyframes slideUp {
         from {
             transform: translateY(100%);
             opacity: 0;
         }

         to {
             transform: translateY(0);
             opacity: 1;
         }
     }
 }




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

     .phone_gif {
         width: 10%;
     }
 }

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

     /* Contenitore del popup */

     .phone_gif {
         width: 10%;
     }

 }


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


 /* RISPOSTE  **/





 /* general styling */


 /* Chrome, Safari, Edge, Opera */


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


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

     h1 {

         width: 45%;

     }
 }


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

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




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

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

 @media screen and (max-width: 600px) {
     .step-container {
         position: relative;
         padding: 0px 0px;
         width: 90%;
         margin: 0;
         border-radius: 10px;
         font-family: Arial, sans-serif;
     }
 }

 .call-banner {
     /* position: fixed; */
     background-color: #25a76d;
     color: white;
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 15px;
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     z-index: 9999;
     font-family: 'Poppins', sans-serif;
     max-width: 300px;
     animation: slideIn 0.6s ease-out forwards;
     /* display: none; */
 }

 .call-text {
     font-size: 16px;
     line-height: 1.4;
 }

 .phone-number {
     font-size: 20px;
     color: #fff;
 }

 @keyframes slideIn {
     from {
         transform: translateX(100%);
         opacity: 0;
     }

     to {
         transform: translateX(0);
         opacity: 1;
     }
 }

 /* Desktop: laterale a destra */
 @media screen and (min-width: 768px) {
     .call-banner {
         top: 20%;
         right: 20px;
     }
 }

 /* Mobile: fissa in basso */
 @media screen and (max-width: 767px) {
     .call-banner {
         bottom: 0;
         left: 0;
         width: 100%;
         max-width: none;
         border-radius: 0;
         justify-content: center;
         animation: slideUp 0.6s ease-out forwards;
     }

     @keyframes slideUp {
         from {
             transform: translateY(100%);
             opacity: 0;
         }

         to {
             transform: translateY(0);
             opacity: 1;
         }
     }
 }




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

     .phone_gif {
         width: 10%;
     }
 }

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

     /* Contenitore del popup */

     .phone_gif {
         width: 10%;
     }

 }

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

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

 .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;
 }

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

     --min-width: 1100px;
     background: url('sfondo-pattern-lieve.png') 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: #000;
     width: 100%;
     text-align: center;
     color: white;
     font-weight: bold;
     padding: 1% 0%;
 }

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


 .striscia_verde span {
     background-color: #000;

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

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

 .pagina {
     padding-bottom: 0;
 }

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


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

 #risposte2 .risposta {
     width: 45%;

 }

 #risposte2 {
     WIDTH: 80%;

 }

 /* RISPOSTE  **/

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

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

 .div_cont_risposte {


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

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

 .indietro2 {
     background-color: #d8387f;
     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: #000;
     font-weight: bold;
 }

 .risposta {
     border: 1px solid #000;
     background-color: white;
     color: #000;
     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;

 }



 .step4 .div_cont_risposte,
 .step1 .div_cont_risposte {
     width: 70%;
 }



 .step4 .risposta,
 .step1 .risposta {
     width: 48%;
     padding: 5%;
 }

 .step2 .risposta,
 .step7 .risposta,
 .step5 .risposta,
 .step3 .risposta {
     width: 29%;
 }

 .step6 .risposta {
     width: 32%;
 }

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

 }

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

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

 }

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

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

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

 }


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

 }

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

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

 .avanti {
     background-color: #e12422;
     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 #e12422;
     background-color: white;
     color: #e12422;
     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,
 #alimentazione,
 #cap,
 #nstanze,
 #nuovo,
 #split,
 #finanziamento,
 #spazioesterno,
 #nome,
 #cognome,
 #telefono,
 #predisposizione {
     margin: 0 auto;
     width: 97%;

     padding-left: 1%;
     font-size: max(15px, 1vw);
     height: 65px;
     margin: 5px AUTO;
     border-radius: 6px;
     display: block;
     text-align: left;



 }

 #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;
 }


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

 .step10,
 .step71,
 .step91,
 .step4bis,
 .step7,

 .step8,

 .step9 {

     display: none;
 }

 .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;
     width: 15%;
 }

 #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: #ff0000;
     color: #000;
 }

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

 .logo1 {
     margin-left: 10vw;
     width: 15%;
 }

 .logo2 {
     width: 13%;
     margin-left: 59%;
     display: inline-block;
     margin-top: 0.5vw;
 }

 .fascia_blu {
     background: #000;
     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: #000;
     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: #000;
     color: white
 }



 .risposta:hover #ico1 {

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

 .risposta:hover #ico2 {

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




 .risposta:hover #ico3 {

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

 .risposta:hover #ico4 {

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

 .risposta:hover #ico5 {

     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('split-w.png');
 }

 .risposta:hover #ico10 {

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




 .risposta:hover #ico121 {

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

 .risposta:hover #ico111 {

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




 .risposta:hover #ico11 {

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

 .risposta:hover #ico12 {

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

 .risposta:hover #ico122 {

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


 .risposta:hover #ico13 {

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



 .risposta:hover #ico221 {

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

 .risposta:hover #ico222 {

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

 .risposta:hover #ico223 {

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

 .risposta:hover #ico224 {

     content: url('pompa-di-calore_w.png');
 }



 .risposta:hover #ico14 {

     content: url('1000-2000_w.png');
 }

 .risposta:hover #ico15 {

     content: url('mag-2000_w.png');
 }



 .risposta:hover #ico16 {

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

 .risposta:hover #ico17 {

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

 .risposta:hover #ico18 {

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





 .selezionato {
     background-color: #000;
     color: white;

 }













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

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

     h1 {

         width: 45%;

     }

     .cont_risposte {

         width: 50%;

     }

     .div_cont_risposte {
         width: 60% !important;
     }

     .step91 .div_cont_risposte {
         width: 97% !important;
     }

     #cap {

         width: 55%;
         text-align: center;
         padding: 10px;
         height: 50px;
     }

     .step91 .cont_risposte {

         width: 54%;

     }
 }


 @media screen and (max-width:1024px) {
     .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: #000;
         text-align: center;
         font-size: 25px;
         font-weight: 900;
         width: 70%;
     }


     #email,
     #provincia,
     #alimentazione,
     #cap,
     #nstanze,
     #nuovo,
     #split,
     #finanziamento,
     #spazioesterno,
     #nome,
     #cognome,
     #telefono,
     #predisposizione {
         margin: 0 auto;
         width: 97%;
         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_telefono2,
     #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%;
         height: 50px;
         font-size: 20px;
     }

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


     .step6 h2 {
         text-align: center;
         font-size: 6vw;
         margin: 0px;
         padding: 0px;
         padding-top: 1%;
         color: #ff0000;
         color: #000;
         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: 75%;
         height: auto;
         margin-bottom: 0;
     }

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

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

     .logo2 {
         width: 46%;
         margin-left: 51%;
         display: inline-block;
         position: relative;
         display: inline-block;
         margin-top: -11%;
     }

     .fascia_blu {
         background: #000;
         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%;
     }
 }




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

     .step5 .risposta {
         font-size: 11px;
     }

     .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: 65%;
     }

     .step7 h1 {
         width: 80%;
     }

     .logo {
         width: 30%;
     }

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

     .striscia_verde img {
         width: 6%;
     }

     .footer {
         padding: 4% 0%;
         position: fixed;
         bottom: 0px;
     }

     .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;
     }

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

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

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

     .step7 .div_cont_risposte,

     .step4 .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;

     }
 }

 @media screen and (max-width:425px) {
     .footer {
         font-size: 12px;
         padding: 10px 0px;
         position: relative;
     }
 }