.solid.nav-up .mainHeader {
  transform: translateY(-100px);
}

.solid .mainHeader {
  transform: translateY(0px);
  top: 0;
}

.solid .mainHeader .logo {
  width: 120px;
  transition: all 0.8s ease-in-out;
}

.openMegamenu .hamburger-menu {
  width: 30px;
  height: 21px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  font-weight: normal;
}

.openMegamenu .hamburger-menu .line1 {
  transform: rotate(45deg) translate(9px, 9px);
}

.openMegamenu .hamburger-menu .line2 {
  opacity: 0;
}

.openMegamenu .hamburger-menu .line3 {
  transform: rotate(-45deg) translate(5px, -5px);
}

.openMegamenu .megamenuWrapper {
  right: 0;
  transition: all 0.5s ease-in-out;
}

.megamenuWrapper {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100vw;
  background: #fff;
  height: 0;
  overflow: hidden;
  opacity: 1;
  transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}

.megamenuWrapper.megaMenuactive {
  height: 490px;
  transition: all 0.5s ease-in;
}

.menu-item.has-dropdown.active .dropdown-toggle svg {
  rotate: 270deg;
  transition: all 0.3s ease-in;
}

.dropdown-toggle {
  cursor: pointer;
}

/* #brand-img {
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
#brand-img.fade-out {
  opacity: 0;
}
#brand-img.fade-in {
  opacity: 1;
} */

.megamenu-open .mainHeader::before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  top: auto !important;
  left: 0;
  height: 100% !important;
  background: transparent !important;
  z-index: 1;
  box-shadow: 0px 10px 25px 0px #0000001a;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.megamenu-open::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  pointer-events: auto;
  transition: opacity 0.3s;
  opacity: 1;
  backdrop-filter: blur(40px);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
  backdrop-filter: blur(40px);
}

.megamenuDiv {
  padding: 102px 0px;
}

.solid .megamenuDiv {
  padding: 100px 76px;
}
.megamenu-open .dropdown-toggle::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  background-color: #c5c5c5;
  margin: auto;
  width: 32px;
  height: 2px;
  transition: all 0.5s ease;
}