/* Heading */
#heading-banner {
    border-bottom: var(--border-width) solid var(--border-color); /* Black border at the bottom */
    padding-top: var(--border-size) !important; /* Add margin to the bottom */
}

#heading-inner {
    background-color: var(--background-color); /* Light background color */
    border-top: var(--border-width) solid var(--border-color); /* Black border at the top */
    margin-bottom: var(--border-size); /* Add margin to the bottom */
    padding: 3rem !important;
}

/* Welcome back Section */
#welcome-back {
    background-color: var(--background-color);
    color: var(--text-color);
    font-size: 3rem;
    padding-top: 1rem !important; /* Override the default padding */
    padding-bottom: 1rem !important; /* Override the default padding */
    border-bottom: var(--border-width) solid var(--border-color); /* Black border at the bottom */
    margin-bottom: var(--border-size) !important; /* Add margin to the bottom */
}


/* Login Section */
#login-section {
    background-color: var(--background-color);
    color: var(--text-color);
    font-size: 3rem;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    border-bottom: var(--border-width) solid var(--border-color);
    margin-bottom: var(--border-size) !important;
}

/* Login Form Section */
#login-form {
    background-color: var(--background-color);
    color: var(--text-color);
    padding: 3rem !important;
}

.users-form-content {
    background-color: var(--background-color);
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}