/* One FAQ card design for every current and future .itp-faq-list component. */
.itp-faq-page,
main .itp-faq-section {
  background: #fff8fa !important;
}

main .itp-faq-list details {
  margin: 0 0 12px !important;
  overflow: hidden;
  border: 1px solid #eccfd9 !important;
  border-radius: 18px !important;
  background: #fff;
}

main .itp-faq-list details[open] {
  border-color: #e5b5c7 !important;
  box-shadow: inset 3px 0 0 #c1376f;
}

main .itp-faq-list summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  gap: 13px;
  align-items: center;
  min-height: 72px;
  padding: 17px 24px;
  color: #233c54;
  font-weight: 600;
}

main .itp-faq-list summary::before,
main .itp-faq-list summary::after {
  color: #c1376f;
}

main .itp-faq-panel-inner {
  padding: 0 48px 22px 79px;
  color: #5d718b;
}

@media (max-width: 680px) {
  main .itp-faq-list details {
    margin-bottom: 9px !important;
    border-radius: 14px !important;
  }

  main .itp-faq-list summary {
    grid-template-columns: 34px minmax(0, 1fr) 22px;
    gap: 10px;
    min-height: 66px;
    padding: 15px 16px;
  }

  main .itp-faq-panel-inner {
    padding: 0 18px 19px 60px;
  }
}