:root {
    --accordionSpeed: 0.5s;
}

#faqs .accordionContainer {
    clear: both;
    width: 100%;
}

#faqs .accordionItem {
    border-bottom: 1px solid;
    padding: 30px 0;
    position: relative;
}

#faqs .accordionItem>.accordionQuestion, #faqs .accordionItem>.accordionAnswer {
    width: 70%;
}

.accordionTransitions {
    transition: color var(--colorChangeSpeed), height var(--accordionSpeed) ease-in-out, padding-top var(--accordionSpeed) ease-in-out;
}

#faqs .accordionQuestion:hover {
    font-weight: 600;
    cursor: pointer;
}

#faqs .accordionQuestion.downArrow:after {
    position: absolute;
    right: 0;
    transition: transform var(--accordionSpeed);
}

#faqs .accordionAnswer {
    padding-top: 0px;
    height: 0;
    overflow-y: hidden;
}

#faqs .accordionItem[data-expanded='true']>.accordionQuestion {
    font-weight: 600;
}

#faqs .accordionItem[data-expanded='true']>.accordionQuestion.downArrow:after {
    transform: rotate(180deg);
}