.mci-faq-section__head{width: 100% !important;display: flex !important;justify-content:space-between;align-items:center;background: transparent !important;border: 0 !important;padding: 10px 0px !important;cursor:pointer}
.mci-faq-section__left{display:flex;align-items:center;gap:14px}
.mci-faq-section__title{font-weight:700;font-size:18px;color:#335CF4}
.mci-faq-section__icon{display:inline-flex;width:32px;height:32px}
.mci-faq-section__icon svg{width:32px;height:32px;display:block}

.mci-faq-section__chev{display:inline-flex;width:51px;height:50px;transition:transform .2s ease}
.mci-faq-section__head[aria-expanded="false"] .mci-faq-section__chev{transform:rotate(180deg)}
.mci-faq-section__head[aria-expanded="true"] .mci-faq-section__chev{transform:rotate(0deg)}



.mci-faq-q{/* border: none; */border-radius: 16px;margin: 20px 0;background:#fff;overflow:hidden;border: 2px solid #335CF4 !important;padding: 30px;}
.mci-faq-q__head{width: 100% !important;background: #fff !important;border: 0 !important;padding: 16px 18px !important;display: flex !important;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;/* border: 2px solid #335CF4 !important; */padding: 0px !important;}
.mci-faq-q__title{font-weight:600;color: #40465E;font-size: 24px;/* margin-bottom: 30px; */font-family: "Filson Pro", Sans-serif;}
.mci-faq-q__chevCircle{display:none} /* on garde le même chevron que la rubrique si tu veux */
.mci-faq-q__body{/* padding:0 18px 16px; */padding: 0px;}
.mci-faq-q__answer{color:#4a4a4a;line-height:1.55;padding-top: 30px;}

.mci-faq-q__head{ position: relative; }

.mci-faq-q__head:after{
  content:"";
  width: 40px;
  height:40px;
  border-radius:999px;
  background:rgba(51,92,244,.10); 
  display:inline-block;
}

.mci-faq-q__head:before{
  content:"";
  width: 17px;
  height: 17px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(180deg);
  background:#335CF4;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14l5-5 5 5' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 14l5-5 5 5' stroke='black' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
  right: 12px;
}

.mci-faq-q__head[aria-expanded="true"]:before{
  transform:translateY(-50%) rotate(0deg);
}

.mci-faq-q__head[aria-expanded="true"]:after{transform:rotate(180deg);
                                                 background: #335CF41A;
                                            }

.mci-faq-q__children{margin-top:12px;padding-left:14px;border-left:2px solid rgba(51,92,244,.12)}
.mci-faq-q.is-child{border-color:rgba(51,92,244,.20);margin:12px 0}

.mci-faq__empty{padding:14px 0;color:#6C87AE}

@media (max-width:768px){.mci-faq{padding:0 16px}}




.mci-faq__search{
  display:flex;
  align-items:center;
  gap:12px;
  border: 2px solid #335CF4;
  border-radius:999px;
  padding: 0 16px;
  height: 57px;
  background:#fff;
  margin:22px 0 18px;
}

.mci-faq__searchIcon{
  width:21px;
  height:21px;
  flex:0 0 21px;
  background:#335CF4;
  opacity:.9;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4a6 6 0 104.472 10.03l4.249 4.25 1.414-1.415-4.25-4.249A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4a6 6 0 104.472 10.03l4.249 4.25 1.414-1.415-4.25-4.249A6 6 0 0010 4zm0 2a4 4 0 110 8 4 4 0 010-8z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.mci-faq__input{
  border:0 !important;
  outline:0;
  background:transparent;
  width:100%;
  height:100%;
  padding:0 !important;
  font-size:16px;
}


input.mci-faq__input::placeholder{
  color: rgba(51,92,244,.55);
}



@media(max-width:768px){

  span.mci-faq-q__title {
    font-size: 14px;
    white-space: normal;
    text-align: left;
}

.mci-faq-section__title{
        font-size: 16px;
    white-space: normal;
    text-align: left;
}



.mci-faq-q {
    padding: 12px;
}
}
.mci-faq-q__title {
    white-space: pre-wrap !important;
    text-align: left !important;
}