/* Cố định navbar luôn ở trên đầu */
.home-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 100px;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}
body {

  font-family: 'Inter', sans-serif !important;
}

.detai-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;

  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}

@media (max-width: 768px) {
  .navbar-toggler svg {
    fill: white !important;
  }
}
.product-page .custom-navbar {
  width: 100%;
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 999;
}

.application-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}

.Guest-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}

.OntuneVM-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}
.Ivms-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}
.AISecurity-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}

.OnCamnet-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}

.support-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}
.CNCamnet-page .custom-navbar {
  background-image: url('../image/divbanner.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  z-index: 999; /* Đảm bảo navbar luôn trên cùng */
}


  
@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: white;
    padding: 1rem;
  }

  .navbar-collapse .nav-link,
  .navbar-collapse .dropdown-item {
    color: #333333 !important;
  }
}

  
  /* Logo */
  .logo-navbar {
    height: 17%;
    width: 20%;
    padding: 0px 20px;
  }

  
  /* Style cho các tab */
  .custom-navbar .nav-link {
    color: #ffffff;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 15px;
    transition: color 0.3s ease;
  }
  
  /* Hover tab */
  .custom-navbar .nav-link:hover {
    color: #D63228;
  }
  
  /* Cách đều các tab */
  .custom-navbar .nav-item + .nav-item {
    margin-left: 20px;
  }
  
  /* Nút toggle khi màn hình thu nhỏ */
  .navbar-toggler {
    border: 1px solid black;
    border-radius: 4px;
    background-color: white;
    padding: 5px;
  }
  
  /* SVG icon trong toggle (màu đen) */
  .navbar-toggler svg {
    fill: black;
  }
  /* Ẩn submenu mặc định */
.nav-item.dropdown .dropdown-menu {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 200px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
}



/* Khi hover vào mục cha, hiển thị submenu */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  right: 0;
  left: auto;
  transform: translateX(-5%); /* đẩy nhẹ vào trong nếu bị lệch */
  position: absolute; /* đảm bảo đúng vị trí */
  z-index: 1000;
}

/* Style item trong menu con */
.dropdown-menu .dropdown-item {
  color: #726e6e;
  padding: 10px 15px;
  font-weight: 500;
  transition: background-color 0.2s;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f5f5f5;
  color: #D63228;
}

/* Đảm bảo navbar không bị kéo xuống */
.navbar-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Đảm bảo các mục được căn đều */
}