/* Parent section */
  .faq-section {
    padding: 80px 0;
    background-color: #ffffff;
    border-bottom: 2px solid #1e88e5;
  }

  /* Content area */


  /* FAQ title */
  .faq-section .faq-title {
      font-size: 50px;
      font-weight: 700;
      color: #8CC63F;
      margin-bottom: 20px;
  }

  /* Paragraph text */
  .faq-section .faq-text {
      font-size: 24px;
      line-height: 46px;
      color: #262626;
  }

  /* Image wrapper */
  .faq-section .faq-image img {
    max-width: 100%;
  }

  /* Responsive adjustments */
  @media (max-width: 991px) {
    .faq-section {
      padding: 60px 0;
    }

    .faq-section .faq-content {
      text-align: center;
      margin: 0 auto 40px;
    }

    .faq-section .faq-title {
      font-size: 36px;
    }
  }

  @media (max-width: 575px) {
    .faq-section .faq-title {
      font-size: 32px;
    }

    .faq-section .faq-text {
      font-size: 15px;
    }
  }

  /* second part */
  /* Parent wrapper */
  .faq-wrapper {
    background-color: #1f75bc;
    padding: 80px 15px;
  }

  /* White box */
  .faq-wrapper .faq-box {
    background: #ffffff;
    border-radius: 24px;
    padding: 50px 40px;
    /* max-width: 900px; */
  }

  /* Heading */
  .faq-wrapper .faq-heading {
      font-weight: 600;
      color: #1E73BE;
      margin-bottom: 35px;
  }

  /* Accordion reset */
  .faq-wrapper .accordion-item {
      border: 1px solid #C3C3C3;
      border-radius: 6px;
      margin-bottom: 12px;
      overflow: hidden;
  }

  /* Button style */
  .faq-wrapper .accordion-button {
      background: #ffffff;
      font-size: 20px;
      font-weight: 500;
      color: #000000;
      box-shadow: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 95%;
  }

  /* Remove bootstrap arrow */
  .faq-wrapper .accordion-button::after {
    display: none;
  }

  /* Plus icon */
  .faq-wrapper .faq-icon {
      font-size: 30px;
      font-weight: 600;
      transition: transform 0.3s;
  }

  /* Body */
  .faq-wrapper .accordion-body {
      font-size: 14px;
      font-weight: 300 !important;
      color: #212121;
      font-size: 15px !important;
      line-height: 26px;
      /* color: #555; */
      font-family: poppins;
  }

  /* Responsive */
  @media (max-width: 767px) {
    .faq-wrapper .faq-box {
      padding: 30px 20px;
    }
  }

  /* =====================================================
   MOBILE FORCE OVERRIDE
   (Original CSS untouched)
===================================================== */

@media (max-width: 767px) {

  .faq-wrapper {
    padding: 40px 10px !important;
  }

  .faq-wrapper .faq-box {
    padding: 20px 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .faq-wrapper .accordion-item {
    margin-bottom: 12px !important;
  }

  .faq-wrapper .accordion-button {
    width: 100% !important;
    font-size: 15px !important;
    line-height: 22px !important;
    padding: 14px 14px !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: left !important;
    margin-left: 0px !important;
  }

  .faq-wrapper .faq-icon {
    font-size: 22px !important;
    margin-left: 10px !important;
    flex-shrink: 0 !important;
  }

  .faq-wrapper .accordion-body {
    padding: 12px 14px !important;
    line-height: 22px !important;
  }

  .faq-section {
    padding: 40px 15px !important;
  }

  .faq-section .faq-title {
    font-size: 28px !important;
    text-align: center !important;
  }

  .faq-section .faq-text {
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {

  .faq-wrapper .accordion-button {
    font-size: 14px !important;
    padding: 12px 12px !important;
    margin-left: 0px !important;
  }

  .faq-wrapper .faq-icon {
    font-size: 20px !important;
  }

  .faq-wrapper .accordion-body {
    font-size: 13px !important;
    line-height: 21px !important;
  }
}