/* FAQ Styles - Copied from bwaproductfaq */
#shtt-resources-faq,
.resources-faq {
    margin-top   : 50px;
    margin-left  : auto;
    margin-right : auto;
}

#shtt-resources-faq .faq_title,
.resources-faq .faq_title {
    color       : var(--color-primary);
    font-size   : 28px;
    font-style  : normal;
    font-weight : 700;
    line-height : 42px;
    margin      : 50px 0 20px;
}

.product_faq_accordion {
    cursor     : pointer;
    width      : 100%;
    text-align : left;
    outline    : none;
    transition : 0.4s;
}

.product_faq_question {
    color           : black !important;
    font-size       : 15px;
    font-style      : normal;
    font-weight     : 500;
    line-height     : 180%;
    margin          : 0;
    padding         : 15px 25px 15px 20px;
    background      : #F9F7F4;
    border-radius   : 10px;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 5px;
}

.product_faq_panel {
    padding          : 0 18px;
    background-color : #F9F7F4;
    max-height       : 0;
    overflow         : hidden;
    transition       : max-height 0.2s ease-out;
    border-radius    : 0 0 10px 10px;
}

.product_faq_panel_wrapper {
    padding : 18px 0;
}

.product_faq_panel_wrapper p {
    font-size   : 13px;
    font-style  : normal;
    font-weight : 500;
    line-height : 180%;
    margin      : 0;
}

.product_faq_voirplus.custom_btn,
.product_faq_voirmoins.custom_btn {
    cursor        : pointer;
    padding       : 7px 18px;
    border        : 1px solid;
    margin-top    : 20px;
    margin-left   : auto;
    margin-right  : auto;
    font-size     : 15px;
    font-style    : normal;
    font-weight   : 500;
    line-height   : 180%;
    border-radius : 10px;
    width         : fit-content;
}

.product_faq_voirplus.custom_btn.hidden,
.product_faq_voirmoins.custom_btn.hidden {
    display : none;
}

.product_faq {
    display        : flex;
    flex-direction : column;
    gap            : 15px;
    margin-bottom  : 10px;
}

.product_faq_accordion.accordion_opened .product_faq_question {
    border-radius : 10px 10px 0 0;
}

.product_faq_accordion svg {
    transition : transform 0.2s ease-in-out;
}

.product_faq_accordion.accordion_opened svg {
    transform : rotate(180deg);
}

.product_faq_accordion_container {
    margin-bottom : 0;
}

.product_faq_accordion_container.hidden {
    display : none;
}