:root {
  --background-color: #f9f6ec;
  --background-color-secondary: #a6a6a6;
}

body {
  background-color: var(--background-color-secondary) !important;
}

.headerContainer {
  background: none;
}

.faqTitle {
  padding: 12rem 0 8rem;
}

.faqTitle h1 {
  color: white !important;
  font-size: 12rem !important;
  font-family: var(--font-noto) !important;
  font-weight: 300;
  text-align: center;
}

.faqTitle h2 {
  color: white !important;
  font-size: 8rem !important;
  font-family: var(--font-windSong);
  font-weight: 200;
  text-align: center;
}

.acordionContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8rem;
}

.accordion {
  max-width: 80rem;
  width: 100%;
  background-color: none !important;
}

.accordion-item:first-child {
  border-top: 1px solid white !important ;
}

.accordion-item {
  background: none !important;
  border-bottom: 1px solid white !important ;
}

.accordion-button {
  background: none !important;
  height: 100% !important;
  color: white !important;
  font-size: 3.2rem !important;
  font-family: var(--font-noto) !important;
  font-weight: 300 !important;
  text-align: left !important;
  padding: 3rem 0 !important;
  box-shadow: none !important;
}

.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.accordion-button::after {
  background-image: none !important;
  content: none !important;
}

.custom-icon::before {
  content: "+";
  font-size: 4rem;
  color: white;
}

.accordion-button:not(.collapsed) .custom-icon::before {
  content: "–";
}

.accordion-body {
  color: white !important;
  font-size: 1.8rem !important;
  font-family: var(--font-lato) !important;
  font-weight: 100 !important;
  text-align: left !important;
  padding: 3rem 0 !important;
  border: none !important;
}

#faqImage {
  filter: brightness(10);
  opacity: 0.5;
  width: 100vw;
  height: 100%;
  object-fit: cover;
}