.logo-img {
    max-width: 250px; height: auto;
}

.register-box .logo-container {
    height: 15rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.login-box, .register-box {
    width: 400px !important;
}

div.card-body.register-card-body {
    --label-color: #484848;
    --border-color: var(--label-color);

    padding-top: 3.125rem;
    padding-inline: 2rem;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    color: var(--label-color);
}

.login-form-container {
    display: grid;
    grid-template-columns: form-start 2rem  ;
    gap: 2rem;
}

/*Re-style the validation lists so it doesnt display those bulletpoints and looks like a plain list... */
.login-model-validation ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.login-model-validation > ul > li:not(:first-child) {
    margin-top: .5rem;
}


.lnt-login-form {
    --gap: 2.5rem;
}

.forgot-password-form {
    --place-items-methodes: center;
}

.lnt\:notice-container {
    display: flex;
    gap: 0.25rem;

    position: absolute;
    bottom: 1rem;
    z-index: 0;
}