header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:#f3b9b9;
    width:100%;
    height:105px;
    padding: 0;
}
body {
    background: #b47777;
}
.logo img {
    padding-left:0;
    width: 350px; /* Adjust the logo width */
    height: 125px;
}
header .container {
    display:flex;
    justify-content:flex-start;
    align-items: center;
    height: 10%;
}

/*MENUS*/

header .top-menu {
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
}
header .top-menu li a{
    padding:0 1rem;
    color:#fff00;
    background: white;

}
header .top-menu li {
    position:relative;
}
header .top-menu li:first-child a {
    padding-left:0;
}
header .top-menu li:last-child a {
    padding-right:0;
}
header .top-menu li .sub-menu {
    display:none;
    position:absolute;
    z-index:999;
    top:100%;
    left:0;
    background: #2e1010;
    box-shadow:1px 1px 10px rgba(0,0,0,0,1);
    margin:0;
    padding:0;
    list-style-type:none;
    width:200px;
    border-radius:.7rem;
}
header .top-menu li .sub-menu a {
    color:green;
    padding:.25rem;
    text-align:center;
    display:block;
    text-decoration:none;

}
header .top-menu li .sub-menu a:hover {
    background-color: aqua;
    color: beige;
    padding: .25rem;
}
header .top-menu .sub-menu li .sub-menu{
    top:0;
    left:100%;
}

/* First-level sub-menu: display on hover of the first-level item */
header .top-menu > .menu-item-has-children:hover > .sub-menu {
    display: block;
  }
 
  /* Show second-level sub-menu only when hovering over a parent item inside the first-level sub-menu */
header .top-menu .sub-menu .menu-item-has-children:hover > .sub-menu {
    display: block;
  }
  
  /* Optional: Basic styles for navigation items */
header .top-menu > ul, header .top-menu > ul > li {
    list-style: none;
    padding: 0;
    margin: 0;
  }