.leftHeader {
  background-color: #032313 !important;
  border-top-right-radius: 60px;
  .sideBar {
    .logos_name {
      a {
        span {
          color: #fefcfb;
          font-size: 36px;
          font-weight: bold;
        }
      }
    }
    .menuWrapper {
      nav {
        div {
          color: #fefcfb;
          font-size: 16px;
          text-transform: uppercase;
        }
      }
    }
  }
}

.menuWrapper :global(.MuiListItemButton-root) {
  background-color: transparent;
  color: #adc0b5;
  transition: all 0.3s ease-in-out;
  span {
    font-size: 16px;
    font-weight: 500;
  }
  svg {
    fill: #adc0b5;
    stroke: #adc0b5;
  }
  &:hover {
    color: #f9f9fb;
    background-color: #adc0b536;
    svg {
      fill: #b1de39;
      stroke: #b1de39;
    }
    &::before {
      content: "";
      position: absolute;
      left: -24px;
      width: 7px;
      height: 100%;
      background-color: #ade031;
      border-radius: 0px 15px 15px 0px;
    }
  }
}
.menuWrapper :global(.MuiListItemButton-root.Mui-selected) {
  background-color: #adc0b536;
  color: #f9f9fb;
  &::before {
    content: "";
    position: absolute;
    left: -24px;
    width: 7px;
    height: 100%;
    background-color: #ade031;
    border-radius: 0px 15px 15px 0px;
  }
  &:hover {
    background-color: #adc0b536;
  }
  svg {
    fill: #b1de39;
    stroke: #b1de39;
  }
}