/* -------------------- Background FIX -------------------- */

* {
  margin: 0;
  padding: 0;
}
.accordion-bg {
  position: relative;
  height: 776px;
  overflow: hidden;
}

.accordion-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/faq-pic.png") center/cover no-repeat;
  z-index: 1;
}

.accordion-bg > * {
  position: relative;
  z-index: 2;
  padding: 21px 0px 0px 0px;
}

/* -------------------- Accordion Width -------------------- */
#accordionExample {
  max-width: 1200px;
  margin: 0 auto;
}


.accordion-heading2{
  margin-top: 26px;

}
    

/* -------------------- FORCE LEFT ALIGN (FINAL FIX) -------------------- */
#accordionExample .accordion-button {
  padding-left: 40px !important;
  padding-right: 15px !important;
  position: relative;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Move arrow to left */
#accordionExample .accordion-button::after {
  position: absolute;
  left: 12px !important;
  right: auto !important;
  margin: 0 !important;
  color: #1c3f94 !important;
}

/* Rotate arrow when open */
#accordionExample .accordion-button:not(.collapsed)::after {
  transform: rotate(-90deg) !important;
}

/* -------------------- Accordion Items -------------------- */
.accordion-item {
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  overflow: hidden;
}

/* -------------------- Headings -------------------- */

.accordion-heading1 {
  font-family: Merriweather;
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 1%;
  text-align: center;
  color: #ee1b22;
  margin-top: 40px;
}

.accordion-heading2 {
  font-family: Merriweather;
  font-weight: 700;
  font-style: Bold;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 1%;
  text-align: center;
  color: #1c3f94;
  margin-top: 16px;
}

/* -------------------- Responsive -------------------- */
@media (max-width: 768px) {
  #accordionExample {
    max-width: 100%;
  }

  .accordion-heading1 {
    font-size: 18px;
  }

  .accordion-heading2 {
    font-size: 24px;
  }

  #accordionExample .accordion-button {
    font-size: 14px;
    padding-left: 35px !important;
  }
}

@media (max-width: 480px) {
  .accordion-heading1 {
    font-size: 16px;
  }

  .accordion-heading2 {
    font-size: 20px;
  }

  #accordionExample .accordion-button {
    font-size: 13px;
  }
}