header .mobile_menu_bar:before{
    display: none !important;
  }
  header .mobile_menu_bar{
      display: flex;
      gap: 4px;
      flex-direction: column;
      overflow: clip;
      background-color: transparent;
  }

  header .first-line, header .second-line, header .third-line {
      background-color: #000000;
      width: 20px;
      height: 1px;
      transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, transform-origin 0.3s ease-in-out;
  opacity: 1;
  }
  header .rotate-left {
      transform: rotate(-45deg);
      transform-origin: 97% 50%;
  }
  header .rotate-right {
      transform: rotate(45deg);
      transform-origin: 98% 50%;
  }
  header .stoic-menu-open{
    opacity: 0;
  }