.custom-hamburger {
  width: 56px;
  height: 56px;
  position: relative;
  border: none;
  background: none !important;
  cursor: pointer;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px !important;
}

.custom-hamburger:hover,
.custom-hamburger:focus {
  background: none !important;
  box-shadow: none !important;
}

.custom-hamburger .bar {
  display: block;
  position: absolute;
  width: 30px;
  height: 1.5px;
  background-color: #fff;
  border-radius: 999px;
  transition: transform 0.4s ease, opacity 0.3s ease, top 0.4s ease;
  left: 50%;
  transform: translateX(-50%);
}

.custom-hamburger .top {
  top: 18px;
}

.custom-hamburger .middle {
  top: 26px;
}

.custom-hamburger .bottom {
  top: 34px;
}

/* OPEN STATE */
body.menu-open .custom-hamburger .top {
  top: 26px;
  transform: translateX(-50%) rotate(45deg);
}

body.menu-open .custom-hamburger .middle {
  opacity: 0;
}

body.menu-open .custom-hamburger .bottom {
  top: 26px;
  transform: translateX(-50%) rotate(-45deg);
}
/*contnet*/
.left_menu {
    position: relative;
    transition: transform 400ms ease;
    transform: translateX(-100%);
}
.left_menu_secod{
    position: relative;
    transition: transform 400ms ease;
    transition-delay: 50ms;
    transform: translateX(-100%);
}

/*content*/
body.menu-open .left_menu,body.menu-open .left_menu_secod {
  transform: translateX(0);
}

body.menu-open {
    overflow: hidden;
}