body.client-auth-body,
body.client-auth-body input,
body.client-auth-body button,
body.client-auth-body textarea,
body.client-auth-body select,
body.client-auth-body label,
body.client-auth-body span:not(.input-group-text i),
body.client-auth-body a,
body.client-auth-body p,
body.client-auth-body h1,
body.client-auth-body h2,
body.client-auth-body h3,
body.client-auth-body h4,
body.client-auth-body h5,
body.client-auth-body h6 {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

body.client-auth-body {
    background-image: url('/assets/images/backgrounds/background-client.webp');
    background-size: cover;
    background-position: center bottom;
    min-height: 100vh;
    height: 100vh;
    margin: 0;
    overflow: hidden;
    position: relative;
}

body.client-auth-body.client-auth-body--scroll {
    height: auto;
    min-height: 100vh;
    overflow-y: auto;
}

body.client-auth-body > .row {
    position: relative;
    z-index: 1;
}

.client-auth-card {
    background-color: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.01);
    font-size: 14px;
    border-radius: 20px;
    position: relative;
    z-index: 2;
}

.client-auth-card .card-body {
    padding: 35px;
}

.client-auth-logo {
    max-width: 200px;
    height: auto;
    margin-bottom: 23px;
}

.heading-text-auth {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #000;
    text-align: center;
    display: block;
    margin-bottom: 2px;
}

.client-auth-card .input-group-text {
    background-color: #f0f8f8 !important;
    color: #2c2e74 !important;
    border-color: rgba(46, 44, 116, 0.1) !important;
    border-radius: 10px;
}

.client-auth-card .form-control {
    font-size: 14px;
    border-radius: 10px;
}

.client-auth-card .btn-primary {
    background-color: #2c2e74 !important;
    border: 0;
    border-radius: 10px;
    transition: 0.35s ease-in-out;
}

.client-auth-card .btn-primary:hover {
    background-color: rgba(44, 46, 116, 0.9) !important;
}

.client-auth-card .btn-outline-primary {
    color: #2c2e74 !important;
    background-color: transparent !important;
    border: 1px solid #2c2e74 !important;
    border-radius: 10px;
    transition: 0.35s ease-in-out;
}

.client-auth-card .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #2c2e74 !important;
}

.client-auth-footer {
    font-size: 14px;
}

.client-auth-code-input {
    letter-spacing: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 15px;
}