.events-page .events-p {
  border: 1px solid #223642;
}

.events-page .events-p .custom-select {
  width: 100%;
}

.events-page .events-p .select-selected {
  color: #0bffe5 !important;
  text-transform: inherit;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: inherit;
}

.events-page .events-p .event {
  height: 99px;
  padding: 0 25px;
  font-size: 16px;
  border-top: 1px solid #223642;
  background: #566a7a;
  background: linear-gradient(90deg, rgb(24 49 60 / 100%) 0%, rgb(3 16 24 / 200%) 80%);
  opacity: 1;
  transition: all 0.3s;
  border: 1px solid #15304638;
  margin: .5rem;
}

.events-page .event .toggle-name .name {
  font-size: 16px;
  margin-left: 10px;
  font-weight: bold;
  color: #cc8ff1;
}

.events-page .event .time {
  width: 135px;
  height: 100%;
  background: #0f1e27;
  margin-left: auto;
  color: #ffda31;
  font-weight: bold;
}

.events-page .event .starts-in {
  width: 20%;
  text-align: right;
}