.faq-pro {
  margin: 48px 0 44px 0;
  padding: 2.2rem 1rem 2.2rem 1rem;
  background: linear-gradient(105deg, #fafdff 75%, #e2eafb 100%);
  border-radius: 2rem;
  box-shadow: 0 2px 28px #0a41aa0b;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.faq-pro .section-title {
  font-family: 'Merriweather', serif;
  color: #133366;
  font-size: 2rem;
  margin-bottom: 2rem;
  letter-spacing: 1px;
}

.faq-list {
  margin: 0 auto;
  max-width: 700px;
  text-align: left;
}

.faq-item {
  background: #fff;
  border-radius: 1.1rem;
  margin-bottom: 1.1rem;
  box-shadow: 0 2px 12px #0a41aa13;
  overflow: hidden;
  transition: box-shadow 0.17s;
  border: 1px solid #e6eaf3;
}

.faq-item[open] {
  box-shadow: 0 4px 16px #0a41aa18;
  border-color: #b7cbf5;
}

.faq-item summary {
  font-family: 'Merriweather', serif;
  font-size: 1.14rem;
  color: #0a41aa;
  padding: 1.1rem 1.6rem 1.1rem 1.6rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  outline: none;
  transition: color 0.16s;
  list-style: none;
  font-weight: 600;
}

.faq-item summary:hover,
.faq-item[open] summary {
  color: #2865c7;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary i {
  margin-left: 1.2rem;
  font-size: 1rem;
  color: #a6b2c8;
  transition: transform 0.28s;
}

.faq-item[open] summary i {
  transform: rotate(180deg);
  color: #2865c7;
}

.faq-item div {
  font-family: 'Segoe UI', 'Arial', sans-serif;
  font-size: 1.03rem;
  color: #3d4661;
  padding: 0.7rem 1.6rem 1.2rem 2.2rem;
  border-top: 1px solid #e6eaf3;
  background: #f9fbfe;
  line-height: 1.57;
}

.faq-item a {
  color: #0a41aa;
  text-decoration: underline dotted;
  font-weight: 500;
}

@media (max-width: 540px) {
  .faq-pro { padding: 1.1rem 0.5rem 1.1rem 0.5rem; }
  .faq-item summary, .faq-item div { padding-left: 0.9rem; padding-right: 0.9rem; }
}