/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/*
input[type="radio"] {
     display: none;
}
*/
.inputs-list {
  list-style-type: none; 
  padding: 0px;
}

.inputs-list li {
  display: inline; 
}

.hs-error-msg {
    color: #FF8A00;
    pointer-events: none;
}

.hs-error-msgs {
    margin-top: -16px; 
    pointer-events: none;
}

label {
    font-size: 20px;
    color: #202020;
    padding-top: 10px;
    padding-bottom: 5px;
}

.hs-input[type="radio"] {
  display: none; 
}

.hs-form-radio-display:hover {
    background-color: #2968F1;
    box-shadow: 0px 5px 19px rgba(0, 63, 200, 0.25);
}

.hs-form-radio-display {
    background-color: #8CAEF8;
    display: inline;
    color: white;
    font-size: 20px;
    border-radius: 5px;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    margin-right: 5px;
    transition: 250ms;
}

.hs-form-radio-display:has(input[type="radio"]:checked) {
    background-color: #2968F1;
    display: inline;
    color: white;
    font-size: 20px;
    border-radius: 5px;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.form-container, .hs_cos_wrapper_type_form {
    width: 600px;
    max-width: 95vw;
}

@media screen and (max-width: 767px)  {
    .hs-form-radio-display {
        display: block;
        margin-bottom: 10px
        
    }  
    .hs-form-radio-display:has(input[type="radio"]:checked) {
        display: block;
        margin-bottom: 10px
    }
    
    .form-container, .hs_cos_wrapper_type_form {
        min-width: 95vw;  
    }
  
    .hs_cos_wrapper_type_form {
        width: 80%;  
        max-width  600px: 
    }
  

}

@media screen and (max-width: 500px)  {
      .hs_cos_wrapper_type_form {
        width: 100%;  
    }
}

input[type="checkbox"] {
    font-size 2rem !important;
    margin-right: 12px !important;
}

input[type="text"], input[type="email"], textarea {
    background-color: #EAF0FE;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100% !important;
    border-radius: 5px;
    border: 0;
    margin-bottom: 20px;
}

input[type="submit"] {
    background-color: #2968F1;
    color: white;
    font-size: 20px;
    border-radius: 5px;
    padding: 6px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
    min-width: 160px;
    border: 0;
}

select {
    display: inline;
    font-size: 20px;
    width: 100%;
    margin-bottom: 12px !important;
}