.faq {
    margin: 0 auto;
    max-width: var(--page-width);
}
.template-page .faq .section-spaced {
    padding: 0;
}

.faq .section-header {
margin-bottom: calc(var(--gutter) * 1.5);
}
.faq-category {
    font-size: 24px;
    padding: var(--gutter) 0;
}
.faq .panel {
    overflow: hidden;
    background: var(--colorFaqPanelTitleBg);
    border-bottom: 1px solid var(--colorFaqPanelBorder);
}
.faq .panel:last-child {
    border: none;
}
.faq .panel-title {
    line-height: inherit;
    color: var(--colorFaqPanelTitle);
    display: block;
    margin: 0;
    padding: calc(var(--gutter) / 2.5);
}
.faq .collapse {
    color: var(--colorFaqPanelText);
    background: var(--colorFaqPanelTextBg);
    transition: max-height 0.15s ease-out;
}
.faq .collapse.in {
    transition: max-height 0.3s ease-in;
}
.faq .panel-body {
    overflow: hidden;
    padding: 0 calc(var(--gutter) / 2) 0;
}
.faq .panel-title i:before {
    display: inline-block;
    margin-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f067";
}
.faq .active .panel-title i::before {
    content: "\f068";
}
@media screen and (min-width: 750px) {
    .faq .panel-title {
        padding: calc(var(--gutter) / 1.5);
    }
    .faq .panel-body {
        padding: calc(var(--gutter) / 2) calc(var(--gutter) / 1.2) 0;
    }
}

@media screen and (min-width: 750px) {
.faq.design_1 #accordion {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 2 colonnes égales */
  gap: 20px; /* espace entre les colonnes et les lignes */
}
}


.faq.design_1 .panel {
  text-align: left;
  border-radius:32px;
  padding:0.5rem 1.5rem;
    border: 1px solid var(--colorFaqPanelBorder);
    box-shadow: 0 1px 20px color-mix(in srgb, var(--colorFaqPanelBorder) 70%, black);
  
}
.faq.design_1 .panel-title {
position: relative;}
.faq.design_1 .panel-title i:before {
  order:1;
  content:"\f078";
  position: absolute;
  right:5px;
  top:50%;
  transform: translateY(-50%); /* recentre parfaitement */
}

.faq.design_1 .panel:has(.panel-heading.accordion__title.active) {
  color: var(--colorFaqPanelText);
    background: var(--colorFaqPanelTextBg);
}

.faq.design_1 .panel:has(.panel-heading.accordion__title.active) .panel-title  {
  color: var(--colorFaqPanelText);
  
}

.faq.design_1 .faq .panel-body {
  padding: calc(var(--gutter) / 2) calc(var(--gutter) / 1.3) 0;
}
@media screen and (max-width: 749px) {
    .faq.design_1 .panel-title {
    padding-right:5%;
    }
.faq.design_1 .panel {
    margin-bottom:1.5rem 
}
}