.modal-form {
    position: fixed;
    width: 420px;
    height: auto;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*border-radius: 15px;*/
    z-index: 150;
    opacity: 0;
    visibility: hidden;
}
.modal-form.active {
    opacity: 1;
    visibility: visible;
    transition: all 220ms;
    z-index: 1000;
}
.modal-form-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    border-bottom: 1px solid var(--main-blue, #0A2A4A);
}
.close-modal-form{
    display: flex;
    cursor: pointer;
}
.modal-form__form{
    padding: 24px;
    gap: 24px;
}
.txt-extra-small{
    color: var(--Grey-2, #455564);
    padding: 0 16px;
}
.form-inputs-block{
    gap: 24px;
}
.modal-form .form-input {
    gap: 8px;
}
.modal-form .card-consultation-form-input{
    width: 100%;
}
.modal-form .form-consultation-btn{
    background: var(--blue, #0128FF);
    width: 100%;
}

@media (hover: hover) {
    .close-search:hover, .close-modal-form:hover {
        transform: rotate(90deg);
    }
}