.afaq-accordion {
    max-width: 800px;
    margin: 20px auto;
}

.afaq-accordion p{
  color: #1e1e1e;
  font-size: 16px; 
}

.afaq-accordion details {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    color: #a3bb0c;
}

.afaq-accordion summary {
    padding: 15px;
    font-weight: bold;
    cursor: pointer;
    /*background: #f5f5f5;*/
    background: #1e1e1e;
    font-size: 16px;
}

.afaq-accordion summary:hover {
    /*background: #eaeaea;*/
    background: #a3bb0c;
    color: #fff;
}


.afaq-accordion details[open] summary {
    background: #a3bb0c;
    color: #fff;
}

.afaq-content {
    padding: 15px;
    background: #fff;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}