.faq-box {
    border: 1px solid #ddd;
    margin: 10px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px 12px;
}

.js-toggle {
    padding: 10px 12px;
    font-weight: bold;
    display: flex;
}

.toggle-container {
    transition: height 0.35s ease-in-out;
    overflow: hidden;
    /* margin: 10px 12px 16px; */
    /* background: #e9e9e9; */
    /* padding: 20px 15px; */
    padding: 0 34px;
    border-radius: inherit;
}

.toggle-container:not(.active) {
    display: none;
}

.minusIcon, .plusIcon {
    margin: 0 0 0 10px;
    fill: var(--faq-icon);
}

.js-toggle:not(.active) > .minusIcon{
    display: none;
}


.js-toggle.active > .plusIcon{
    display: none;
}