/* FAQs Module - Frontend Styles */

.sp-faq-wrapper {
  padding-top: 96px;
  padding-bottom: 96px;
}

.sp-faq-heading {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 72px;
}

.sp-faq-kicker {
  display: block;
  color: var(--primary, #52b2e1);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.sp-faq-title,
.sp-faq-home-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding-right: 32px;
  line-height: 1.4;
}

.sp-faq-home-header,
.sp-faq-header {
  align-items: center !important;
}

.sp-faq-title-main {
  margin: 0;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: var(--text-dark, #383E42);
}

.sp-faqs-acordeon,
.sp-faqs-home-acordeon {
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px;
  padding-right: 20px;
}

/* Tablet breakpoint */
@media (max-width: 1024px) {
  .sp-faq-title-main {
    font-size: 34px;
  }
}

/* Mobile breakpoint */
@media (max-width: 767px) {
  .sp-faq-title-main {
    font-size: 30px;
  }
}