/* login */
.header_login{
    position: fixed;
    inset: 0;
    transform: translateY(-120%);
    /* background: #0000003e; */
    background: rgba(107, 114, 128, 0.75);
    align-content: center;
    transition: var(--transition);
    z-index: 1050;
}
.header_login.show{
    transform: translateY(0);
}
.login_form_div{
    max-width: 500px;
    width: 100%;
    margin: auto;
    min-height: 400px;
    border-radius: 8px;
    border: 1px solid var(--border_color);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white_color);
    position: relative;
}
.form_login{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
    gap: 1rem;
}
.input_login{
    outline: 0;
    border: 1px solid var(--border_color);
    padding: 5px 10px;
    height: 45px;
    border-radius: 8px;
    width: 100%;
    transition: var(--transition);
}
.input_login:focus{
    border-color: var(--primary_color);
}
.close_login_form.btn_default{
    background: #ec2529;
    position: absolute;
    top: 10px;
    left: 10px;
}
.login_icon{
    width: 100px;
    height: 100%;
}
.login_icon img{
    width: 100%;
    height: 100%;
}
.title_login{
    font-size: 20px;
    font-weight: 700;
    color: var(--footer-color-sta);
}