:root {
    --nb-login-modal-2-header-padding-x: 16px;
    --nb-login-modal-2-header-padding-y: 16px;
    --nb-login-modal-2-header-title-color: var(--nb-text-color-primary);
    --nb-login-modal-2-header-title-font-size: var(--nb-h5-font-size);
    --nb-login-modal-2-header-title-font-weight: var(--nb-h5-font-weight);

    --nb-login-modal-2-body-padding-x: 40px;
    --nb-login-modal-2-body-padding-y: 24px;

    --nb-login-modal-2-form-input-height: 40px;
    --nb-login-modal-2-form-input-line-height: calc(var(--nb-login-modal-2-form-input-height) - 2 * var(--nb-border-width));

    --nb-login-modal-2-form-label-line-height: var(--nb-login-modal-2-form-input-line-height);

    --nb-login-modal-2-form-margin: 28px;

    --nb-login-modal-2-social-login-btn-color: var(--nb-text-color-primary);
    --nb-login-modal-2-social-login-btn-font-size: var(--nb-font-size-14);
    --nb-login-modal-2-social-login-btn-font-weight: var(--nb-font-weight-400);
    --nb-login-modal-2-social-login-btn-height: 36px;
    --nb-login-modal-2-social-login-btn-bg: var(--nb-color-white);
    --nb-login-modal-2-social-login-btn-border-color: var(--nb-btn-dark-border-color);

    --nb-login-modal-2-social-login-btn-hover-color: var(--nb-color-white);
    --nb-login-modal-2-social-login-btn-hover-bg: var(--nb-btn-dark-border-color);
    --nb-login-modal-2-social-login-btn-hover-border-color: var(--nb-btn-dark-border-color);
}

.nb-login-modal-2 .nb-modal-header {
    padding: var(--nb-login-modal-2-header-padding-y) var(--nb-login-modal-2-header-padding-x);
    text-transform: capitalize;
}

.nb-login-modal-2 .modal-header .nb-btn-close {
    font-size: 12px;
    line-height: 1;
}

.nb-login-modal-2 .modal-header .nb-btn-close:before {
    font-weight: var(--nb-font-weight-600) !important;
}

.nb-login-modal-2 .nb-modal-header .nb-modal-title {
    color: var(--nb-login-modal-2-header-title-color);
    font-size: var(--nb-login-modal-2-header-title-font-size);
    font-weight: var(--nb-login-modal-2-header-title-font-weight);
}

.nb-login-modal-2 .nb-modal-body {
    padding: var(--nb-login-modal-2-body-padding-y) var(--nb-login-modal-2-body-padding-x) var(--nb-login-modal-2-body-padding-x) var(--nb-login-modal-2-body-padding-x);
}

.nb-login-modal-2 .nb-login-form-2 {
    gap: 0;
}

.nb-login-modal-2 .nb-login-form-2 .nb-form,
.nb-login-modal-2 .nb-login-form-2 .nb-login-forgot-password-link {
    margin-bottom: 28px;
}

.nb-login-modal-2 .nb-login-form-2 .nb-social-login {
    margin-bottom: 20px;
}

.nb-login-modal-2 .nb-login-form-2 .nb-input {
    height: var(--nb-login-modal-2-form-input-height);
    line-height: var(--nb-login-modal-2-form-input-line-height);
}

.nb-login-modal-2 .nb-login-form-2 .form-floating .nb-float-label {
    line-height: var(--nb-login-modal-2-form-label-line-height);
}

.nb-login-modal-2 .nb-login-form-2 .nb-form-group:not(:last-child) {
    margin-bottom: var(--nb-login-modal-2-form-margin);
}

.nb-login-modal-2 .nb-login-form-2 .nb-btn {
    text-transform: uppercase;
}

.nb-login-modal-2 .nb-login-form-2 .nb-form .nb-btn-form,
.nb-login-modal-2 .nb-login-form-2 .nb-registration-wrapper .nb-btn {
    font-size: 16px;
}

.nb-login-modal-2 .nb-login-form-2 .nb-social-login {
    gap: 24px;
}

.nb-login-modal-2 .nb-login-form-2 .nb-social-login .nb-btn {
    color: var(--nb-login-modal-2-social-login-btn-color);
    font-size: var(--nb-login-modal-2-social-login-btn-font-size);
    font-weight: var(--nb-login-modal-2-social-login-btn-font-weight);
    height: var(--nb-login-modal-2-social-login-btn-height);
    background-color: var(--nb-login-modal-2-social-login-btn-bg);
    border-color: var(--nb-login-modal-2-social-login-btn-border-color);
}

.nb-login-modal-2 .nb-login-form-2 .nb-social-login .nb-btn:focus,
.nb-login-modal-2 .nb-login-form-2 .nb-social-login .nb-btn:active,
.nb-login-modal-2 .nb-login-form-2 .nb-social-login .nb-btn:hover {
    color: var(--nb-login-modal-2-social-login-btn-hover-color);
    background-color: var(--nb-login-modal-2-social-login-btn-hover-bg);
    border-color: var(--nb-login-modal-2-social-login-btn-hover-border-color);
}

.nb-login-modal-2 .nb-modal-body > *:first-child {
    text-align: center;
    margin-bottom: 24px;
}

@media screen and (max-width: 576px) {
    :root {
        --nb-login-modal-2-body-padding-x: 10px;
        --nb-login-modal-2-body-padding-y: 24px;
    }

    .nb-login-modal-2 .nb-login-form-2 .nb-social-login {
        gap: 10px;
    }

    .nb-login-modal-2 .nb-login-form-2 .nb-social-login .nb-btn {
        text-transform: capitalize;
    }

    .nb-login-modal-2 .nb-login-form-2 .nb-social-login {
        margin-bottom: 16px;
    }
}