 .hbspt-form form{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width:100%;
  height: auto;
}

 .hs-form-field{

  width: calc(50% - 40px);
}
.hs-form-field:nth-last-child(2),.hs-form-field:nth-last-child(1),.hs-form-field:nth-last-child(0){
  width: 100%;
}


/**/
.hs_user_s_product_interest.hs-user_s_product_interest.hs-fieldtype-checkbox.field.hs-form-field{
  width: 100%;
}
.hs_user_s_product_of_interest_es_.hs-user_s_product_of_interest_es_.hs-fieldtype-checkbox.field.hs-form-field{
  width:100%;
}





 .hs_message.hs-message.hs-fieldtype-textarea.field.hs-form-field{
    width: 100%;
}
 input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select {
    background-color: #fff;
    background-image: none;
    display: block;
    width: 100%;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 20px !important;
    font-size: 14px;
    font-size: 1.75rem;
    line-height: 20px;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    padding: 4px 12px;
    color: #82858c;
    font-weight: 400;
    font-family: inherit;
    outline: 0;
  margin-left: -4px;
mix-blend-mode: normal;
ont-family: inherit;
    outline: 0;
    margin-left: -4px;
    mix-blend-mode: normal;
    border: 2px solid #6e6e6e;
    border-radius: 25%;
border-radius: 25%;

}input[type="radio" i] {
  margin-right: 7px;
}
input[type="file"]{
      background-color: none; 
    /* background-image: none; */
    /* display: block; */
    /* width: 100%; */
    /* -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /* -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
    /* transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
    /* transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
    /* transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; */
    /* -webkit-border-radius: 0; */
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    /* border-radius: 0; */
    /* border: 1px solid #b8bec1; */
    border: 0px solid transparent !important;
    /* font-size: 14px; */
    /* font-size: 1.75rem; */
    /* line-height: 20px; */
    /* -webkit-box-shadow: 0 0 0 0 transparent; */
    -moz-box-shadow: 0 0 0 0 transparent;
    /* box-shadow: 0 0 0 0 transparent; */
  
    padding: 2rem 0 !important;
    /* color: #82858c; */
    /* font-weight: 400; */
    /* font-family: inherit; */
    /* outline: 0; */
    margin-left: 0;
}
input[type="file"]#file-upload-button{
  background-color: #db183f;
  color: #fff;
}
/*Textos*/
.hs-form-field>label {
  font-size: 20px;

}
/* Estilos elementos lista*/

.hs-form-checkbox > label{
 
  color: #db183f;
  font-size: 16px; 
  }


/*.hs-form-checkbox [type="checkbox"]:checked:after {
    font-size: 16px;
    color: #db183f;
    content: "\25EF";
    margin-right: 4px;
}
.hs-form-checkbox [type="checkbox"]:after {
    
  margin-top:-4px;
    font-size: 18px;
    color: #db183f;
    content: "\2B24";
}




/* Custom Input */
ul.inputs-list.multi-container li.hs-form-radio label {
  position: relative;
}
ul.inputs-list.multi-container li.hs-form-radio label span {
  display: inline-block;
  margin-left: 40px; /* Width of the new radio select and any additional spacing on the left */
  margin-right: 16px; /* Additional spacing on the right */
}
/* Hide the original radio select */
ul.inputs-list.multi-container li.hs-form-radio label input {
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
/* Add new radio select */
ul.inputs-list.multi-container li.hs-form-radio label span::before {
  border: 2px solid;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  border-radius: 50%;
}
/* Style new checked item */
ul.inputs-list.multi-container li.hs-form-radio label span::after {
  content: "";
  opacity: 0;
  border: 5px solid #db183f;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
  transition: opacity 0.2s ease-in-out;
  color: #fff;
}
/* Show when checked */
ul.inputs-list.multi-container li.hs-form-radio label input:checked + span::after {
  opacity: 1;
}
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-radio label input:focus + span::after {
  box-shadow: 0 0 0 3px #db183f11;
  outline: 3px solid transparent; /* For Windows high contrast mode. */
}

/*Posición boton */
.hs_submit.hs-submit{
  display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  margin-top: 20px;
}
  
/*Diseño botón*/
  


@media (max-width: 768px) { 
   .hs-form-field{
  width: 100%;
}


}
