.submitted-message{font-family:'seravekregular';}


.hs-form-booleancheckbox-display {
    align-items: center
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #eee;
    border: 1px solid var(--PosgradosRed) !important;
    border-radius: 4px;
    height: 20px;
    width: 20px!important
}










.formContainer{ position:relative; background-color:var(--PosgradosRed); max-width:1280px; width:100%; display:grid; justify-content:center; justify-items:center; color:White; text-align:Center; font-family:'seravekregular';}
.formArt{position:Absolute; bottom:0; right:0;}

.formContainer form .input{width:481px;}

.form-columns-1{margin: 0 auto !important;}
.hs_aceptacion_aviso_privacidad_diplomado_enarm{display:flex; justify-content:center;}
.hs-form-booleancheckbox label {display: flex; text-align: left; justify-content: center; gap:12px;}
input[type=submit]{background:white; color:#444343; border: solid 1px #707070; border-radius:4px; width:195px; padding:8px 0 12px; font-family:'seravekbold'; margin-top:42px;} 

.form-columns-1 .input ,.form-columns-2  .input {margin-bottom:31px; margin-top:14px;}
.form-columns-1 .input input,.form-columns-2  .input input , .form-columns-2 .input select{background: white; width:100%; border-radius:4px; border:solid 1px white; padding: 0 0 0 8px ;}
.form-columns-1 div,.form-columns-2 div{text-align:left;}

.form-columns-1 div label,.form-columns-2 div label{color:white; }
.formContainer h4{margin-bottom:24px;}


.hs-error-msgs{text-align:Center;}

.toggleStep{background:white !important; color:var(--PosgradosRed) !important; font-weight:bold !important;}



.hs-form-booleancheckbox-display{align-items:center;}


   input[type="checkbox"] {
      -webkit-appearance: none; /* Quitar los estilos nativos del checkbox */
      -moz-appearance: none;
      appearance: none;
      width: 20px !important;  /* Ancho del checkbox */
      height: 20px; /* Altura del checkbox */
      background-color: #eee; /* Color de fondo del checkbox */
      border: 1px solid #911832; /* Borde del checkbox */
      border-radius: 4px; /* Radio del borde */
    }

    /* Estilo para el interior del checkbox cuando está marcado */
    input[type="checkbox"]:checked {
      background-color: #B58743; /* Cambiar el color del checkbox cuando está marcado */
    }



@media(max-width:440px){
	    .formContainer form .input {width: 320px !important;}
	    .form-columns-2 .input select { width: 326px !important;}
      .form-columns-1 .input select { width: 326px !important;}
}

@media(max-width:880px){
	    .containerDIP {
        margin-top: 18px !important;
    }
}
	.formCont .wrapper{padding:0;}
	.formContainer form{ position:relative; z-index:1;}
	
}

@media(max-width:1080px){
	.form-columns-2{display:grid;}
			.form-columns-1  .input input ,.form-columns-2  .input input , .form-columns-2 .input select{height:35px;}
		.formContainer h4{font-size:28px;}
		.formContainer{padding: 36px 0 100px; }
		input[type=checkbox]{width:20px;}
		.submitted-message{font-size:24px; margin-top:20px;}
	


}


@media(min-width:1080px){
	.form-columns-2{; gap:85px;display:inline-flex;} /* here flex*/
	.formContainer h4{font-size:35px;}
	.formContainer{padding: 36px 0 147px; border-radius:5px;}
	.form-columns-2 .input select{width:490px;}
		.form-columns-1  .input input,.form-columns-2  .input input , .form-columns-2 .input select{height:45px;}
	   input[type=checkbox]{width:33px; 
	    cursor: pointer;
       height: 20px;
    vertical-align: middle;
    width: 20px;}
	
	.submitted-message{font-size:32px; margin-top:34px;}

	
	}



@media(max-width:1280px)
{
	.formContainer form .input {width: 378px;}
 .form-columns-2 .input select {width: 390px ;}

}


@media(min-width:1600px){
	.form-columns-1  .input input,.form-columns-2  .input input , .form-columns-2 .input select{height:55px;}

}

.stepContainer{
border: solid 1px;
  border-radius: 34px;
  width: 20px;
  padding: 12px;
	font-family:'seravekregular';
}

.formStageContainer{display:flex; gap:22px;}





form fieldset:nth-child(3) {
    /* Aquí tus estilos */
   
}


.hs-form-booleancheckbox-display input{
  height:20px !important;
}