/* ===== Horizontal Menu ===== */
.navmenu {
  display: flex;
  align-items: center;
}

.navmenu ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.navmenu ul li {
  position: relative;
}

/* Menu links */
.navmenu ul li a {
  color: #fff;
  font-weight: 200;
  text-decoration: none;
  padding: 10px 0;
  transition: color 0.3s ease;
  font-size: 17px;
  font-weight: 300;
}

.navmenu ul li a:hover,
.navmenu ul li a.active {
  color: #489fda;
  font-weight: 700;
}

/* ===== Dropdown Styling ===== */
.navmenu .dropdown ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 220px;
  display: none;
  flex-direction: column;
  padding: 10px 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.navmenu .dropdown:hover>ul {
  display: block;
}

.navmenu .dropdown ul li a {
  color: #333;
  padding: 10px 20px;
}

.navmenu .dropdown ul li a:hover {
  background: #f4f4f4;
}

/* ===== Deep Dropdown ===== */
.navmenu .dropdown .dropdown ul {
  left: 100%;
  top: 0;
}



.hero {
  position: relative;
}

.navbar-call {
  color: #ffffff;
}

.navbar-call a {
  color: #ffffff;
  text-decoration: none;
}

.hero img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.hero-text {
  padding-left: 15vh;
}

/* Navbar Responsive - Menus visible without dropdown */
@media (max-width: 1200px) {
  .navmenu ul {
    gap: 15px;
  }

  .navmenu ul li a {
    font-size: 15px;
  }
}



.mobile-menu-logo {
  display: none;
}

@media (max-width: 991px) {
  .branding .container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  header,
  .header,
  .navbar,
  .branding,
  .fixed-top,
  .sticky-top {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Prevent logo from taking full width */
  .logo {
    flex: 0 0 auto !important;
  }

  /* Reduce logo size */
  .logo img {
  
    display: block;
  }

  /* Make sure toggle is inline */
  .mobile-nav-toggle {
    display: block !important;
    flex: 0 0 auto !important;
  }

  body.menu-open::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(13, 13, 13, 0.55);
    z-index: 9998;
  }

  .branding {
    position: relative;
    z-index: 100000;
  }

  .mobile-nav-toggle {
    display: block !important;
    font-size: 28px;
    color: #fff;
    background: none;
    border: none;
    z-index: 100001;
   padding: unset;
  }

#navmenu ul {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}


#navmenu ul li a {
  display: block;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
}

.navbar-call.mobile-call {
  margin-top: auto;
  padding: 25px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
 #navmenu ul li {
  list-style: none;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
  #navmenu ul li:last-child {
  border-bottom: none;
}

  #navmenu ul li a {
    display: block;
    padding: 14px 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
  }

  #navmenu ul li a.active {
    border-left: 4px solid #489FDA;
    background: rgba(255, 255, 255, 0.05);
  }

 .navbar-call.mobile-call {
  display: block !important;
  color: #fff;
}



#navmenu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 85%;
  max-width: 360px;
  height: 100vh;
  background: #111;
  transition: right 0.4s ease;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
}

#navmenu.active {
  right: 0;
}
  body.menu-open {
    overflow: hidden;
     height: 100vh;
  }

  .mobile-menu-logo {
    flex: 0 0 auto;      /* prevents stretching */
    height: 60px;         /* or auto if you want image height */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.mobile-menu-logo img {
    height: 45px;
    width: auto;
    display: block;
}
.mobile-call {
  display: block !important;
  color: #fff;
  padding: 25px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
}