/**
 * Section FAQ Accordéon
 * Section présentant une liste de questions/réponses en accordéon
 * Mobile-first responsive design
 */

.s-faq-accordion {
  width: 100%;
}

/* Section uses .section-padding utility class from _utility.css */

.s-faq-accordion__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 90rem;
  margin: 0 auto;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  gap: 0.9375rem;
}

@media all and (min-width: 769px) {

.s-faq-accordion__container {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    gap: 1.25rem
}
  }

@media all and (min-width: 1025px) {

.s-faq-accordion__container {
    padding-right: 3.75rem;
    padding-left: 3.75rem
}
  }

@media all and (min-width: 1201px) {

.s-faq-accordion__container {
    gap: 2.5rem
}
  }

.s-faq-accordion__header {
  width: 100%;
  text-align: center;
}

/* Title uses .section-title and .text-align-center utility classes from _utility.css */

.s-faq-accordion__description {
  width: 100%;
  text-align: center;
  color: var(--color-greyscale-4, #6a6c7e);
}

.s-faq-accordion__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--Padding-Margin-Gap-padding-10, 10px);
}