/* 
    Css to login page
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Reset css inside template */
.com-users-login .header {
    align-items: center;
    margin-bottom: 72px;
}

.com-users-login .inputs {
    margin-bottom: 72px;
}

.com-users-login__remember .form-check {
    margin-top: 24px;
    flex-direction: row;
    align-items: center;
    background-color: rgba(250, 248, 255, 1);
    padding: 8px 16px;
}

.com-users-login__remember .form-check-input {
    margin-right: 32px !important;
}

.com-users-login__remember .form-check-label {
    width: auto;
}

.com-users-login__remember .form-check-label p:nth-of-type(1) {
    font-size: 12px !important;
    line-height: 16px;
    font-weight: 500;
}

.com-users-login__remember .form-check-label p:nth-of-type(2) {
    font-weight: 400;
    line-height: 24px;
}

.com-users-registration__submit button {
    padding: 10px 25px !important;
}

.buttons .com-users-login__signup {
    margin-top: 8px;
}

.buttons .com-users-login__signup a {
    background-color: rgba(220, 226, 249, 1) !important;
    color: rgba(16, 24, 40, 1) !important;
}

.com-users-login .com-users-login__options {
    margin-top: 32px !important;
    align-items: center;
}

.com-users-login .com-users-login__options div {
    flex-direction: row;
    width: auto;
    white-space: nowrap;
}

.com-users-login .com-users-login___option span {
    padding: 8px;
}

.com-users-login .com-users-login___option a {
    padding: 8px 12px;
}