/* Shared dropdown styling - standardizes the Programs & Others menus on every page */
.programslist .programslist1,
.others .other-main {
position: absolute;
top: 150%;
left: 50%;
transform: translateX(-50%);
background-color: #ffffff;
color: #000000;
min-width: 300px;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
padding: 10px 0;
opacity: 0;
visibility: hidden;
display: block;
transition: top 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
z-index: 1001;
}
.programslist:hover .programslist1,
.others:hover .other-main {
top: 100%;
opacity: 1;
visibility: visible;
}
.programslist1 ul,
.other-main ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.programslist1 ul li,
.other-main ul li {
margin: 0;
width: 100%;
}
.programslist1 ul li a,
.other-main ul li a {
display: block;
padding: 12px 20px;
font-size: 14px;
white-space: nowrap;
color: #000000;
}
.programslist1 ul li a:hover,
.other-main ul li a:hover {
background-color: #f3e8ff;
color: #4c0563;
}
.programslist1 ul li a i,
.other-main ul li a i {
margin-left: 8px;
}