.qa-section-wrapper {
    color: #161819;
}

.answers div {
    color: #161819;
}

.qa-heading h2{
    font-family: Plus Jakarta Sans;
    font-size: 10vw !important;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    color: #161819;
}

.qa-heading img {
    display: inline-block
}

.qa-heading em {
  font-family: "Playfair Display", serif;
    font-style: italic;
    font-weight: 400;
    line-height: 100%;
    color: #161819;
}

.qa-subheading {
    font-family: Plus Jakarta Sans;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 150%;
}

/*Question*/
.question {
  position: relative;
  margin: 0;
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 5px;
  padding-right: 50px;
  display: block;
  width:100%;
  cursor: pointer;
  font-size: 1rem;
    font-style: normal;
    line-height: 100%;
    z-index: 5;
    font-family: Roboto Mono;
    text-transform: uppercase;
}

.questions-wrapper input[type="checkbox"] {
    appearance: none;
    display: block;
    height: 0px;
}

.questions-wrapper label.more:before {
  content: "MORE QUESTIONS";
}
.questions-wrapper input.more[type="checkbox"]:checked ~ label:before {
  content: "FEWER QUESTIONS";
}
.questions-wrapper .extra:has(~ input[type="checkbox"]:checked) {
  display: inline;
}

.questions-wrapper .extra {
  display: none;
}

.questions-wrapper label.more {
  font-family: 'Roboto Mono';
  font-size: 20px;
  position: relative;
  color: #090B0D;
  cursor: pointer;
  position: absolute;
  border-bottom-style: solid;
  border-bottom-color: #6D6425;
  border-bottom-width: 1px;
  padding-bottom: 4px;
  padding-top: 20px;
}


@media screen and (max-width: 768px) {
  .question {
    padding: 15px 20px 15px 5px;
  }
}

.qa-group {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: #161819;
}
/*Answer*/
.answers {
  padding: 0px 15px;
  margin: 5px 0;
  width:100%!important;
  height: 0;
  overflow: hidden;
  position: relative;
  opacity: 0;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.answers div {
    margin-bottom: 2rem;
}

.questions:checked ~ .answers{
  height: auto;
  opacity: 1;
  padding: 15px;
  
}

/*FAQ Toggle*/
.plus {
  position: absolute;
  RIGHT: 0px;
  z-index: 5;
  font-size: 2em;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  top: 18px;
}

.questions:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);

}

.questions {
  display: none;
  
}

@media screen and (min-width: 768px) {
  .qa-heading h2{
    font-size: 6vw !important;
}

} 