body {
    background-color: #f8f9fa;
}
.card {
    max-width: 400px;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.nav-pills .nav-link {
    color: #000;
}
.nav-pills .nav-link.active {
    background-color: #007bff;
    color: #fff;
}
.form-control {
    border-radius: 5px;
}

/* ============================rejester ============================== */

.error ,.errorLogin {
    color: red;
    font-size: 0.9rem;
    text-transform: capitalize;
}

/* Custom CSS for additional styling */
.navbar-nav .nav-link {
    padding: 0.5rem 1rem; /* Add padding to navbar links */
}

.navbar-brand img {
    max-height: 50px; /* Adjust logo height */
}

#userName {
    font-weight: bold; /* Style the user's name */
}