header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 70px; /* ✅ FIXED HEIGHT */
    background-color: #D70040;
    padding: 0 20px 0 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 1100;
}




.logo img {

  height: 45px;

  width: 45px;

  cursor: pointer;

  display: inline;

  vertical-align: middle;

}                       



.search-icon img {

  height: 40px;

  width: 40px;

  cursor: pointer;

  vertical-align: middle;

  padding-top: 5px;

}



#seismic-risk {

  color: #fff;

  font-weight: bold;

  font-size: 15px;

  display: inline;

  vertical-align: middle;

}



.menu-container {

  position: reLative;

  display: inline-block;

}



.menu-icon {

  font-size: 22px;

  cursor: pointer;

  user-select: none;

  color: #fff;

  vertical-align: middle;

}



.dropdown-menu {

  display: none;

  position: absolute;

  right: 0;

  top: 30px;

  background-color: #0b0b0d !important; 

  min-width: 120px;

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

  z-index: 1000;

  border-radius: 4px;

  overflow: hidden;

}



    .dropdown-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #f5f5f5 !important;
        
    }



.dropdown-menu a:hover {

  background-color: #f0f0f0;

}