/* General styles for the list */
ul {
    list-style-type: none;
    padding: 0;
    font-size: 18px;
 
}

ul li {
    margin: 10px 0;
    
}
/* Dropdown container styling */
.dropdown {
    display: none;
    position: absolute; /* Use absolute positioning to control dropdown placement */
    /* Transparent background */
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 18px;
    list-style-type: none;
    z-index: 1000;
    width: 200px; /* Set a fixed width or adjust as needed */
}
.text{
    color: white;
}

/* Show dropdown on hover */
li:hover .dropdown {
    display: block;
    background-color: white; 
}

/* Nested dropdown styling */
.nested-dropdown {
    background-color: #ddd;
    display: none; /* Initially hidden */
    position: absolute; /* Position relative to parent li */
    top: 25%; /* Move below the parent */
    left: 80%; /* Align to the right of the parent */
    background: rgb(195, 201, 255); /* Background color */
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
    list-style-type: none;
    z-index: 1001; /* Ensure it's above other content */
    width: 200px;
}

/* Show nested dropdown on hover */
.dropdown li:hover .nested-dropdown {
    display: block;
    
}

/* Nested dropdown item styling */
.nested-dropdown li {
    margin: 0;
    color: white; 
}

.nested-dropdown li a {
    padding: 10px;
    display: block;
     background-color: white; /* Set text color to white */
    font-weight: bold; /* Apply bold font weight */
}

.nested-dropdown li a:hover {
    background: rgb(185, 99, 17);
    text-decoration: underline;
    background-color: white; 

}