.hmc-header{
  width:100%;
  background:#fff;
  position:sticky;
  top:0;
  z-index:9999;
  box-shadow:0 2px 15px rgba(0,0,0,.06);
}

.hmc-menu-container{
  max-width:1150px;
  width:92%;
  margin:auto;
  min-height:75px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
}

.hmc-logo img,
.hmc-logo .custom-logo{
  max-height:55px;
  width:auto;
  display:block;
}

.hmc-navbar{
  display:flex;
  align-items:center;
}

.hmc-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:28px;
}

.hmc-menu li{
  position:relative;
}

.hmc-menu a{
  text-decoration:none;
  color:#0f172a;
  font-size:16px;
  font-weight:600;
  display:block;
  padding:25px 0;
}

.hmc-menu .sub-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#fff;
  list-style:none;
  padding:10px 0;
  margin:0;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  border-radius:8px;
  z-index:99999;
}

.hmc-menu li:hover > .sub-menu{
  display:block;
}

.hmc-menu .sub-menu a{
  padding:12px 18px;
  font-size:15px;
  white-space:nowrap;
}

.hmc-toggle{
  display:none;
  background:none;
  border:0;
  font-size:34px;
  cursor:pointer;
  color:#0f172a;
}

/* Mobile */
@media(max-width:768px){

  .hmc-menu-container{
    width:92%;
    min-height:70px;
  }

  .hmc-logo img,
  .hmc-logo .custom-logo{
    max-height:48px;
  }

  .hmc-toggle{
    display:block;
    margin-left:auto;
  }

  .hmc-navbar{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    box-shadow:0 12px 25px rgba(0,0,0,.1);
    border-radius:0 0 12px 12px;
  }

  .hmc-navbar.active{
    display:block;
  }

  .hmc-menu{
    display:block;
    width:100%;
    padding:10px 0;
  }

  .hmc-menu li{
    width:100%;
  }

  .hmc-menu a{
    padding:14px 20px;
    font-size:17px;
    border-bottom:1px solid #eef2f7;
  }

  .hmc-menu .sub-menu{
    position:static;
    display:none;
    box-shadow:none;
    border-radius:0;
    padding:0;
    background:#f8fafc;
  }

  .hmc-menu li.active > .sub-menu{
    display:block;
  }

  .hmc-menu .sub-menu a{
    padding-left:35px;
    font-size:16px;
  }
}