/* Mobile — FAQ (all pages) + About Our Process alignment handled in midz-about-page.css */

@media (max-width: 991px) {
  .faq-sec {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .faq-sec > .custom-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
  }

  .faq-lists {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 12px;
  }

  .faq-item {
    --faq-pad-x: 14px !important;
    --faq-gap: 12px !important;
  }

  .faq-item .accordion-header button {
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: clamp(15px, 4.2vw, 17px) !important;
  }

  .faq-item .accordion-body {
    padding-right: 14px !important;
    padding-left: calc(14px + var(--faq-num-w, 28px) + 12px) !important;
  }
}

@media (max-width: 575px) {
  .faq-sec {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
