/* -------------------------
   FAQ
   ------------------------- */
.bpfaq-faq-item.active .bpfaq-faq-answer {
    /* display: block; */
}
.bpfaq-faq-list { margin:0; padding:0; list-style:none; }
.bpfaq-faq-item {padding: 10px 0; }
.bpfaq-faq-question { padding:0px; }
.bpfaq-faq-toggle {
  width:100%;
  text-align:left;
  background:transparent;
  border:none;
  font-size:16px;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  padding: 10px 0;
  box-sizing:border-box;
}
.bpfaq-faq-toggle .bpfaq-faq-icon {
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:none;
  flex:0 0 22px;
  font-weight:700;
}
.bpfaq-faq-answer { padding:20px 15px 0px 20px; display:none; box-sizing:border-box; overflow: hidden;}
.bpfaq-faq-answer p{
    margin-block-end: 0;
}
/* active FAQ */
.bpfaq-faq-item.active button{
/*     background: #e2395d !important;
    color: #ffffff !important; */
    box-shadow: none !important;
}

.bpfaq-faq-item button{
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 15px 20px !important;
    background: #F2F2F2 !important;
    color: #000 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    border: none !important;
    border-radius: 40px !important;
    cursor: pointer !important;
    text-align: left !important;
    transition:0.4s all ease-in-out;
    transition: background 0.3s ease, color 0.3s ease;
}
.bpfaq-faq-item button:hover{
    color: #e2395d !important;
    letter-spacing: 0;
    transition:0.3s all ease-in-out;
    background-image:none !important;
}
.bpfaq-faq-item button span{
/*     flex-direction: row-reverse; */
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.bpfaq-faq-item.active .bpfaq-faq-toggle .bpfaq-faq-icon { background: none; ); }
.bpfaq-faq-item.active .bpfaq-faq-answer { padding-bottom: 0px; }

.bpfaq-variant-buttons button{
    background-color: #fff !important;
    color: #000 !important;
    background-image: none !important;
}
.bpfaq-variant-buttons button:hover{
    color: #fff !important;
}
.bpfaq-variant-buttons button.active{
    background-color: transparent !important;
    color: var(--e-global-color-a048915) !important;
    background-image: linear-gradient(90deg, #F7A090 0%, #EF687B 100%) !important;
}
.bpfaq-faq-heading{
	    font-family: "Bricolage Grotesque", Sans-serif !important;
    font-weight: bold;
		color:#e2395d;
	}
@media (max-width:767px){
	.bpfaq-faq-heading{
		font-size: 28px;
	}
	.bpfaq-faq-item button span {
    font-size: 16px;
}
}