.pulsante22:hover {
     background: #ff7866;
 }

 .pulsante22 {
     background: #f0412b;
     color: white;
     display: block;
     width: fit-content;
     padding: 2%;
     border-radius: 5px;
     cursor: pointer;
     font-size: 1.2vw !important;
     font-weight: bold;
 }

 /*


Le domande sono quelle di safelife ma vanno risistemate come quelle di easygreen, vedi tu da quale ti sa piu comodo partire 
https://leadplaza.it/energia-sostenibile/lp/index.php?aff_id=&advice_id=&utm_source=&source=

FONT: Poppins,
Corpo testo: open sans

COLORI:
Azzurro: #00aeef
Verde chiaro: #8ce03b
Blu scuro: #2e3192
Verde scuro: #01752b
grigio: #f5f6f7
Azzurro chiaro step 2 sfondo: #e1eff4
Nero: #1e1d1d

*/

 .domande .pulsante22 {
     margin: 0 auto;
 }

 .pagina {

     background: url('sfondo.jpg') no-repeat;
     background-size: cover;
     height: max-content;
 }


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

 .logo2 {
     width: 14%;
     margin-left: 60%;
     display: inline-block
 }

 .logo3 {
     width: 10%;
     display: inline-block;
     margin-top: 0;
     display: inline-block;
 }

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

 .cont_verde {
     color: white;
     font-weight: bold;

     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e8166", endColorstr="#beff99", GradientType=1);
     margin: 0 auto;
     width: 80%;
     margin-top: 0px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
     padding: 1vw;
     display: block;
     padding-bottom: 8.5vw;

 }

 h1 {
     margin: 0 auto;
     width: 40%;
     text-align: center;
     font-size: max(20px, 2vw);
     line-height: 130%;

 }

 h2 {

     text-align: center;
     font-size: max(20px, 1.8vw);
 }

 h3 {
     text-align: center;
     font-size: max(18px, 1.5vw);
     margin: 1vw;

 }

 h4 {
     text-align: center;
     font-size: max(15px, 1vw);
     margin: 1vw;

 }

 .cont_form {
     text-align: center;
     background-color: #f5f6f7;
     width: 50%;
     margin: 0 auto;
     border-radius: 20px;
     margin-top: -7vw;
     padding: 1vw;
     margin-bottom: 2vw;
     padding-bottom: 3vw;

     -webkit-box-shadow: 0px 12px 13px 0px #000000;
     -moz-box-shadow: 0px 12px 13px 0px #000000;
     -o-box-shadow: 0px 12px 13px 0px #000000;
     box-shadow: 0px 12px 13px 0px #00000040;
     min-width: 800px;

 }

 .time {
     background-color: white;
     border-radius: 3vw;
     width: fit-content;
     padding: 0px 1vw;
     margin: 0 auto;
     border: 2px solid green;
     color: green;
     font-size: max(12px, 0.9vw);
     /* vertical-align: text-bottom; */
     font-weight: 500;
 }

 .time img {
     width: max(15px, 1vw);
     vertical-align: text-top;
     margin: 0;
     padding: 0;
     position: relative;

 }

 .form_blu {
     background-color: #939393;
     width: 50%;
     display: block;
     margin: 0 auto;
     margin-top: -3vw;
     padding: 1vw;
     text-align: center;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;

     -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
     -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
     box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
     min-width: 800px;

 }



 .bottone_rosa {
     --width: fit-content;
     padding: 0.5vw 2vw;
     background-color: #f81d1e;
     color: white;
     margin: 0 auto;
     font-size: max(15px, 1vw);
     border-radius: 6px;
     width: 70%;
 }

 @-webkit-keyframes pulsate {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     25% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05)
     }

     50% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes pulsate {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     25% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05)
     }

     50% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }

     to {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }



 @keyframes pulse {
     0% {
         transform: scale(0.95);

     }

     70% {
         transform: scale(1);

     }

     100% {
         transform: scale(0.95);

     }
 }


 .header {
     background-color: white;
 }

 .cont_check {
     display: flex;
     flex-wrap: wrap;
     width: 80%;
     margin: 0 auto;
     color: white;

 }

 .cont_check p {
     display: inline-block;
     vertical-align: text-bottom;
     margin-top: 1vw;
     width: 60%;
     text-align: left;
     font-size: max(10px, 0.8vw);
 }

 .cont_check div {
     margin: 0 auto;
     display: block;
     width: 50%;

 }

 .cont_check img {
     width: 90%;
     vertical-align: top;
     /* margin-top: 1vw; */
     margin-left: -7%;

 }

 .cont_check ul {
     text-align: left;
     font-size: 0.65em;
     margin-top: 10%;
 }

 li {
     margin-bottom: 5%;
 }

 .fascia_bianca {
     color: #000;
 }


 .cont_check2 {

     display: flex;
     width: 80%;
     margin: 0 auto;
     text-align: center;
     color: #000;
     font-size: 1vw;

 }

 .cont_check2 div {
     margin: 0 auto;
     display: block;

     width: 33%;
     padding-inline: 5%;

 }

 .cont_check2 img {
     width: 60%;
 }

 .cont_check2 div p b {
     margin-bottom: 1vw;
     display: block;

 }

 .footer {
     color: #373a38;
     background-color: white;
     font-size: max(10px, 0.5vw);
     text-align: center;
     padding: 1vw 0px;
     padding: 10px 30px;

 }

 .footer a {
     --display: block;
     margin: 0 auto;
     text-align: center;

 }







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

 a {
     text-decoration: none;
     color: inherit;
 }

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

 a {
     text-decoration: none;
 }

 .fascia1 {
     padding-bottom: 2vw;
 }

 .btn_indietro {
     background-color: white;
     color: #4eb012;
     border: 0;
     border-radius: 5px;
     cursor: pointer;
     font-family: "Poppins", sans-serif;
     padding: 2%;
     font-size: 1.2vw;
     float: right;
     width: 48%;
     margin: 0 auto;
     float: none;
     border: 1px solid #4eb012;
     margin-top: 4%;
     font-weight: bold;
 }

 .btn_avanti {
     background-color: #4eb012;
     color: #fff;
     border: 0;
     border-radius: 5px;
     cursor: pointer;
     font-family: "Poppins", sans-serif;
     padding: 2%;
     font-size: 1.2vw;
     float: right;
     width: 46%;
     margin: 0 auto;
     float: none;
     margin-top: 4%;

     font-weight: bold;
 }

 * {
     transition: all 0.2s;
 }



 .div_errori {
     color: #b70000;
     font-size: min(0.7vw, 13px);
 }


 .cont_input {
     display: flex;
     margin: 0 auto;
     width: 60%;
     flex-wrap: wrap;

 }

 .cont_input .ele {
     margin: 0 auto;
     width: 46%;
     height: 14%;
     padding: 2%;
     font-size: 0.7vw;
     cursor: pointer;
     background-color: white;
     border-radius: 12px;
     -webkit-box-shadow: 5px 5px 5px 0px #828282;
     -moz-box-shadow: 5px 5px 5px 0px #828282;
     -o-box-shadow: 5px 5px 5px 0px #828282;
     box-shadow: 5px 5px 5px 0px #828282;


 }

 #next02 {
     animation: pulsate 2s 1s infinite;
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 #next03 {
     animation: pulsate 2s infinite;
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 .ele:hover {
     background-color: #f81d1e;
     color: #f81d1e;
     transition: 0.2s;


     /*
    transform: scale(1);
	animation: pulsate 2s infinite;
*/
 }

 .ele:hover .bottone_rosa {
     background-color: #ededed;
     color: black;
 }


 .ele:hover #ico1 {

     content: url('1-icona-over.png');

 }

 .ele:hover #ico2 {

     content: url('2-icona-over.png');

 }

 .ele img {
     width: 40%;
 }

 /* general styling */


 /* Chrome, Safari, Edge, Opera */

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     /* display: none; <- Crashes Chrome on hover */
     -webkit-appearance: none;
     margin: 0;
     /* <-- Apparently some margin are still there even though it's hidden */
 }

 input[type=number] {
     -moz-appearance: textfield;
     /* Firefox */
 }

 .intero,
 .mezzo {
     margin-top: 1;
     border: none;
     width: 95%;
     margin: 0 auto;
     padding: 3%;
     padding-left: 2%;
     font-size: 20px;
     margin-top: 1%;
     font-size: max(15px, 1vw);
     border-radius: 12px;
     border: 1px solid #dedede;

 }

 input {
     cursor: pointer;
 }

 .cap {
     font-size: 0.6vw;
     margin: 1% 0;
     text-align: left;
 }

 .step {
     margin: 0 auto;
     width: 100%;
 }


 #step3 {
     display: none;
 }

 #form {
     width: 90%;
     margin: 0 auto;
 }

 #cap,
 #cap,
 #nome,
 #cognome,
 #email,
 #telefono {
     border: 1px solid #cccccc;
     cursor: pointer;
     padding: 2%;
     text-align: left;
     border-radius: 6px;
     font-size: 1vw;
     margin: 1% auto;
     width: 100%;
 }

 .mezzo {
     display: inline-block !important;
     margin: 1% 0.2% !important;
 }

 input[type=checkbox] {
     vertical-align: middle;
     margin-left: 1%;



 }



 select {

     margin: 2% auto;
     border: 1px solid #cccccc;
     cursor: pointer;
     padding: 2%;
     width: 100%;
     border-radius: 6px;
     font-size: 1vw;

 }

 select option:first-child {
     color: #cccccc;
 }


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

 h4 {
     font-size: max(12px, 1vw);
     font-weight: 400;
     margin: 2%;
 }

 h5 {
     font-size: 1.5vw;
     font-weight: bold;
     width: 94%;
     display: block;
     margin: 2% auto;
     margin-top: 1%;
 }

 #email,

 #telefono,

 #nome,

 #cognome {
     width: 48.5%;
 }


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

     input,
     select {
         margin: 1% auto;
     }

     .cont_form,
     .form_blu {
         min-width: 0px;
     }

 }

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

     .div_errori {
         color: #b70000;
         font-size: 15px;
     }

     .intero,
     .mezzo {
         display: block !important;
         width: 100% !important;
         height: 45px;
     }


     select,
     input {
         font-size: 2.5vw;
     }

     input,
     select {
         margin: 3% auto;
     }

     #tipo,
     #cap,
     #cap,
     #nome,
     #cognome,
     #email,
     #telefono {
         border: 1px solid #cccccc;
         cursor: pointer;
         padding: 3%;
         width: 100%;
         text-align: left;
         font-size: 19px;
         color: gray;
     }

     h4 {

         font-size: max(12px, 1vw);
     }

     .cap {
         font-size: 2vw;
     }

     h5 {
         font-size: 2.5vw;
     }

     h5,
     h4 {
         font-size: 20px;
     }

     select,
     input {
         font-size: 20px;
     }

     .cap {
         font-size: 10px;
     }

     select {
         padding: 5%;
     }

     #cap,
     #cap,
     #nome,
     #cognome,
     #email,
     #telefono {
         font-size: 4vw;
         color: gray;
         margin-top: 3% !important;

     }

     .btn_avanti,
     .btn_indietro {
         font-size: 18px;
     }

     .cont_input .ele {

         font-size: 9px;
     }

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

     input[type=checkbox] {
         vertical-align: middle;
         margin-left: 1%;
         width: 20px;
         height: 20px;
     }

     h1 {
         margin: 0 auto;
         width: 100%;
         text-align: center;
         font-size: max(25px, 2.2vw);
     }

     .cont_verde {
         width: 95%;
     }

     .cont_form {
         text-align: center;
         background-color: #ebf4f8;
         width: 100%;
         margin: 0 auto;
         /* border-radius: 20px; */
         margin-top: -7vw;
         padding: 1vw;
         margin-bottom: 2vw;
         padding-bottom: 11vw;
         -webkit-box-shadow: 0px 12px 13px 0px #000000;
         -moz-box-shadow: 0px 12px 13px 0px #000000;
         -o-box-shadow: 0px 12px 13px 0px #000000;
         box-shadow: 0px 12px 13px 0px #00000040;
     }

     .form_blu {
         width: 100%;
     }
 }




 @media screen and (max-width:600px) {
     .logo1 {
         margin: 2%;
         width: 37%;
         display: inline-block;
     }

     .cont_verde {
         width: 95%;
         width: 100%;
     }

     .logo2 {
         width: 13%;
         margin-left: 62%;
         display: inline-block;
         margin-top: -47px;
         display: inline-block;
     }


     .time {
         background-color: white;
         border-radius: 3vw;
         width: fit-content;
         padding: 0px 0.5vw;
         margin: 0 auto;
         border: 2px solid green;
         color: green;
         font-size: 15px;
         /* vertical-align: text-bottom; */
         font-weight: 500;
         min-width: 60%;
     }

     .time img {
         width: 17px;
         vertical-align: text-top;
         margin: 0;
         padding: 0;
         position: relative;
     }

     .ele img {
         width: 70%;
     }

     .cont_input {
         display: flex;
         margin: 0 auto;
         width: 90%;
         flex-wrap: wrap;
     }



     .cont_input .ele {
         margin: 1% auto;
         width: 44%;
         height: 14%;
         padding: 2%;
         font-size: 0.7vw;
         cursor: pointer;
         background-color: white;
         border-radius: 12px;

     }

     .bottone_rosa {


         font-size: 20px;
         width: 90%;
         ;
     }

     .bottone_rosa:hover {
         cursor: pointer;
     }

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

     h1 {
         margin: 0 auto;
         width: 81%;
         text-align: center;
         font-size: max(25px, 2.2vw);
     }

     .form_blu {
         border-radius: 0px;
     }

     .cont_check {
         display: block;
         flex-wrap: wrap;
         width: 100%;
         margin: 0 auto;
         color: white;
     }

     .cont_form {
         border-radius: 0px;
         padding-top: 20px;
         padding-bottom: 7vw;
     }

     .footer {
         margin-top: 0;
     }

     .cont_check img {
         width: 40%;
         display: block;
         margin: 2% auto;
         margin-top: 20px;
     }

     .cont_check p {
         display: inline-block;
         vertical-align: text-bottom;
         margin-top: 1vw;
         width: 70%;
         text-align: left;
         font-size: 20px;
         text-align: left;
     }

     h3 {
         text-align: center;
         font-size: 25px;
         margin: 1vw;
         width: 85%;
         margin: 0 auto;
         margin-top: 4%;
     }


     .cont_check2 {
         display: block;
         flex-wrap: wrap;
         width: 100%;
         margin: 0 auto;

     }

     .cont_check2 img {
         width: 60%;
         display: block;
         margin: 2% auto;
         margin-top: 20px;
     }

     .cont_check2 p {
         display: inline-block;
         vertical-align: text-bottom;
         margin-top: 1vw;
         width: 100%;
         text-align: left;
         font-size: 20px;
         text-align: center;
     }

     .cont_check2 div {
         margin: 0 auto;
         display: block;
         width: 73%;
         padding-inline: 5%;
         margin-bottom: 10%;
     }

     .fascia1 {
         padding-bottom: 0;
     }

     .fascia_bianca .bottone_rosa {
         width: fit-content;
         margin: 10% auto !important;
         padding: 2vw !important;
         text-align: center;
         width: fit-content;
         margin: 1vw auto;
         margin-bottom: -2vw;
         max-width: 80%;
     }

     .form_blu {
         box-shadow: none
     }

     .logo2 {
         width: 13%;
         margin-left: 62%;
         display: inline-block;
         margin-top: -47px;
         display: inline-block;
         margin: 0;
         margin-left: 0%;
     }

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

     .logo3 {
         width: 34%;
         display: inline-block;
         margin-top: 0vw;
         display: inline-block;
         margin-left: 2%;
         vertical-align: sub;
     }

     .cont_check img {
         width: 25%;
         float: left;
         margin: 2% auto;
         margin-top: 6px;
         margin-left: -20px;
         float: none;
         margin: 0 auto;
         width: 70%;
     }

     .cont_check div {
         margin: 0 auto;
         display: block;
         width: 80%;
         margin-top: 20px;
         padding-left: 10px;


     }

     .bot_mob {
         display: block !important;
         width: 80%;
         margin: 20px auto;

     }

     #form {
         width: 90%;
         margin: 0 auto;
         margin-bottom: 15px;
         margin-top: 20px;
     }

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

     .ele:hover #ico1 {

         content: url('1-icona.png');

     }

     .ele:hover #ico2 {

         content: url('2-icona.png');

     }

 }