.dropdown-menu{
    width: 260px;
    max-height: 70vh;
    overflow: auto;
}
/* إزالة النقاط من القائمة */
ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.dropdown-header {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 5px; 
    position: relative; 
}
.dropdown-header {
    font-weight: bold;
    font-size: 16px;
    color: #0099ff;
    margin: 15px;
}
.dropdown-header:hover {
    cursor: pointer;
    color: #007bff; 
}
.dropdown-header:last-child {
    border-bottom: 1px solid white;
}
.submenu[style="display: block;"] {
    display: block;
}

.submenu {
    margin-left: 20px;
    padding-left: 10px;
    border-left: 2px solid #ddd;
    
}
.submenu {
    padding-left: 15px;
    margin-top: 5px;
}
#supplements-menu{
    min-height: 270px; 

}
#personal-care-menu{
    min-height: 80px;
}

.submenu li {
    padding-left: 20px;
    font-size: 14px;
    white-space: nowrap; 
}

#supplements-menu, #personal-care-menu{
    display: none;
}
.dropdown-menu li {
    margin: 10px; 
    padding: 3px 5px; 
    font-size: 14px;
    }
@media (max-width: 768px) {
.dropdown-menu{
    max-height: 90vh;
       
    }
    .dropdown span {
          margin-top: 0px;
          margin-left: 20px;
    }
    
}