#myAccountDropdown {
/* position: absolute; */
    /* top: 100%; */
    left: 0;
    /* z-index: 1000; */
    /* display: none; */
    /* min-width: 12rem; */
    /* padding: 0.5rem 0; */
    /* margin: 0.125rem 0 0; */
    font-size: 1rem;
    color: #fcfcfc !important;
    text-align: left;
    /* list-style: none; */
    background-color: #033ebd !important;
    background-clip: padding-box;
    border: 1px solid #f5f5f5;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Styling the main dropdown menu container */
/* .dropdown-menu {
    background-color: #f9fafc; 
    border: 1px solid #0379ff; 
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 
    padding: 0.5rem 0; 
    border-radius: 0.25rem; 
} */

.dropdown-item {
    color: red !important; /* This will affect all dropdown items */
}
.dropdown-menu li .dropdown-item {
    color: rgb(68, 68, 68) !important;
    background-color: transparent !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 

}
.dropdown-menu li .dropdown-item:hover {
    color: rgb(247, 247, 247) !important;
    background-color: rgb(78, 96, 253) !important;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 

}

/* Styling the individual dropdown items */
.dropdown-item {
    color: #252525 !important;
    background-color: #fbfbfc !important;
    font-size: 1rem; /* Default font size */
    padding: 0.5rem 1rem; /* Padding for each item */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; 
}

/* Styling dropdown items on hover */
.dropdown-item:hover {
    background-color: #e9ecef !important; /* Lighter gray background on hover */
    color: #16181b !important; /* Slightly darker text on hover */
}

/* Styling the icons within the dropdown items */
.dropdown-item i {
    color: #003cff !important; /* Muted icon color */
    margin-right: 0.5rem; /* Space between icon and text */
}
.dropdown-menu .dropdown-item i:hover {
    color: #fdfdfd !important; 
    margin-right: 0.5rem; 
}

/* Styling the divider line */
.dropdown-divider {
    border-top: 1px solid #72b3f3; /* Light gray divider */
    margin: 0.5rem 0; /* Vertical margin for the divider */
}

/* Styling specific items, like the logout button */
.logout-btn {
    color: #dc3545 !important; /* Red text for logout */
}

.logout-btn:hover {
    background-color: #dc3545; /* Red background on hover */
    color: #fff; /* White text on hover */
}

.logout-btn i {
    color: #dc3545; /* Red icon for logout */
}

.logout-btn:hover i {
    color: #fff; /* White icon on hover */
}


/* Dropdown Menu Fix - Override all conflicting styles */
.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 12rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529 !important;
    text-align: left;
    list-style: none;
    background-color: #e9f0ff !important;
    background-clip: padding-box;
    border: 1px solid #01203f;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.btn-group.show .dropdown-menu {
    display: block !important;
}

.btn-group .dropdown-menu li {
    margin: 0;
    padding: 0;
    background-color: #eef1f8;
    color: #007bff;
    transition: all 0.3s ease;
}

.btn-group .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #575757;
}

.btn-group .dropdown-menu li .dropdown-item {
    color: #0f0f0f !important;
    padding: 0.75rem 1.5rem;
    font-size: 14px;
    display: block;
    transition: all 0.2s ease;
    text-decoration: none;
    position: relative;
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
}

.btn-group .dropdown-menu li:hover {
    background-color: #d1d1d1 !important;
}

.btn-group .dropdown-menu li .dropdown-item:hover {
    color: #0d6efd;
    background-color: transparent;
    padding-left: 1.75rem;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .btn-group .dropdown-menu {
        right: 0;
        left: auto;
        max-width: 250px;
    }
}