/* 1e. Forms */































:root {
  --form-label-color: 

  
  
    
  


  rgba(50, 50, 50, 1.0)

;
  --form-help-text-font-color: ;

  --form-field-placeholder-color: #424242;
  --form-field-font-color: #424242;
  --form-field-bg-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  --form-field-corner-radius: 5.35px;

  --form-bg-color: 

  
  
    
  


  rgba(245, 245, 245, 1.0)

;
  --form-padding: padding: 28px;
;
  --form-top-left-corner-radius: 16px;
  --form-top-right-corner-radius: 16px;
  --form-bottom-left-corner-radius: 16px;    
  --form-bottom-right-corner-radius: 16px;

  --form-submit-button-bg-color: 

  
  
    
  


  rgba(39, 32, 29, 1.0)

;
  --form-submit-button-bg-color-hover: 

  
  
    
  


  rgba(251, 179, 66, 1.0)

;
  --form-submit-button-color: 

  
  
    
  


  rgba(250, 250, 250, 1.0)

;
  --form-submit-button-color-hover: 

  
  
    
  


  rgba(250, 250, 250, 1)

;
}


form[class^='hs-form-'] {
  padding: 28px;

  border: 1px none #E0E0E0;

}

form[class^='hs-form-'] fieldset[class^='form-columns'] .field.hs-form-field .hs-input {
  border: 0.67px solid #BDBDBD;

}

form[class*='hsForm_'] {
  fieldset .field.hs-form-field {
    .input textarea {
      min-height: 70px;
    }
  }

  .hs-form-field {
    /* css label */
    label {
      {font=null, font_set=DEFAULT, styles={font-weight=500, line-height=1}, size=12, size_unit=px, color=null, variant=null, fallback=null, line_height=null, letter_spacing=null, casing=null, style=font-weight: 500; line-height: 1, css=font-size: 12px;font-weight: 500; line-height: 1;}
      font-size: 12px;
    }

    .hs-field-desc {
      display: none;
    }

    .input {
      margin-right: 0 !important;
    }

    .hs-input.invalid.error {
      border-color: #EF6B51;
    }

    .hs-error-msg {
      color: #EF6B51;
      margin: 0;
    }
  }
}

/* css field */
form[class^='hs-form-'] .field.hs-form-field .hs-input,
form[class^='hs-form-'] fieldset[class^='form-columns'] .field.hs-form-field .hs-input {
  padding: 12.5px;
  border-radius: var(--form-field-corner-radius, 0);
  background-color: var(--form-field-bg-color, var(--color-white));
  color:  var(--text-color);
  width: 100%;
}
  
/* css form */
form[class^='hs-form-'] {
  background-color: var(--form-bg-color, var(--color-white));
  border-top-left-radius: var(--form-top-left-corner-radius, 0);
  border-top-right-radius: var(--form-top-right-corner-radius, 0);
  border-bottom-left-radius: var(--form-bottom-left-corner-radius, 0);
  /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
  border-bottom-right-radius: var(--form-bottom-right-corner-radius, 0);

  h3 {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: 28px;
  }

  .form-columns-2 {
    display: flex;
    justify-content: space-between;
    gap: 37.33px;

    @media (max-width: 768px) {
      flex-direction: column;
      gap: 16.05px;

      .hs-form-field,
      .input,
      .hs-input {
        width: 100% !important;
      }

      input[type=checkbox],
      input[type=radio] {
        width: fit-content !important;
      }
    }
  }

  fieldset {
    margin-bottom: 8px;
  }

  fieldset:first-child {
    margin-bottom: 0;
  }

  .hs-form-field .input {
    margin-right: 0;
  }
  
  /* css button submit */
  .hs-submit {
    display: flex;
    justify-content: center;
    margin-top: 28px;
  }

  input.hs-button {
    border: 0px none #424242;

    padding-top: 16px;
padding-right: 19.38px;
padding-bottom: 16px;
padding-left: 19.38px;

    {font-weight=600, line-height=1, letter-spacing=10%}
    color: var(--form-submit-button-color);
    background-color: var(--form-submit-button-bg-color, var(--color-primary));
    font-size: 12.92px;
  }

  input.hs-button:hover {
    background-color: var(--form-submit-button-bg-color-hover);
    color: var(--form-submit-button-color-hover);
    border: 0px none #FFFFFF;

  }

  .hs-input::placeholder {
    color: var(--form-field-placeholder-color, var(--color-black));
  }
}


.form-title {
  display: none;
}


.hs_cos_wrapper_type_form{
  display: block;
  position: relative;
  width: 100%;
}