.login {
    --bb-admin-screen-txt-color: #143677;
    display: grid;
    margin: 2.5rem 1.5rem;
}
.login-wrapper {
    background: #FFF;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 20px;
    box-shadow: 0 4px 20px 6px #E7ECFA;
    max-width: 1080px;/*1340px;*/
    width: 100%;
    margin: auto;
}
.login-panel-left {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 0 0 20px;
    background: radial-gradient(99.29% 112.55% at 97.53% 100%, rgba(0, 170, 171, 0.80) 0%, rgba(0, 170, 171, 0.04) 100%);
}

.login-panel-right {
    font-size: 18px;
    padding: 8%;
    color: #143677;
}

.login.bb-login .login-wrapper #login {
    padding: 0;
    width: 100%;
}

body.login h1 a, body.login .wp-login-logo a {
    width: 250px;
}

body.login .login-heading {
    justify-content: center;
    text-align: center;
    margin-block-start: 0;
}

body.login .login-heading h2 {
    margin-right: 0;
    color: #143677;
    font-family: Montserrat, 'Kulim Park', sans-serif;
    font-size: clamp(1.75rem, calc(0.8125rem + 3vw), 2.5rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

body.login .login-card {
    background: #FFF;
    padding: 1.5rem 2rem;
    margin-block: 45px;
    box-shadow: 0 0 12px 0 rgba(73, 112, 226, 0.25);
    border-radius: 30px;
}

body.login form[name="loginform"] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    padding: 3px;
    margin: 24px 0 8px;
}

body.login .login-panel-right form[name="loginform"] > * {
    font-size: 1em;
    line-height: normal;
}

body.login form[name="loginform"] > *:not(.forgetmenot, .lostmenot) {
    grid-column: 1/-1;
}

body.login form[name="loginform"] label {
    font-size: 1em;
    line-height: normal;
    vertical-align: middle;
    margin-block-end: 0;
}

body.login a,
body.login form[name="loginform"] p > a,
body.login .login-panel-right p a,
body.login .login-panel-right p > a {
    font-weight: 600;
}

body.login form label[for="user_login"] span,
body.login form label[for="user_pass"] span {
    color: #143677;
    font-family: Montserrat, 'Kulim Park', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: auto;
    height: auto;
    position: static;
    clip-path: none;
    display: block;
    margin: 10px;
}

body.login form label[for="user_login"]::before,
body.login form#loginform label[for=user_login]::before,
body.login form label[for="user_pass"]::before,
body.login form#loginform label[for=user_pass]::before,
.login form#loginform label[for=user_pass] .label-switch::after {
    content: none;
}

.login form#loginform label[for=user_pass] > .label-switch {
    display: none;
}

body.login input[type=email], 
body.login input[type=password], 
body.login input[type=text] {
    background: #FFF;
    min-height: 46px;
    border-radius: 14px;
    border: 1px solid #143677;
    padding-inline-start: 16px;
    margin-block-end: 10px;
}

body.login input[type=email]:focus-visible, 
body.login input[type=password]:focus-visible, 
body.login input[type=text]:focus-visible {
    outline: 1px solid #143677;
    outline-offset: 2px;
}

body.login input[type=email]::placeholder, 
body.login input[type=password]::placeholder, 
body.login input[type=text]::placeholder {
    color: #FFF;
}

body.login .button.wp-hide-pw {
    height: 2.875rem;
}

body.login .button.wp-hide-pw:hover .dashicons-visibility,
body.login .button.wp-hide-pw:focus .dashicons-visibility,
body.login .button.wp-hide-pw:focus-visible .dashicons-visibility {
    opacity: 1;
    color: #00AAAB;
}

body.login .user-pass-wrap .wp-pwd::before {
    content: none;
    top: 13px;
}

body.login .user-pass-wrap .wp-pwd .dashicons.dashicons-visibility {
    font-size: 1.5rem;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    transition: all 0.2s ease;
}

.forgetmenot, .lostmenot {
    text-align: center;
    order: 9;
    float: none;
}

.forgetmenot span.checkbox {
    margin-top: 3px;
}

.tgbl-login-signup-link {
    order: 99;
    margin-block-start: 28px;
    color: #143677;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.tgbl-login-signup-link a {
    font-weight: 600;
}

body.login #login form p.submit {
    text-align: center;
}

body.login #login form p.submit input[type="submit"] {
    color: #143677;
    background: transparent;
    width: auto;
    min-width: 150px;
    border-radius: 30px;
    border: 2px solid #143677;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding-block: 12px;
    margin-block-end: 1.75rem;
    transition: all 0.2s ease-in-out;
}

body.login #login form p.submit input[type="submit"]:hover,
body.login #login form p.submit input[type="submit"]:focus-visible {
    background: #143677;
    color: #fff;
}

body.login .privacy-policy-page-link {
    display: none;
}


@media (max-width: 767px) {
    .login-wrapper {
        grid-template-columns: 1fr;
    }
    .login-panel-left {
        order: 9;
    }
}

@media (max-width: 600px) {
    body.login h1 a, body.login .wp-login-logo a {
        width: 170px;
    }
}