.accordion {
      max-width: 1024px;
      margin: auto;
    }
    .accordion-item {
      border: 1px solid #ddd;
      border-radius: 6px;
      margin-bottom: 10px;
      overflow: hidden;
      background: #fafafa;
    }
    .accordion-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 20px;
      cursor: pointer;
      font-weight: bold;
    }
    .accordion-header:hover {
      background: #f0f0f0;
    }
    .accordion-icon {
      font-size: 18px;
      transition: transform 0.3s;
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      padding: 0 20px;
    }
    .accordion-content p {
      margin: 15px 0;
    }
    .accordion-item.active .accordion-content {
      max-height: 200px; /* enough to show text */
      /* padding: 15px 20px; */
    }