#faq {
  margin-top: 90px;
}
#faq .row {
  --bs-gutter-x: 0;
  margin-bottom: 112px;
}
#faq .faq-content h1 {
  font-family: "Clash Display Bold";
  background: linear-gradient(90deg, #a734bd 0%, #ff006a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 70px;
  line-height: 76px;
  margin-bottom: 32px;
}
#faq .faq-content p {
  font-size: 16px;
  line-height: 28px;
  color: var(--paragraph);
  max-width: 384px;
}
@media(min-width:992px) and (max-width:1199.98px) {
  #faq .faq-content h1 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 20px;
  }

}
@media(max-width:767.98px){
  #faq .faq-content h1 {
    font-size: 40px;
    line-height: 48px;
    text-align:center;
    margin-bottom: 24px;
  }
  #faq .faq-content p {
    font-size: 16px;
    line-height: 28px;
    color: var(--paragraph);
    text-align: center;
    margin-bottom: 54px;
  }
  #faq .faq-img {
    width: 262px;
    text-align: center;
    margin-bottom: 96px;
  }
  #faq .row {
    margin-bottom: 0;
  }
}
/* Accordion */
.accordion .accordion-header {
  -webkit-text-fill-color:unset;
  -webkit-background-clip: unset;
  background: unset;
  color: #FFFFFF;
  font-size: 24px;
  font-family: "Clash Display Semi Bold";
}

.accordion .accordion-item{
  background: rgba(52, 33, 52, 0.5);
  /* Blur 1 */
  backdrop-filter: blur(26px);
  /* Note: backdrop-filter has minimal browser support */
  border: none;
  outline: none;
  margin-bottom: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.17);
  overflow: hidden;
}
.accordion .accordion-item .accordion-button {
  background: rgba(52, 33, 52, 0.5);
  backdrop-filter: blur(26px);
  color: #FFFFFF;
  font-size: 24px;
  padding: 24px;
  box-shadow: none;
  border: none;
}
.accordion-button:not(.collapsed) {
  border-radius: none !important;
}
.accordion-body {
  padding: 24px;
  padding-top: 0;
  font-size: 16px;
  color: var(--paragraph);
  line-height: 28px;
  background: rgba(52, 33, 52, 0.5);
  backdrop-filter: blur(26px);
  border: none;
}
.accordion-button::after {
  background-image: url(../png/down-arrow.png);
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../png/arrow-top.png);
}
@media(min-width:768px) and (max-width:991.98px){
  .accordion .accordion-item .accordion-button {
    align-items:flex-start;
  }
}
@media(max-width:767.98px){
  .accordion .accordion-header {
    font-size: 18px ;
  }
  .accordion .accordion-item .accordion-button {
    font-size: 18px;
    align-items:flex-start;
  }
  
}
#footer .img-holderr {
  right: 0;
  bottom: 0;
  z-index: -1;
}
#footer .img-holderr img {
  background: linear-gradient(90deg, #A734BD 0%, #FF006A 100%);
  filter: blur(500px);
}
#faq .img-holder {
  left: 0;
  z-index: -1;
}
#faq .img-holder img {
  background: linear-gradient(90deg, #A734BD 0%, #FF006A 100%);
  opacity: 0.5 ;
  filter: blur(200px);
}
#faq .img-holder-2 {
  right: 0;
  z-index: -1;
}
#faq .img-holder-3 {
  top: 400px  ;
  left: 0;
  z-index: -1;
}
@media(max-width:767.98px){
  #faq .img-holder{
    top: 120px;
  }
  #faq .img-holder img {
    width: 230px;
    height: 477px ;
  }
  #faq .img-holder-2 {
    opacity: 0.7;
    top: 783px;
  }
  #faq .img-holder-3{
    top: 2150px;
    opacity: 0.7;
  } 
}