.FAQ-banner-section {
  background: #000 url(../images/faq-banner.png) right bottom / cover no-repeat;
  min-height: 667px;


  .banner-content-div {
    height: 100%;
    min-height: 555px;
    align-items: center;

    .banner-content {
      width: 100%;
      max-width: 570px;
      padding-block: 30px;
    }
  }

}



.faq-main-headings {
  padding-block: 75px;
  border-bottom: 1.36px solid #d7d7d7;
}

.FAQs-wrapper .accordion {
  width: 80%;
  margin-inline: auto;
}

.FAQs-wrapper .accordion .accordion-button {
  font-weight: 400;
  font-size: clamp(1.125rem, 0.9886rem + 0.6818vw, 1.5rem);
  position: relative;
  padding-inline: 35px;
  background-color: transparent;
}

.FAQs-wrapper .accordion .accordion-button:not(.collapsed)::after {
  background-image: url(../images/+.png);
  transform: var(--bs-accordion-btn-icon-transform);
  height: 20px;
  background-size: 20px;
}

.FAQs-wrapper .accordion .accordion-button::after {
  background-image: url(../images/-.png);
  width: 20px;
  height: 10px;
  position: absolute;
  place-content: center;
  left: 0;
}

.FAQs-wrapper .accordion .accordion-item {
  color: var(--bs-accordion-color);
  background-color: transparent;
  border: none;
  border-bottom: 1.36px solid #d7d7d7;
}

.FAQs-wrapper .accordion .accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.FAQs-wrapper .accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.FAQs-wrapper .accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}

.FAQs-wrapper .accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none;
}

@media (max-width: 767px) {
  .FAQ-banner-section {
    background: #000 url(../images/faq-banner.png) center bottom / cover no-repeat;
    min-height: 100%;
    background-position-x: 74%;


    .banner-content-div {
      height: 100%;
      min-height: 467px;
      align-items: end;

      .banner-content {
        width: 100%;
        max-width: 570px;
        padding-block: 20px;
      }
    }
  }

  .FAQs-wrapper .accordion .accordion-button {
    padding-inline: 25px 10px;
  }

  .FAQs-wrapper .accordion .accordion-button::after {
    width: 14px;
    height: 3px;
  }

  .FAQs-wrapper .accordion {
    width: 95%;
  }

  .FAQs-wrapper .accordion .accordion-button:not(.collapsed)::after {
    height: 14px;
    background-size: 14px;
  }

  .FAQs-wrapper .accordion-body {
    padding-top: 0;
  }

  .FAQ-banner-section .banner-content {
    width: 100%;
    max-width: 100%;
    padding-block: 87px 187px;
  }

  .faq-main-headings {
    padding-block: 75px 30px;
    border-bottom: 1.36px solid #d7d7d7;
  }

  .FAQs-wrapper.spacing {
    padding-block: 65px;
  }
}