/*:root {
    --primary: #2563eb;
    --border: #e5e7eb;
    --bg-hover: #f3f4f6;
  }

  body {
    font-family: Arial, sans-serif;
    background: #f9fafb;
    padding: 40px;
  }*/

  .faq-container {
      max-width: 700px;
      margin: auto;
  }

  .faq-item {
      /*  border: 1px solid var(--border);
    border-radius: 8px;*/
      border: none;
      margin-bottom: 12px;
      overflow: hidden;
      background: #fff;
  }

  .faq-question {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px;
      background: white;
      cursor: pointer;
      border: none;
      font-size: 16px;
      font-weight: bold;
      outline: none;
      color: #aaaaaa;
  }

  .faq-question:hover {
      /* background: var(--bg-hover);*/
      outline: none;
      border: none;
  }

  .faq-question:focus {
      outline: none;
      box-shadow: none;
  }


  .faq-icon {
      width: 20px;
      height: 20px;
      transition: transform 0.3s ease;
  }

  .faq-item.active .faq-icon {
      transform: rotate(180deg);
  }

  .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      padding: 0 16px;
      color: #aaaaaa;
  }

  .faq-answer p {
      padding: 12px 0;
      margin: 0;
  }

  .faq-item.active .faq-answer {
      max-height: 500px;
  }