.sidebar {
  display: none;
  width: calc((100% - 500px) / 2);
  position: relative;
  z-index: 1005;
  padding: 2% 4.5%;
}

.sidebar.fixed {
  display: flex;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 20;
}

@media (max-width: 1199px) {
  .sidebar.fixed{
      display: none;
  }
}
.sidebar ul {
  list-style: none;
  margin-left: auto;
}

.sidebar ul li {
  list-style: none;
  color: #fff;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15em;
  font-feature-settings: "palt";
}

.sidebar ul li:last-child {
  margin-bottom: 0;
}

.sidebar ul .active {
  color: #000;
}

.sidebar ul li p {
  font-family: "Bebas", sans-serif;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
  word-spacing: -0.15em;
}

.sidebar ul.fixed {
  display: block;
  position: fixed;
  top: 30vh;
  left: 14vw;
  transform: translate(18%, -30%);
  z-index: 1001;
}