/* Shared FAQ component: homepage, reviews and future content pages. */
section.faqs { padding: 24px 0 40px; }
section.faqs > .faq-inner { margin: 0; padding: 0; }
section.faqs .faq-inner > .faq-heading { margin: 0 0 20px; color: #000; font-size: 28px; font-weight: 500; line-height: 1.3; text-align: center; }
section.faqs .listFaqs { max-width: 1040px; margin: 0 auto; padding: 0; text-align: left; }
section.faqs .listFaqs .item { margin-top: 10px; }
section.faqs .listFaqs .item:first-child { margin-top: 0; }
section.faqs .listFaqs .item .name,
section.faqs .listFaqs .item .text {
  padding: 0;
  border: 1px solid #e1e7e3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}
section.faqs .listFaqs .item .name { position: relative; margin: 0 0 4px; color: #000; font-size: 15px; font-weight: 600; line-height: 1.5; }
section.faqs .listFaqs .item .name::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--StyleColorsMain);
  border-bottom: 2px solid var(--StyleColorsMain);
  transform: translateY(-70%) rotate(45deg);
  transition: transform 180ms ease;
  pointer-events: none;
}
section.faqs .listFaqs .item.is-open .name::after { transform: translateY(-30%) rotate(225deg); }
section.faqs .listFaqs .item .faq-toggle {
  display: block;
  width: 100%;
  padding: 14px 52px 14px 20px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
section.faqs .listFaqs .item .text { margin: 0; }
section.faqs .listFaqs .item .text[hidden] { display: none; }
section.faqs .listFaqs .item .text .data { padding: 16px 20px; font-size: 15px; line-height: 1.7; }
section.faqs .listFaqs .item .text .data > :first-child { margin-top: 0; }
section.faqs .listFaqs .item .text .data p { margin: 0 0 12px; }
section.faqs .listFaqs .item .text .data > :last-child { margin-bottom: 0; }
@media (max-width: 768px) {
  section.faqs { padding: 20px 0 32px; }
  section.faqs .faq-inner > .faq-heading { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  section.faqs .listFaqs .item .name::after { transition: none; }
}