.faq_wrap_content,
.faq_wrap_side {
    display: block;
    width: 25%;
    height: auto;
    float: left;
    margin: 0 auto;
    margin-left: 2%;
}

.faq_wrap_content {
    width: 70%;
}


.faq_wrap_content.contactPage {
    width: 98%;
}

@media screen and (min-width:760px) {
    .faq_wrap_content.contactPage {
        width: 48%;
    }
}



.faq_wrap_side ul.faq_header_list {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 5px;
}

.faq_wrap_side ul.faq_header_list li.faq_section {
    display: block;
    width: 100%;
    font-weight: 700;
    height: 25px;
    font-size: 1.2em;
    margin: 0 auto;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 10px;
    white-space: nowrap;
}

.faq_wrap_side ul.faq_header_list li.faq_section.current {
    color: var(--red);
}

.faq_block {
    display: none;
}

.faq_block.current {
    display: block;

    border: solid 1px var(--grey);
    margin-bottom: 20px;
    padding: 15px;
}

.faq_block.contactPage {
    width: 98%;
    margin-left: 1%;
}

.faq_question {
    line-height: 30px;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: solid 1px var(--darkblue);
    margin-bottom: 25px;
    margin-top: 5px;
    cursor: pointer;
}

.faq_question.noborder {
    border-bottom: none;
}

.faq_question span {
    display: block;
    float: left;
    width: 90%;
}

.faq_question.current {
    color: var(--red);
}

.faq_answer {
    display: none;
    width: 90%;
    margin: 0 auto;
    line-height: 40px;
}

.faq_answer.current {
    display: block;
}

.icon_holder {
    float: right;
    margin-right: 10px;
    transition: all 1s ease-in-out;
}

.faq_question.current .icon_holder {
    transform: rotate(180deg);
    color: var(--red);

}