.btn_loyal{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.64px;
    text-transform: uppercase;

    height: 60px;
    border-radius: 10px;
    background: #006738;
    transition: 0.3s ease-in-out all;
}

.btn_loyal:hover{
    background-color: #003836;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none !important;
}

.main_auth{
    padding: 200px 0;
}

.auth_line{
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.auth_title{
    margin-bottom: 25px;
    color: #000;
    font-size: 38px;
    font-weight: 400;
}

.auth_subtitle{
    margin-bottom: 55px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.auth_section{
    display: flex;
    justify-content: center;
}

.auth_form{
    padding: 40px 60px 60px;

    width: 700px;
    border-radius: 20px;
    border: 1px solid #E5E6EB;
    background: #FFF;
}

.auth_form--tabs{
    margin-bottom: 37px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.tabs_auth{
    flex: 1;
    height: 45px;

    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #EFF0F5;
    color: #000;
    transition: 0.3s ease-in-out all;
}

.tabs_auth--active{
    cursor: default;

    color: #003836;
    background-color: #87D454;
}

.tabs_auth--green:hover{
    opacity: 0.8;
}

.auth_form--caption{
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 400;
}

.auth_form--item input{
    padding-left: 18px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background-color: #EFF0F5;

    color: #6C7087;
    font-size: 16px;
    font-weight: 700;
}

.auth_form--input{
    margin-bottom: 30px;
}

.auth_form--item input {
    padding-left: 18px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    background-color: #EFF0F5;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid transparent;
    transition: border-color 0.2s, background-color 0.2s;
}

.auth_form--item input::placeholder{
    color: #6C7087;
}

.auth_form--item input:focus {
    border-color: #87D454;
    background-color: #fff;
    outline: none;
}

.auth_form--item--last{
    margin-bottom: 0;
}

.password-wrapper {
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M19.0915 10.2217C19.9178 8.98482 20.2527 7.97613 20.2527 7.97613C20.2527 7.97613 18.0681 1 10.6527 1C10.2364 1 9.83661 1.02199 9.45273 1.06349M16.0527 13.2494C14.6753 14.1281 12.9021 14.7495 10.6527 14.7127C3.32966 14.593 1.05273 7.97613 1.05273 7.97613C1.05273 7.97613 2.11059 4.59808 5.25273 2.54332M10.6527 10.2217C9.32725 10.2217 8.25273 9.17609 8.25273 7.88631C8.25273 7.29403 8.47932 6.75326 8.85273 6.34157C9.16738 5.98685 10.8359 5.11507 12.0527 6.34157C13.2696 7.56807 12.9118 8.66141 12.2454 9.63338C11.8217 9.99939 11.2639 10.2217 10.6527 10.2217Z' stroke='%239B9FB4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")  center/24px no-repeat;;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
}

.toggle-password:hover {
    opacity: 1;
}

.toggle-password.active {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='17' viewBox='0 0 22 17' fill='none'%3E%3Cpath d='M19.0527 16L4.05273 1M8.85273 6.94157C8.47932 7.35326 8.25273 7.89403 8.25273 8.48631C8.25273 9.77609 9.32725 10.8217 10.6527 10.8217C11.2639 10.8217 11.8217 10.5994 12.2454 10.2334M19.0915 10.8217C19.9178 9.58482 20.2527 8.57613 20.2527 8.57613C20.2527 8.57613 18.0681 1.6 10.6527 1.6C10.2364 1.6 9.83661 1.62199 9.45273 1.66349M16.0527 13.8494C14.6753 14.7281 12.9021 15.3495 10.6527 15.3127C3.32966 15.193 1.05273 8.57613 1.05273 8.57613C1.05273 8.57613 2.11059 5.19808 5.25273 3.14332' stroke='%239B9FB4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")  center/24px no-repeat;;
}


.auth_form--btns{
    margin-top: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.auth_btn{
    width: 274px;
}

.auth_recovery{
    color: #006738;
    font-size: 16px;
    font-weight: 700;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.form__item.form__errors{
    margin-top: 10px;
    font-size: 14px;
    color: red;
}

.auth_form--item input.form__field--error{
    border:1px solid #E10E1C;
}

@media(max-width: 768px){
    .main_auth {
        padding: 100px 0;
    }

    .auth_form {
        padding: 40px 60px 60px;
        width: 100%;
        border: unset;
    }
}


@media(max-width: 590px){


    .auth_title{
        font-size: 30px;
    }

    .auth_subtitle {
        margin-bottom: 15px;
    }

    .auth_form {
        padding: 40px 20px 60px;
    }

    .tabs_auth{
        font-size: 10px;
        height: 35px;
    }

    .auth_form--caption {
        font-size: 22px;
    }

    .auth_form--btns{
        flex-direction: column;
    }

    .auth_recovery{
        margin-top: 20px;
    }
}

@media(max-width: 390px) {
    .auth_form {
        padding: 40px 10px 60px;
    }

    .auth_btn{
        width: 100%;
    }
}