.faqs-item {

  padding: 4em 2em;

  background-color: var(--white);

}



.faqs-item-title {

  appearance: none;

  border: none;

  padding: 0;

  background: none;

  color: var(--black);

}



.faqs-list {

  grid-column: 4 / span 8;

  display: flex;

  flex-direction: column;

  gap: var(--grid-gap);

}



.faqs-headline {

  grid-column: 2 / span 12;

  text-align: center;

  margin-top: var(--s-sm);

  margin-bottom: var(--s-md);

}



.faqs-subheadline {

  grid-column: 2 / span 12;

}



.faqs-item-description {

  padding-top: var(--s-sm);

}



@media (max-width: 1399.98px) {

  .faqs-list {

    grid-column: 3 / span 10;

  }

}



@media (max-width: 1199.98px) {

      .faqs-list {

    grid-column: 2 / span 12;

  }

}