/* Utils */
.page-header {
    padding-top: 100px;
    padding-bottom: 64px;
}

.register-link {
    color: var(--primary);
    transition: var(--transition);
}

.register-link:hover {
    color: var(--primary);
}

.login-card {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.card-body {
    padding: 16px;
}

.login-card label {
    font-family: var(--font-2);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--black);
}

.login-card input {
    border: 1px solid #C4C4C4;
    border-radius: 4px;
}

.register-btn {
    font-family: var(--font-2);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--white);
    background: var(--secondary);
    border-radius: 4px;
    transition: var(--transition);
}

.register-btn:hover {
    color: white;
    filter: brightness(.8);
}

.google-btn {
    background: var(--white);
    border: 1px solid #C4C4C4;
    border-radius: 4px;
    font-family: var(--font-2);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--black);
    transition: var(--transition);
}

.google-btn:hover {
    color: var(--black);
    filter: brightness(.8);
}

.divider {
    border: 1px solid var(--primary);
    margin-top: 16px;
    margin-bottom: 32px;
}

.error {
    font-size: 12px;
    position: relative;
    line-height: 1;
    width: 100%;
    color: red;
}
/* End Utils */

@media (max-width: 767.98px) {

    .page-header {
        padding-top: 120px;
    }

}