.pricing-page {
  font-family: "Outfit", sans-serif;
}

.pricing-page .pricing-intro {
  padding-top: 130px;
  background: linear-gradient(135deg, #f3fbf7 0%, #e8f5ed 100%);
}

.pricing-page .dashboard-container {
  max-width: 1140px;
}

.pricing-page .pricing-logo {
  display: inline-block;
  margin-bottom: 24px;
}

.pricing-page .pricing-intro h1 {
  margin-bottom: 24px;
}

.pricing-page #pricing-comparison-scroll {
  max-width: 100%;
  border-radius: 8px;
}

.pricing-page .pricing-comparison {
  min-width: 720px;
  table-layout: fixed;
  background: var(--surface-color);
}

.pricing-page .pricing-comparison th,
.pricing-page .pricing-comparison td {
  padding: 14px;
}

.pricing-page .pricing-comparison th:first-child {
  width: 40%;
}

.pricing-page #pricing-comparison-scroll:focus-visible {
  outline: 2px solid var(--accent-color);
  outline-offset: -2px;
}

.pricing-page .pricing-item ul li {
  display: block;
}

.pricing-page .pricing-item ul li strong {
  white-space: nowrap;
}

.pricing-page .faq-item h3 {
  cursor: pointer;
}

@media (max-width: 575px) {
  .pricing-page .pricing-intro h1 {
    font-size: 30px;
  }

  .pricing-page .pricing-intro {
    padding-top: 110px;
  }
}