.container {
  max-width: 1170px;
  margin: 0 auto;
}

@media screen and (max-width: 1240px) {
  .container {
    width: 970px;
  }
}

@media screen and (max-width: 991px) {
  .container {
    width: 750px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
}

.wrapper {
  overflow: hidden;
  position: relative;
  color: var(--theme-text-color);
  background: #000116;
}

.wrapper span {
  color: #a065ff;
}

.wrapper.active {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.7);
}

.wrapper.active span {
  color: #78a1f2;
}