.faq-container {
     border-top: 1px solid #ddd;
     margin-top: 1em;
    }

    .faq-item {
     border-bottom: 1px solid #ddd;
    }

    .faq-question {
     width: 100%;
     text-align: left;
     background: #f7f7f7;
     border: none;
     outline: none;
     padding: 16px;
     font-size: 1rem;
     cursor: pointer;
     font-weight: 600;
     color: #333;
     transition: background 0.2s;
    }

    .faq-question:hover {
     background: #eaf7f9;
    }

    .faq-answer {
     display: none;
     padding: 16px;
     background: #fff;
     color: #444;
     animation: fadeIn 0.3s ease-in-out;
    }

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

    .faq-answer ul {
     margin: 0 0 10px 20px;
    }

    .faq-item.active .faq-answer {
     display: block;
    }

    @keyframes fadeIn {
     from {
      opacity: 0;
     }

     to {
      opacity: 1;
     }
    }