.faq-section {
  max-width: 100%; /* Adjust as necessary */
  /* margin: 20px auto; */
  padding: 3% 9% 0% 9%;
  font-family: "Microsoft YaHei Light", sans-serif;
  color: #333; /* Text color */
  background-color: #f9f9f9; /* Background color */
  border: 1px solid #ddd; /* Border for the section */
  border-radius: 10px; /* Rounded corners */
}

.faq-section1 {
  max-width: 100%; /* Adjust as necessary */
  /* margin: 20px auto; */
  padding: 3% 9% 0% 9%;
  color: #333; /* Text color */
  background-color: #f9f9f9; /* Background color */
  border: 1px solid #ddd; /* Border for the section */
  border-radius: 10px; /* Rounded corners */
}

.faq-section2 {
  max-width: 100%; /* Adjust as necessary */
  /* margin: 20px auto; */
  padding: 3% 9% 0% 9%;
  font-family: "Microsoft YaHei Light", sans-serif;
  color: #333; /* Text color */
  background-color: white; /* Background color */
  border-radius: 10px; /* Rounded corners */
}

.faq-section3 {
  max-width: 100%; /* Adjust as necessary */
  /* margin: 20px auto; */
  padding: 3% 9% 0% 9%;
  font-family: "Microsoft YaHei Light", sans-serif;
  color: #333; /* Text color */
  background-color: white; /* Background color */
  border-radius: 10px; /* Rounded corners */
}

.faq-section h2 {
  /* text-align: center; */
  /* font-size: 2rem; Title size */
  margin-bottom: 20px; /* Space below title */
}

.faq-item {
  margin-bottom: 15px; /* Space between items */
  padding: 10px;
  border-bottom: 1px solid #ddd; /* Divider line */
  overflow: hidden; /* Prevent overflow of the answer */
}

.faq-item:last-child {
  border-bottom: none; /* Remove border from the last item */
}

.faq-question {
  font-weight: bold; /* Make question bold */
  cursor: pointer; /* Pointer cursor for interactivity */
  transition: color 0.4s; /* Transition for color change */
  font-size: 1.3rem;
}

.faq-question:hover {
  color: #007bff; /* Change color on hover */
}

.faq-question3:hover {
  color: #333; /* Change color on hover */
}

.faq-answer {
  max-height: 0; /* Start with zero height */
  opacity: 0; /* Initially hidden */
  transition: max-height 0.5s ease, opacity 0.5s ease; /* Smooth transition for height and opacity */
  margin-top: 5px; /* Space above answer */
  line-height: 1.5; /* Improve readability */
  font-size: 1.3rem;
  text-align: justify;
}

.faq-answer.show {
  max-height: 200px; /* Set to a maximum height (adjust as necessary) */
  opacity: 1; /* Fully visible */
}
