@font-face {
 font-family: Formular;
 src:  url("../fonts/formular-medium-trial.otf" ) format( "truetype" );
 font-style: normal;
}  

@font-face {
 font-family: Formular-Regular;
 src:  url("../fonts/formular-regular-trial.otf" ) format( "truetype" );
 font-style: normal;
}  

@font-face {
 font-family: Segoue-Light;
 src:  url("../fonts/Segoe_light.ttf" ) format( "truetype" );
 font-weight: 300;
 font-style: normal;
}  

@font-face {
 font-family: NotoSans;
 src:  url("../fonts/NotoSans-Regular.ttf" ) format( "truetype" );
 font-weight: 400;
 font-style: normal;
}

@font-face {
 font-family: Roboto-Light;
 src:  url("../fonts/Roboto-Light.ttf" ) format( "truetype" );
 font-weight: 400;
 font-style: normal;
}


@font-face {
 font-family: OpenSans-Bold;
 src:  url("../fonts/OpenSans-Bold.ttf" ) format( "truetype" );
 font-weight: 700;
 font-style: normal;
} 

@font-face {
 font-family: OpenSans-SemiBold;
 src:  url("../fonts/OpenSans-SemiBold.ttf" ) format( "truetype" );
 font-weight: 400;
 font-style: normal;
} 

@font-face {
 font-family: OpenSans-Light;
 src:  url("../fonts/OpenSans-Light.ttf" ) format( "truetype" );
 font-weight: 300;
 font-style: normal;
}  

@font-face {
 font-family: OpenSans-Regular;
 src:  url("../fonts/OpenSans-Regular.ttf" ) format( "truetype" );
 font-weight: 300;
 font-style: normal;
}  

@font-face {
 font-family: Sailec-Medium;
 src:  url("../fonts/Sailec-Medium.ttf" ) format( "truetype" );
 font-weight: 400;
 font-style: normal;
}  


body {
 background-color: white; 
}

.cont_intest {
 text-align: center;
 margin-top: 120px;
}

.cont_intest2 {
 text-align: center;
 margin-top: 100px;
}


.a1 {
 font-family: Formular;
 font-size: 40px;
 font-weight: 500;
 letter-spacing: -1.5px;
 line-height: 54px;
}

* Nascondi inizialmente entrambi i paragrafi */
.desktop-text, .mobile-text {
  display: none;
}

/* Mostra il testo desktop su schermi grandi e nascondi quello mobile */
@media screen and (min-width: 1024px) {
  .desktop-text {
    display: block;
	letter-spacing: -1.75px;
  }
  .mobile-text {
    display: none;
  }
}

/* Mostra il testo mobile su schermi piccoli e nascondi quello desktop */
@media screen and (max-width: 1023px) {
  .mobile-text {
    display: block;
  }
  .desktop-text {
    display: none;
  }
}

@media screen and (min-width: 1536px) {
   .a1 {
      line-height: 52px;
   }
   
   .cont_intest2 {
    text-align: center;
    margin-top: 80px;
   }
}

.input-wrapper {
 position: relative;
 display: flex;
 align-items: center;
 max-width: 820px;
 text-align: center;
 margin: 0 auto;
}


.campo_url {
 -moz-box-align: center;
 align-items: center;
 border: solid 0px;
 border-color: rgb(240, 241, 242);
 outline: none;
 flex: 1;
 flex-direction: row;
 height: 62px;
 overflow: hidden; 
 padding: 0px;
 padding-left: 12px;
 padding-right: 5px;  
 font-family: 'Roboto-Light', sans-serif;
 font-size: 15px;
 letter-spacing: 0.2px; 
}


button {
 right: 15px;
 padding: 12px 18px;
 background-color: #0066ff; 
 color: #fff;
 border: none;
 border-radius: 32px 32px; 
 cursor: pointer;
 outline: none;
 align-items: center;
 font-family: Formular;
 font-size: 16px;
 font-weight: 500;
 line-height: 24px;
 position: absolute;
 margin-right: 17px;
}


/* Stili per il pulsante al passaggio del mouse (hover) */
button:hover {
    background-color: #0056b3; /* Cambia il colore al passaggio del mouse a tua scelta */
}


.button_login {
 margin-top: -55px; 
 margin-right: 170px;
}

@media screen and (max-width: 768px) {
  button {
    margin-right: 3px;
	padding: 12px 18px;
  }
}  
  
  
.input-label {
    display: flex;
    align-items: center;
    border: 1px solid #d8e1ea;
    border-radius: 32px 32px; 
    padding: 0px;
	padding-left: 20px;
	padding-right: 135px;
    width: 80%;
	margin-right: 5px;
}

::placeholder {
    font-family: Formular-Regular;
    font-size: 16px;
	font-weight: 400;
	color: rgb(14, 15, 17);
}


.rett_form {
 font-family: "NotoSans" ,sans-serif; 
 font-size: 15px;
 line-height: 22px;
 overflow-y: auto; 
 overflow-x: auto; 
 width: 75%; 
 height: 44vh; /* 400px;  */
 margin: 0 auto; 
 margin-top: 15px; 
 border: solid 1px #c6cdd5;
 border-radius: 3px;
 box-shadow: 0 10px 20px rgba(1,1,1,0.1);  
 background-color: white;
 padding: 15px;
 scrollbar-width: thin;
 outline: none; 
 margin-bottom: 15px;
} 

@media screen and (min-width: 1536px) {
   .rett_form {
      width: 65%;
	  height: 46vh;
   }
   
   .button_login {
     margin-top: -55px; 
     margin-right: 280px;
   }
   
   .input-label {
     border-radius: 20px;
   }
}

.text_inner {
 font-family: 'OpenSans-Light', sans-serif;
 font-size: 18px;
 color: #b3b3b3;
 font-weight: 100px;
 pointer-events: none;
}

.text1 {
	font-family: 'OpenSans-SemiBold', sans-serif;
    font-size: 19px;
	color: #0f2b46;
}


.text0 {
	font-family: 'OpenSans-Bold', sans-serif;
    font-size: 28px;
	color: #0f2b46;
	font-weight: 700; 
}


.text2 {
	font-family: 'OpenSans-Bold', sans-serif;
    font-size: 18px;
	color: red;
	/* font-weight: bold; */
	
}


.text_main {
	font-family: 'OpenSans-Bold', sans-serif;
	font-size: 24px; 
	line-height:33px; 
	letter-spacing: -0.26px;
	color: #0f2b46;
	font-weight: 700; 
}


.scheda {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 0 auto; 
 max-width: 1100px;
 background-color: white;
 border: solid 1px #d0cdcd;  
 border-radius: 15px;
 padding: 30px;
 padding-top: 20px;
 padding-left: 40px;
 padding-bottom:5px;
			
}

.scheda2 {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 0 auto; 
 max-width: 1100px;
 background-color: white;
 border: solid 1px #d0cdcd;  
 border-radius: 15px;
 padding: 30px;
 padding-top: 20px;
 padding-left: 40px;
 padding-bottom:5px;
			
}


.scheda_inner {
 display: flex; 
 flex-wrap: wrap; 
 margin: 0 auto; 
 /* border: solid 1px #333; */
}

.scheda_inner2 {
 display: flex; 
 flex-wrap: nowrap; 
 margin: 0 auto; 
 /* border: solid 1px #333; */
}

.scheda_inner_extra {
 max-width: 580px; 
 margin-right: 40px;
}


.scheda_tit1 {
 font-family: Sailec-Medium; 
 font-size: 38px; 
 letter-spacing: -2px;
}

.scheda_tit2 {
 font-family: OpenSans-Regular; 
 font-size:22px; 
 color: #0444A3;
 line-height: 36px; 
 margin-top: 2px; 
 letter-spacing: -0.66px;
}


.custom-list {
  list-style-type: none;
  padding: 0;
  margin-top: 12px;
}

.custom-list li {
  font-family: OpenSans-Regular;
  font-size: 15px;
  padding-left: 20px; /* Aggiungi spazio a sinistra per l'immagine del bullet */
  background-image: url('../icon/bullet3.jpg'); /* URL dell'immagine del bullet */
  background-repeat: no-repeat; /* Non ripetere l'immagine */
  background-position: 0 50%; /* Posizione orizzontale al limite sinistro e centrato verticalmente */
  margin-bottom: 10px; /* Aggiungi spazio tra gli elementi dell'elenco */
  padding-left: 27px;
  margin-left: 5px;
}


custom-list2 {
  list-style-type: none;
  padding: 0;
  margin-top: 12px;
}

.custom-list2 li {
  font-family: OpenSans-Regular;
  font-size: 15px;
  padding-left: 20px; /* Aggiungi spazio a sinistra per l'immagine del bullet */
  background-image: url('../icon/bullet3.jpg'); /* URL dell'immagine del bullet */
  background-repeat: no-repeat; /* Non ripetere l'immagine */
  background-position: 0 13%; /* Posizione orizzontale al limite sinistro e centrato verticalmente */
  margin-bottom: 10px; /* Aggiungi spazio tra gli elementi dell'elenco */
  line-height: 22px;
  padding-left: 27px;
  margin-left: 5px;
}



.scheda_pulsante {
 padding: 10px 20px; 
 font-family: Arial; 
 font-weight: bold; 
 font-size: 16px; 
 background-color: #007bff;
 border: none; 
 border-radius: 4px; 
 color: white; 
 cursor: pointer; 
 box-sizing: border-box; 
 border-radius: 5px;
 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px rgba(1,1,1,0.1); 

}

.scheda img {
  width: 450px; 
  height: 331px;
  border-radius: 10px; 
  border: solid 1px #e4e4e4;
}

.scheda2 img {
 max-width: 450px; 
 height: 386px;
}

@media (min-width: 1920px) {
    .scheda img {
        width: 480px;
     }
}

#t1 {
 margin-bottom: 50px;
}

#t5 {
 margin-right: 60px;
}

#t6 {
 margin-left: 50px;
}

#t7{
 margin-left: 50px;
}

#t8 {
 display: none;
}
        .container_carr {
            display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			
			background-color: white;
            margin: 0 auto;
			margin-top: 0px;
			max-width: 940px;
			/* border: solid 1px #333; */
			gap: 30px;
			box-shadow: 0 10px 20px rgba(1,1,1,0.1); 
			border-radius: 5px;
			
			padding: 30px;
			padding-top: 20px;
			padding-left: 40px;
			padding-bottom:5px;
		   
				
        }
		
		
		
		@media screen and (max-width: 1080px) {
 			 .container_carr {
			    max-width: 600px;
			  }
		}
        
		
		@media (max-width: 1000px) {
          .scheda {
            justify-content: center; /* Centra gli elementi orizzontalmente */
            text-align: left; /* Centra il testo all'interno degli elementi */
		    align-items: center;
			padding-bottom: 15px;
		  }
		  
		   .scheda2 {
           justify-content: center; 
		
          }
		  
		  .scheda_tit2 {
		   line-height: 25px;
		   margin-top: 7px;
		  }
		  
		  .custom-list {
		    text-align: left;
			line-height: 19px;
			margin-top: 10px;
		  }
		  
		  .scheda img {
            max-width: 100%; 
            height: auto; 
            border-radius: 10px; 
            border: solid 1px #e4e4e4;
          }
		  
		  .scheda2 img {
		    max-width: 100%; 
            height: auto; 
            border-radius: 10px; 
            border: solid 1px #e4e4e4; 
		  }
		  
		  #t1 {
		    margin-bottom: -40px;
		  }
		  
		  .text_main {
		    font-size: 22px;
			line-height: 31px;
		  }
		    
		  #t5 {
		   margin-right: 0px;
		  }
		  
		  #t6 {
		   margin-left: 0px;
		  }
		  
		  #t7 {
		   margin-left: 0px;
		  }
		  
		  #t7 p.scheda_tit1 {
		    font-size: 36px;
			line-height: 40px;
		  } 
		  
		  #t7 .custom-list li {
		    line-height: 22px;
			margin-left: 0px;
			padding-left: 30px;
		  }
		  
		  #t8 {
		   display: inline;
		  }
		  
		  #t9 {
		   display: none;
		  }
		  
		  .scheda_inner2 {
		    flex-wrap: wrap;
			flex-direction: column-reverse;
		  }
		  
		  .scheda_inner_extra {
		    width: 100%;
			margin-left: 0px;
		  }
		  
		  .scheda button {
		    margin: auto;
		  }
		  
		  #main_tit {
		    visibility: hidden;
		  }
        }




.container_descr {
  background-color: #f7f7f7; 
  margin: 0 auto; 
  margin-top: 100px; /* 11.5vh;  */
  padding-bottom: 20px; 
  width: 99%; 
  border-radius: 10px 10px; 
}


@media screen and (min-width: 1536px) {
   .container_descr {
      margin-top: 40px;
   }
}

@media (min-width: 1920px) {
    
	.rett_form {
	  width: 55%;
	}
	
	button {
	 margin_right: 440px;
	}
	
	.container_descr {
        width: 75%;
		border-radius: 20px 20px; 
		margin-top: 115px;
     }
 }


.container_24 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

@media screen and (max-width: 1080px) {
  .box_youtube {
     margin: 0 auto;
	 max-width: 650px; 
  }
}

.box_24 {
  margin-right: 20px;
}

.box_24 iframe {
 
}

.box_24 p {
 margin-top: 3px;
 width: 280px;
 font-size: 14px;
 letter-spacing: -0.1px;
 line-height: 22px;
}

.caption_24 {
  margin-top: 10px;
}



#box_sug {
  text-align: center;
  line-height: 18px;
  font-family: 'OpenSans-Regular', sans-serif;
  font-size: 14px;  
  color: #0f2b46;
  letter-spacing: -0.26px;
  margin-bottom: 8px;
}

#toggleLink {
  color: rgb(0, 102, 255);
  outline: none;
  text-decoration: none;
}

#linko {
  display: none;
}

#linko p {
  margin-bottom: 10px;
}

#linko a {
  display: inline-block;
  font-family: 'OpenSans-Regular', sans-serif;
  font-size: 13px; 
  padding: 2px 12px;
  color: rgb(0, 102, 255);
  font-weight: 400; 
  text-decoration: none;
  border: solid 1px #a4a1a1;
  border-radius: 40px;
  margin-bottom: -3px;
}

@media screen and (max-width: 768px) {
  #box_sug {
    margin-top: 25px;
    margin-bottom: 40px;
  }
  
  #box_sug p {
    margin-top: -1px;
  }

  .container_descr {
    margin-top: 0;
  }
  
  .rett_form {
   width: 95%;
  }
  
  .button_login {
   margin-top: -55px;
   margin-right: 0px;
  }
  
  .a1 {
   font-size: 33px !important;
  }

}





.social {
	font-family: 'OpenSans-Bold', sans-serif;
    font-size: 31px;
	letter-spacing: -0.8px; 
	display: inline-block;
	color: #0f2b46;
	font-weight: 700; 
	border: solid 1px rgba(1,1,1,0.1); 
	border-radius: 10px; 
	padding: 20px 30px;
}


.social a {
  outline: none;
}

@media screen and (min-width: 1536px) {
   .social {
     padding: 20px 70px;
	 margin-top: 10px;
   }
}

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

 .social {
   font-size: 24px;
   padding: 10px 0px;
 }   
 
 .social a:first-of-type {
   margin-right: -12px;
 }
 
}

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

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box; 
 }
 /*
 .container_carr {
   padding-left: 0px;
 }*/

 .a1 {
   font-size: 1.8em;
   line-height: 36px;
 }
 
 .text0 {
   line-height: 32px;
 }
 
}