:root {
  --primary:#AD8411;
  --secondary:#203F96;
}

.bn-nav ul li { position: relative; }

.bn-nav ul li.has-mega:hover .bn-mega {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.bn-mega {
  position:absolute;
  top:100%;
  left:0;
  width:900px;
  background:#fff;
  padding:30px;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
  border-radius:12px;
  display:flex;
  gap:30px;
  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  transition:all .3s ease;
  z-index:999;
}

.bn-mega-column {
  flex:1;
}

.bn-mega-column h4 {
  color:var(--secondary);
  margin-bottom:10px;
  font-size:16px;
}

.bn-mega-column a {
  display:block;
  padding:6px 0;
  color:#333;
  text-decoration:none;
  transition:.2s;
}

.bn-mega-column a:hover {
  color:var(--primary);
  padding-left:5px;
}

/* Mobile */
@media(max-width:768px){
  .bn-mega{
    position:relative;
    width:100%;
    flex-direction:column;
    box-shadow:none;
    padding:10px;
  }
}