section.contentItemfsnd_faqcontainer
{
    margin-bottom: 3rem;
}

.faqHeader
{
    cursor: pointer;
    position: relative;
    user-select: none;
    padding-block: 0.5rem;
    padding-inline: 0.5rem;
    background-color: #eee;
    border: 1px solid #ddd;
    margin-top: 1em;
}

.faqHeader:after
{
    content: "\25BC";
    position: absolute;
    right: 1rem;
    font-weight: bold;
}

.faqItem.open .faqHeader:after
{
    content: "\25B4";
}

.faqBody,
.faqBody *
{
    height: auto;
    max-height: 0;
    overflow: clip;
}

.faqItem:has(.faqImageWrapper) .faqBody
{

}

.open > .faqBody
{
    max-height: 100vh;
    padding-inline: 0.5em;
    padding-block: 1em;
    border-left: 3px solid #007acc;
    background-color: #fafafa;
    transition: max-height 0.5s ease-in-out, padding-top 0.5s ease-in, padding-bottom 0.5s ease-in;
}

.open > .faqBody *
{
    max-height: unset;
}

.faqImageWrapper
{
    float: left;
    max-width: 50%;
    margin-right: 1rem;
}

.faqImageWrapper img
{
    max-width: 100%;
    height: auto;
}

.clear
{
    clear: both;
}