/* Nested submenu for VAPT > Cloud Security */
  .dropdown-menu .has-submenu{
    position:relative;
    padding:0;
  }
  .dropdown-menu .has-submenu > .dropdown-item-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
    text-decoration:none;
    cursor:pointer;
        padding-left: 20px;
  }
  .dropdown-menu .has-submenu .submenu-caret{
    font-size:0.7rem;
    margin-left:auto;
    opacity:0.7;
  }
  .dropdown-menu .has-submenu .submenu{
    display:none;
    position:absolute;
    top:0;
    left:100%;
    min-width:200px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(0,0,0,0.12);
    padding:6px 0;
    z-index:1000;
  }
  .dropdown-menu .has-submenu:hover > .submenu,
  .dropdown-menu .has-submenu:focus-within > .submenu{
    display:block;
  }
  .dropdown-menu .has-submenu .submenu .dropdown-item{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
  }
  /* =========================================
   SERVICES DROPDOWN - TOP TO BOTTOM SLIDE
   ========================================= */

.nav-item.dropdown {
    position: relative;
}

/* Closed state */
.nav-item.dropdown > .dropdown-menu {
    visibility: hidden;
    transform: translateY(-25px);
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

/* Open state */
.nav-item.dropdown:hover > .dropdown-menu {
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}


/* =========================================
   VAPT SUBMENU - TOP TO BOTTOM SLIDE
   ========================================= */

.dropdown-item.has-submenu {
    position: relative;
}

.dropdown-item.has-submenu > .submenu {
    visibility: hidden;
    transform: translateY(-20px);
    transition: transform 23.3s  cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

.dropdown-item.has-submenu:hover > .submenu {
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}
  /* Mobile: stack instead of flyout */
  @media (max-width:1024px){
    .dropdown-menu .has-submenu .submenu{
      position:static;
      box-shadow:none;
      padding-left:16px;
      min-width:0;
    }
  }