:root {
     --smaller: .75;
 }

 * {
     transition: all 0.3s;
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }

 body,
 html {
     margin: 0px;
     padding: 0px;
     scroll-behavior: smooth;
     font-family: 'Open Sans', sans-serif;
     font-style: normal;
     font-weight: 500;
     font-size: max(15px, 1.2vw);
     color: #1f2121;
     background-color: white;
     height: 100%;
     margin: 0;
     scroll-behavior: smooth;

 }

 a {
     text-decoration: none;
     color: inherit;
     width: fit-content;

 }

 .tit {
     /* letter-spacing: 0; */
     font-weight: bold;
     /* line-height: 44px; */
     font-size: 1.8em;
     width: 35%;
     color: white;
     padding: 2%;
     margin-left: 16%;
     font-family: "Inter";
 }


 h1 {
     font-weight: bold;
     /* line-height: 44px; */
     font-size: 1.7em;

     color: #014CA8;


     font-family: "Inter";
 }

 h2 {
     font-weight: bold;
     /* line-height: 44px; */
     font-size: 1em;
     width: 90%;
     color: inherit;
     padding: 2%;

     font-family: "Inter";
 }

 h3 {
     font-weight: bold;
     margin: 0.5vw;
     font-size: 1.6vw;
 }

 h3 span {
     color: #014CA8;
 }

 .tsotto {
     font-style: italic;
     font-size: 0.6em;
     text-align: center;
     width: 100%;
 }

 .boll {
     margin: 2% auto;
     width: 20%;
     display: block;
 }


 .pulsante2 {
     width: fit-content;
     padding: 1vw 2vw;
     background-color: #17C313;
     color: white;
     border-radius: 10px;
     font-weight: bold;
     margin: 0 auto;
     margin-top: 1vw;
     display: block;
     font-size: 1.2vw;
 }

 .pulsante,
 .pulsante2 {
     cursor: pointer;
 }



 .header {
     text-align: center;
     padding: 10px 0 0;
 }





 .fascia_gialla {
     width: 100%;
     text-align: center;
     padding: 0.4%;
     background-color: #FDE047;
     font-weight: 600;
     font-size: 0.9em;
 }







 .fascia1 {
     background: url('sfondo.jpg') no-repeat;
     background-size: cover;
     height: auto;

 }


 .form {
     background-color: white;
     width: 25%;
     border-radius: 12px;
     height: auto;
     display: inline-block;
     vertical-align: text-top;
     margin-top: -6%;
     margin-left: 15%;
 }


 .top_form {

     background-color: #FDE047;
     color: #000;
     padding: 2%;
     text-align: center;
     font-weight: bold;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 }

 .top_form span {
     background-color: #17C313;
     padding: 1%;
     color: white;
     width: 75%;
     margin: 0 auto;
     border-radius: 9px;
     display: block;
 }



 .mezzo {
     width: 46% !important;
     display: inline-block !important;
     margin: 0 0.5% !important;
     margin-top: 3% !important;
     display: inline-block;
     margin-left: 2% !important;
 }

 #nome,
 #cognome,
 #cap,
 #email,
 #telefono,
 #provincia {
     display: block;
     margin: 0 auto;
     margin: 1% auto;
     width: 96%;
     /* height: 39px; */
     background: white;
     border-radius: 10px;
     font-weight: bold;
     font-size: max(15px, 1vw);
     font-weight: normal;
     padding: 3%;
     color: gray;
     font-family: 'Jost';
 }

 #nome,
 #cognome,
 #cap,
 #telefono,
 #email,
 #telefono,
 #provincia {
     display: block;
     margin: 0 auto;
     margin: 2.5% auto;
     border: 1px solid;

 }


 .privacy-label {
     font-size: 9px;
 }





 .body_form1 {
     padding: 2%;
 }

 .body_form2 {
     display: none;
 }

 .offerta {
     display: inline-block;
     margin-bottom: 23%;
 }

 .pulsante {
     border: 1px solid gray;
     border-radius: 5px;
     margin: 3% auto;
     padding: 3% 2%;
     background: white;
     padding-left: 5%;
     font-size: 0.8em;
     color: #000;
     width: 95%;
     cursor: pointer;
 }


 .pulsante:hover {
     border: 1px solid #17C313;
     background: #ededed;

     .pallino {
         background-color: #17C313;
         border: 1px solid #17C313;
     }
 }

 .pallino {
     width: 15px;
     border: 1px solid gray;
     border-radius: 165px;
     height: 15px;
     display: inline-block;
     vertical-align: inherit;
     margin-right: 7%;
 }


 .fascia2 {
     padding-top: 2vw;
 }



 .fascia2_corpo {
     width: 65%;
     margin: 0 auto;
     display: flex;
     font-size: 20px;
 }

 .sx2 {
     width: 43%;
     text-align: left;
 }

 .sx2 img {
     width: 100%;

 }

 .dx2 {
     width: 48%;
     margin: 5% auto;
     margin-top: 0;
     margin-right: 0;
 }





 :root {
     --primary: #1e6cc7;
     /* blu bordi/titolo */
     --primary-2: #0f4fa3;
     /* blu scuro */
     --text: #0f172a;
     /* testo principale */
     --muted: #445268;
     /* testo descrizioni */
     --panel: #ffffff;
     /* sfondo box */
 }

 .benefits-box {
     max-width: 680px;
     background: var(--panel);
     border: 3px solid var(--primary);
     border-radius: 20px;
     padding: 24px 22px;
     box-shadow: 0 2px 0 0 #cfe4ff inset;
 }

 .benefits-title {
     margin: 0 0 10px 0;
     color: var(--primary-2);
     font-size: 1.4em;
 }

 .benefits-title .light {
     font-weight: 700;
     color: var(--primary-2);
 }

 .benefits {
     list-style: none;
     margin: 0;
     padding: 6px 0 0 0;
     display: grid;
     gap: 18px;
 }

 .benefits li {
     display: grid;
     grid-template-columns: 28px 1fr;
     column-gap: 12px;
 }

 .benefits li::before {
     content: "";
     width: 22px;
     height: 32px;
     margin-top: 2px;
     background-repeat: no-repeat;
     background-size: 22px;
     /* goccia blu in SVG inline */
     background-image: url("goccia-icona.png");
 }

 .benefit-title {
     margin: 0;
     font-weight: bold;
     color: var(--text);
     line-height: 1.35;
 }

 .benefit-desc {
     margin: 0;
     color: var(--muted);

 }

 .fascia_grigia {
     background-color: #ededed;
     color: #000;
     text-align: center;
     padding: 2%;
 }


 .div_errori {
     font-size: 13px;
     width: 80%;
     margin: 0 auto;
     text-align: center;
     margin: 1% auto;
     color: red;
     font-weight: bold;
 }

 .thank-you-msg {
     text-align: center;
     padding: 2%;
     color: black !important;
 }



 .fascia3 {
     width: 100%;
 }

 .cont_pannelli2 {
     width: 1030px;
     margin: 0 auto;
     margin-top: 1%;
 }

 .cont_pannelli2 img {
     width: 42%;
     margin: 1%;
 }

 .t1 {
     display: inline-block;
     width: 49%;
     text-align: left !important;
     font-size: 1vw;
     vertical-align: top;
     margin-top: 0vw;
     margin-left: 4%;
 }

 .t1 h2 {
     text-align: left;
     width: 48%;
     margin-left: 0;
     line-height: 120%;
 }

 .t2 {
     margin: 2% auto;
     font-size: 20px;
     width: 90%;
     margin-left: 0;
     margin-bottom: 6%;
 }





 .testo_privacy {
     width: 90%;
     margin: 0 auto;
 }

 .privacy-label {
     font-size: 10px;
     /* margin-bottom: 10px; */
     width: 91%;
     display: inline-block;
     vertical-align: middle;
 }

 .fascia_rec {
     width: 80%;
     margin: 0 auto;
     margin-top: 2%;
 }

 .slider {
     width: 70%;
     display: inline-block;
 }

 .ele {
     width: 15%;
 }

 .slider .ele {
     width: 12%;
     /* o qualsiasi valore più piccolo */
     height: auto;
     margin: 0.5% auto;
     display: block;
 }

 .logo_trust {
     width: 14%;
     margin: 2%;
     vertical-align: top;
     margin-top: 2%;
 }

 .slick-dots li button:before {
     font-family: 'slick';
     font-size: 13px !important;
 }

 .slider_mobile {
     display: none;
 }

 .footer {
     background: #3d3d3d;
     width: 100%;
     text-align: center;
     padding: 1%;
     font-size: 1vw;
     margin-top: 1%;
     color: white;
 }

 @media screen and (max-width:1600px) {
     .fascia2 {
         background: #FAFAFA;
     }

     .fascia2_corpo {
         width: 90%;
         display: flex;
         margin: 0 auto;
         text-align: center;
         padding-bottom: 2%;
     }

     .benefits-box {
         font-size: 14px;
         text-align: left;
         margin: 0%;
         margin-top: 5%;
     }

     .fascia1 {
         background: url(sfondo.jpg) no-repeat;
         background-size: cover;
         background-position: -140px 0px;
         height: auto;
     }

     .tit {
         /* letter-spacing: 0; */
         font-weight: bold;
         /* line-height: 44px; */
         font-size: 1.8em;
         width: 35%;
         color: white;
         padding: 2%;
         margin-left: 10%;
         font-family: "Inter";
         margin-right: 6%;
     }

     .form {
         background-color: white;
         width: 30%;
         border-radius: 12px;
         height: auto;
         display: inline-block;
         vertical-align: text-top;
         margin-top: -6%;
         margin-left: 15%;
         margin-bottom: 2%;
     }
 }



 @media screen and (max-width:1024px) {
     .fascia1 {
         background: url(sfondo.jpg) no-repeat;
         background-size: cover;
         background-position: -140px 0px;
         height: auto;
     }

     .tit {
         /* letter-spacing: 0; */
         font-weight: bold;
         /* line-height: 44px; */
         font-size: 1.8em;
         width: 35%;
         color: white;
         padding: 2%;
         margin-left: 7%;
         font-family: "Inter";
         margin-right: 8%;
     }

     .cont_pannelli2 {
         width: 90%;
     }

     .form {
         width: 100%;
         margin: 0;
         /* margin-top: 200px; */
     }

     #nome,
     #cognome,
     #cap,
     #email,
     #telefono,
     #provincia {
         padding: 1%;
         FONT-SIZE: 20PX;
         PADDING: 2%;
     }

     .header,
     .fascia1 {
         width: 100%;
     }

     .tit {
         display: none;
     }


     .img_mob {
         display: block !important;
         width: 100%;
     }

     .fascia2_corpo {
         width: 90%;
         display: block;
     }

     .fascia1 {
         background: none;
         background-size: unset;
         height: auto;
     }

     .logo {
         width: 35%;
     }

     .top_form span {
         background-color: #17C313;
         padding: 1%;
         color: white;
         width: 90%;
         margin: 0 auto;
         border-radius: 0;
         display: block;
     }

     .top_form {
         background-color: #FDE047;
         color: #000;
         padding: 2%;
         font-size: 20px;
         text-align: center;
         font-weight: bold;
         border-top-left-radius: 0;
         border-top-right-radius: 0;
     }

     .fascia_gialla {
         width: 100%;
         text-align: center;
         padding: 2.4%;
         background-color: #FDE047;
         font-weight: 600;
         font-size: 15px;
     }

     .sx2,
     .dx2 {
         width: 100%;
         text-align: center;
     }

     .pulsante2 {
         width: 90%;
         font-size: 20px;
         padding: 4%;
         padding-inline: 4%;
         margin: 10px auto !important;
         display: block;
         text-align: center;
     }


     h3 {
         font-weight: bold;
         margin: 0.5vw;
         font-size: 20px;
     }

     h1 {
         font-weight: bold;
         /* line-height: 44px; */
         font-size: 30px;
         color: #014CA8;
         font-family: "Inter";
     }



     .cont_pannelli2 img {
         width: 100%;
         margin: 20px auto;
     }

     .t1 {
         display: inline-block;
         width: 100%;
         text-align: center !important;
         font-size: 1vw;
         vertical-align: top;
         margin-top: 0vw;
         margin-left: 4%;
         margin: 0 auto;
     }

     form .pulsante2 {
         font-size: 19px;
     }

     .slider {
         width: 80%;
         display: inline-block;
     }

     .logo_trust {
         width: 43%;
         margin: 2%;
         vertical-align: top;
         margin-top: 2%;
         margin: 0 auto;
         display: block;
     }

     #nome,
     #cognome,
     #cap,
     #email,
     #telefono,
     #provincia {
         padding: 1%;
         FONT-SIZE: 20PX;
         PADDING: 2%;
     }
 }