.faq-content {
  background: linear-gradient(135deg, #202027, #141419);
  color: #fff;
}

.faq-hero-image {
  background-image: url("/assets/imperial-devils-faq-hero.png");
  background-position: center 35%;
}

.faq-heading > p:last-child {
  color: #b5b5bf;
}

.faq-list {
  border-top-color: #494953;
}

.faq-list details {
  border-bottom-color: #494953;
}

.faq-answer {
  color: #c5c5cf;
}

.faq-kicker {
  color: #8eb2d6;
}

.faq-list summary span:before,
.faq-list summary span:after {
  background: #8eb2d6;
}

.faq-contact {
  position: relative;
  overflow: hidden;
  border-top: 4px solid #8eb2d6;
  background:
    radial-gradient(circle at 18% 20%, rgba(142,178,214,.22), transparent 34%),
    radial-gradient(circle at 82% 90%, rgba(142,178,214,.16), transparent 38%),
    #303039;
  color: #fff;
}

.faq-contact .shell {
  position: relative;
  z-index: 1;
}

.faq-contact p {
  display: block;
  padding: 0;
  background: transparent;
  color: #fff;
  font-size: 20px;
}

.faq-contact .button {
  border: 2px solid #8eb2d6;
  background: #8eb2d6;
  color: #09090d;
}

.faq-contact .button:hover {
  border-color: #8eb2d6;
  background: #b7d0e8;
}