.faq-heading {
    border-bottom: #777;
    padding: 20px 30px; /* Decreased padding */
}

.faq-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.hr-line {
    width: 60%;
    margin: auto;
}

.faq-page {
    color: rgb(210, 210, 210);
    cursor: pointer;
    padding: 20px; /* Decreased padding */
    width: 90%; /* Decreased width */
    border: none;
    outline: none;
    transition: 0.6s;
    margin: auto;
    margin-bottom: 10px; /* Added margin-bottom for spacing */
    font-size: 20px; /* Decreased font size */
    background-color: #323232;
    border-radius: 8px;
}

.faq-body {
    margin: auto;
    width: 90%; /* Decreased width */
    padding: 10px; /* Decreased padding */
    display: none; /* Added to hide the answers */
}

.active,
.faq-page:hover {
    background-color: #323232c2;
}

.faq-body {
    padding: 0 10px; /* Decreased padding */
}

.faq-page:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796";
}