.solutions-menu-item{
  position:relative;
  display:flex;
  align-items:center;
}

.solutions-menu-item::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  width:360px;
  height:14px;
  transform:translateX(-50%);
  display:none;
}

.solutions-menu-item.is-open::after{
  display:block;
}

.nav-menu > .solutions-menu-item{
  list-style:none;
}

.solutions-menu-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px;
  border-radius:8px;
  font-size:13.5px;
  font-weight:500;
  color:rgba(255,255,255,.65);
  transition:all .28s cubic-bezier(.4,0,.2,1);
}

.solutions-menu-trigger:hover,
.solutions-menu-trigger.active,
.solutions-menu-item.is-open .solutions-menu-trigger,
.solutions-menu-item.is-current-page .solutions-menu-trigger{
  color:#fff;
  background:rgba(255,255,255,.08);
}

.solutions-menu-trigger svg{
  width:14px;
  height:14px;
  transition:transform .28s cubic-bezier(.4,0,.2,1);
}

.solutions-menu-item.is-open .solutions-menu-trigger svg{
  transform:rotate(180deg);
}

.solutions-menu-panel{
  position:absolute;
  top:calc(100% + 4px);
  left:50%;
  transform:translate(-50%,8px);
  width:min(460px,calc(100vw - 40px));
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(15,30,54,.98),rgba(8,16,31,.98));
  box-shadow:0 24px 60px rgba(8,16,31,.34);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,transform .24s ease,visibility .24s ease;
  z-index:80;
}

.solutions-menu-item.is-open .solutions-menu-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}

.solutions-menu-shell{
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:12px;
}

.solutions-menu-categories{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-right:12px;
  border-right:1px solid rgba(255,255,255,.08);
}

.solutions-menu-category{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:700;
  text-align:left;
  transition:all .22s ease;
}

.solutions-menu-category svg{
  width:14px;
  height:14px;
  flex:0 0 auto;
  opacity:.7;
}

.solutions-menu-category:hover,
.solutions-menu-category:focus-visible,
.solutions-menu-category.is-active{
  color:#fff;
  background:rgba(255,255,255,.08);
}

.solutions-menu-links-area{
  min-height:184px;
}

.solutions-menu-links{
  display:none;
  flex-direction:column;
  gap:4px;
}

.solutions-menu-links.is-active{
  display:flex;
}

.solutions-submenu-link{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  font-weight:600;
  transition:all .22s ease;
}

.solutions-submenu-link:hover,
.solutions-submenu-link.is-current{
  color:#fff;
  background:rgba(240,120,32,.12);
  border:1px solid rgba(240,120,32,.3);
}

.mobile-solutions-menu{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mobile-solutions-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:0;
  color:rgba(255,255,255,.65);
  font-size:22px;
  font-weight:700;
  text-align:left;
  transition:color .24s ease;
}

.mobile-solutions-menu.is-open .mobile-solutions-toggle{
  color:#fff;
}

.mobile-solutions-toggle svg{
  width:18px;
  height:18px;
  transition:transform .24s ease;
}

.mobile-solutions-menu.is-open .mobile-solutions-toggle svg{
  transform:rotate(180deg);
}

.mobile-solutions-panel{
  display:none;
  flex-direction:column;
  gap:10px;
}

.mobile-solutions-menu.is-open .mobile-solutions-panel{
  display:flex;
}

.mobile-solutions-group{
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(255,255,255,.04);
  overflow:hidden;
}

.mobile-solutions-group summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  list-style:none;
  color:#fff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}

.mobile-solutions-group summary::-webkit-details-marker{
  display:none;
}

.mobile-solutions-group summary svg{
  width:16px;
  height:16px;
  flex:0 0 auto;
  transition:transform .24s ease;
}

.mobile-solutions-group[open] summary svg{
  transform:rotate(180deg);
}

.mobile-solutions-links{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:0 12px 12px;
}

.mobile-solutions-link{
  display:block;
  padding:11px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  color:#fff !important;
  border:1px solid transparent;
  font-size:14px;
  font-weight:600;
  transition:all .22s ease;
}

.mobile-solutions-link:hover,
.mobile-solutions-link.is-current{
  border-color:rgba(240,120,32,.36);
  background:rgba(240,120,32,.12);
}

@media(max-width:980px){
  .solutions-menu-panel{
    display:none;
  }
}