/* Custom styles for profile tabs */
#profileTabs .nav-link {
    color: #666; /* Dark grey for inactive tabs */
    border-color: #dee2e6 #dee2e6 #dee2e6; /* Default Bootstrap border color */
}

#profileTabs .nav-link.active {
    color: #333; /* Darker grey for active tab text */
    background-color: #f8f9fa; /* Light background for active tab */
    border-color: #dee2e6 #dee2e6 #f8f9fa; /* Match background for bottom border */
}

#profileTabs .nav-link:hover {
    color: #333; /* Darker grey on hover */
    border-color: #e9ecef #e9ecef #e9ecef;
}