.sidebar {
  background: #f95e5a;
  display: block;
  width: 284px;
  flex: 0 0 284px;
  padding-top: 15px;
}

/*Sidebar list menu*/
.sidebar ul {
  display: flex;
  flex-direction: column;
}

.sidebar ul > li {
  background: #772d2b;
  position: relative;
  height: 50px;
}

.sidebar ul > li::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 12px;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 50%;
  /* border-top: 25px solid transparent;
  border-left: 10px solid #FFFFFF;
  border-bottom: 25px solid transparent; */
}

.sidebar ul > li a {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 50px;
  text-align: -webkit-center;
  text-align: -moz-center;
  margin-left: 50px;
  text-align: left;
}

.sidebar ul > li:first-child {
  border-radius: 0px 50px 0px 0px;

}

.sidebar ul > li:last-child {
  margin-bottom: 20px;
  border-radius: 0px 0px 50px 0px;
}

/* .sidebar ul > li:not(:first-child) {
  margin-top: 3px;
} */

/* li.sidebar__item--special {
  margin-top: 20px !important;
} */

.sidebar ul > li:hover, .sidebar ul > li:focus, .sidebar ul > li:active {
  background: #f95e5a;
}
.sidebar ul > li.sidebar__item--active a:hover{
  background: none;
}

.sidebar ul > li:hover::after, .sidebar ul > li:focus::after, .sidebar ul > li:active::after {
  border: 6px solid #ffffff;
}

.sidebar ul > li.sidebar__item--active a{
  color: #ff75bf;
}

.sidebar ul > li.sidebar__item--active::after {
  border: 6px solid #ff75bf;
}

/*Sidebar banner*/
.sidebar__banner {
  width: 100%;
}

.sidebar__banner img {
  width: 100%;
  height: auto;
}

/*Sidebar banner normal*/
.sidebar__banner .sidebar__banner--normal {
  position: relative;
}

.sidebar__banner .sidebar__banner--normal--content {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 20px;
  text-transform: uppercase;
  flex-direction: column;
}

.sidebar__banner--normal--content .sidebar__banner--normal--title {
  color: #FF75BF;
  font-size: 39px;
  line-height: 1.35;
}

.sidebar__banner--normal--content .sidebar__banner--normal--description {
  margin-left: 5px;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 1.36;
}

/* @media screen and (max-width: 1023px) {
  .sidebar {
    display: none;
  }
} */