/* ___ FAQ ___ */
.faq {padding-block: 70px;}
.faq .container {max-width: 950px;}
.faq .title {text-align: center; margin-bottom: 46px;}
.faq .title > :first-child {font-size: var(--fs-xl); line-height: 1.3; color: #000;}
.faq .title > :first-child * {color: var(--c-primary);}
.faq .accordion {padding: 20px 20px 20px 50px; border-bottom: 2px solid var(--_c-light);}
.faq .accordion:first-of-type {padding-top: 0;}
.faq .accordion button {position: relative; width: 100%; font-size: var(--fs-md, 20px); font-weight: 700; line-height: 1.2; color: #000; text-align: start;}
.faq .accordion button::before {position: absolute; left: -36px; width: 18px; content: '';}
.faq .accordion button:has(+ [aria-hidden="false"]) {color: var(--c-primary);}
.faq .accordion button:has(+ [aria-hidden="false"])::before {top: 16px; height: 4px; background: no-repeat center/contain url(https://www.partyenergizers.com/theme/website/images/icons/minus.png);}
.faq .accordion button:has(+ [aria-hidden="true"])::before {top: 8px; height: 18px; background: no-repeat center/contain url(https://www.partyenergizers.com/theme/website/images/icons/plus.png);}
.faq .accordion button:hover {color: var(--c-primary);}
.faq .accordion .panel[aria-hidden="true"] {display: none;}
.faq .accordion .panel[aria-hidden="false"] {margin-top: 10px;}
.faq .accordion .panel p {font-size: calc(var(--fs-base, 16px) + 2px); line-height: 24px;}
.faq .accordion .panel :where(ul, ol) {width: 550px; margin-block: 10px;}
.faq .accordion .panel li {line-height: 1.3; list-style: disc; margin-bottom: 5px;}

@media only screen and (max-width: 991px) {
    .faq {padding-block: 50px;}
}

@media only screen and (max-width: 767px) {
    .faq .accordion {padding: 15px 15px 15px 40px;}
    .faq .accordion button:has(+ [aria-hidden="false"])::before {top: 12px;}
    .faq .accordion button:has(+ [aria-hidden="true"])::before {top: 6px;}
}

@media only screen and (max-width: 575px) {
    .faq {padding-block: 40px;}
    .faq .title {margin-bottom: 30px;}
    .faq .accordion button::before {width: 14px; left: -30px;}
    .faq .accordion .panel[aria-hidden="false"] {margin-top: 5px;}
}