/* Login and Registration Modal Tabs Styling */
#loginModal .nav-tabs,
#registerModal .nav-tabs {
    justify-content: center;
    border-bottom:0px;
}
#loginModal .nav-tabs li.nav-item,
#registerModal .nav-tabs  li.nav-item{
    width: 50%;
}

#loginModal .nav-tabs .nav-link,
#registerModal .nav-tabs .nav-link {
    color: #666;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    transition: all 0.3s ease;
    width:100%;
}

#loginModal .nav-tabs .nav-link:hover,
#registerModal .nav-tabs .nav-link:hover {
    color: var(--primary-color, #000);
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

#loginModal .nav-tabs .nav-link.active,
#registerModal .nav-tabs .nav-link.active {
    color: var(--primary-color, #000);
    background-color: #ffffff;
}

#registerModal .custom-scrollbar {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

#registerModal .custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

#registerModal .custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#registerModal .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

#registerModal .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Form styling adjustments */
#loginModal .modal-body .tab-content,
#registerModal .modal-body .tab-content {
    background: #fff;
    padding: 20px;
    border-radius: 0px 0px 6px 6px;
}