.input-container > label {
    position: absolute;
    top: 10px;
    left: 14px;
    color:#6c7fb4;
    font-size: 14px;
    pointer-events: none;
    transition: all 0.2s ease;
    font-family: "GOST UI 2";
   
}
.input-container {
    position: relative;
    margin-bottom: 15px;

}


/* Положение placeholder при фокусе или когда заполнено поле */
.input-container input:not([type="radio"]):focus + label,
.input-container input:not([type="radio"]):not(:placeholder-shown) + label {
    top: -10px;
    left: 2%;
    font-size: 12px;
    color: #637092;
    padding: 0px 6px 0px 4px;
    background-color: #F0F2F5;
    border-radius: 4px;  
}
.input-container input {
    width: 100%;
    padding: 15px 10px 15px 15px;
    font-size: 14px;
    border-radius: 6px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.8);
    height: 36px;
    font-family: 'arial';
    font-weight: 400;
    color: #637092;
    font-kerning: normal;
    font-stretch: semi-expanded;
    border: solid 1px #D1D9EA;
 

}
.input-container input::placeholder {
    color: #8A8FA5;
    /* Цвет текста в placeholder */
    opacity: 1;
    /* Прозрачность текста в placeholder */
    font-weight: 500;
    letter-spacing: 1px;
    box-shadow: none;
}



.input-container input:focus::placeholder {
    color: transparent !important;
    /* Скрыть placeholder при фокусе */
}


.input-container input:focus {
    box-shadow: none;
    outline: none;
    

}



.input-container input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important; /* Замените lightyellow на нужный цвет */
    box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #637092 !important; /* Цвет текста при автозаполнении */
}

.input-container input:disabled {
    background-color: #f0f0f0; /* Цвет фона, когда поле отключено */
    color: #999999;            /* Цвет текста, когда поле отключено */
    border: 1px solid #cccccc; /* Цвет рамки, когда поле отключено */
}

/* Отмечаем поля ввода, при проверке которых возникает ошибка: */


/*label.label {
    display: inline-block;
    color:#305C83;
   
}*/

/**** textarea *****/
.input-container textarea {
    width: 100%;
    
    padding: 20px 0px 0px 15px;
    font-size: 14px;
    border: solid 1px #D1D9EA;
    border-radius: 8px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    font-family: 'arial';
    color: #637092;
    font-kerning: normal;
    font-stretch: semi-expanded;
    resize: vertical;
    box-shadow: none;
}

.input-container textarea:focus + label,
.input-container textarea:not(:placeholder-shown) + label {
    top: -9px;
    left: 2%;
    font-size: 12px;
    color: #637092;
    background-color: #F0F2F5;
   padding: 1px 6px 1px 6px;
   border-radius: 6px;
        
}
.input-container textarea:disabled + label {
    background-color: #f0f0f0; /* Цвет фона, когда поле отключено */
    color: #999999;            /* Цвет текста, когда поле отключено */
     
}
.input-container textarea:disabled {
    background-color: #f0f0f0; /* Цвет фона, когда поле отключено */
    color: #999999;            /* Цвет текста, когда поле отключено */
    
}


  /***** checkbox ***/
  .checkbox {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5%;
  }
 
    input[type="radio"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    
    
}
input[type="checkbox"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.label_soglasie{
    line-height: 1;
    font-size: 11px;
    margin-top: 10px;
    
}