.bh-custom-solutions-nav{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.bh-custom-solutions-trigger{
  display:flex !important;
  align-items:center;
  gap:6px;
  cursor:pointer;
  white-space:nowrap;
}

.bh-custom-solutions-trigger .bh-nav-arrow{
  font-size:10px;
  opacity:.75;
  transition:transform .2s ease;
}

.bh-custom-solutions-nav.open
.bh-nav-arrow{
  transform:rotate(180deg);
}

.bh-custom-solutions-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:5000;
  width:290px;
  padding:8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:
    linear-gradient(
      145deg,
      rgba(8,17,31,.98),
      rgba(11,15,29,.98)
    );
  box-shadow:0 24px 65px rgba(0,0,0,.42);
  backdrop-filter:blur(20px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-6px);
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility .18s ease;
}

.bh-custom-solutions-nav.open
.bh-custom-solutions-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.bh-custom-solutions-menu a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  color:#e8f3ff;
  text-decoration:none;
  transition:.18s ease;
}

.bh-custom-solutions-menu a:hover{
  background:rgba(64,221,229,.09);
}

.bh-custom-solutions-menu strong{
  display:block;
  font-size:13px;
}

.bh-custom-solutions-menu small{
  display:block;
  margin-top:3px;
  color:#9fb0c5;
  font-size:10px;
  line-height:1.4;
}

@media(min-width:769px){

  .bh-custom-solutions-nav:hover
  .bh-custom-solutions-menu,
  .bh-custom-solutions-nav:focus-within
  .bh-custom-solutions-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
}

@media(max-width:768px){

  .nav-links.show{
    width:min(92vw,330px) !important;
    max-height:calc(100vh - 100px);
    overflow-y:auto;
  }

  .bh-custom-solutions-nav{
    width:100%;
    display:block;
  }

  .bh-custom-solutions-trigger{
    width:100%;
    justify-content:space-between;
  }

  .bh-custom-solutions-menu{
    position:static;
    width:100%;
    margin-top:5px;
    display:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    box-shadow:none;
    background:rgba(255,255,255,.035);
  }

  .bh-custom-solutions-nav.open
  .bh-custom-solutions-menu{
    display:block;
  }
}



/* BHAVYA_HOME_CUSTOM_SOLUTIONS_DISPLAY_FIX_V1 */

/*
 * The dropdown itself already has a high z-index,
 * but it lives inside the navbar stacking context.
 *
 * Existing:
 *   navbar       = 900
 *   scroll-banner = 1200 !important
 *
 * Correct:
 *   navbar       = 1400
 *
 * Modals/notifications remain above this level.
 */
.navbar{
  z-index:1400 !important;
  overflow:visible !important;
}

.bh-custom-solutions-nav{
  z-index:2;
}

.bh-custom-solutions-menu{
  z-index:5000 !important;
}