@font-face {
    font-family: 'SVN-The Secret';
    src: url('../fonts/SVN-TheSecret.eot');
    src: url('../fonts/SVN-TheSecret.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SVN-TheSecret.woff2') format('woff2'),
    url('../fonts/SVN-TheSecret.woff') format('woff'),
    url('../fonts/SVN-TheSecret.ttf') format('truetype'),
    url('../fonts/SVN-TheSecret.svg#SVN-TheSecret') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

.qa_page .box_left {
    /*width: calc(66.6667% - 60px);*/
    padding-right: 50px;
    display: inline-block;
    /*float: left;*/
}
.qa_page .box_left .list_qa .item h3{
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
    transition: .3s;
    color: #333333;
    font-family: "Montserrat - Semi Bold";
    font-size: 16px;
    box-shadow: 0 0 29px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    background-color: #ffffff;
    font-weight: normal;
    padding: 25px 0 25px 25px;
    text-align: left;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.qa_page .box_left .list_qa .item.active h3{
    margin-bottom: 30px;
    background-color: #1e9b60;
    color: #f7f3ed;
    transition: .3s;
}
.qa_page .box_left .list_qa .item h3.gradient_border_radius:after{
    background: linear-gradient(-76deg, #ffffff 0%, #ffffff 100%);
    transition: .3s;
}
.qa_page .box_left .list_qa .item.active h3{
    box-shadow: 0 0 29px rgba(0, 0, 0, 0.02);
    transition: .3s;
    position: relative;
}
.qa_page .box_left .list_qa .item.active h3:after {
    background: linear-gradient(-76deg, #16747a 0%, #efdc25 100%);
    transition: .3s;
}
.gradient_border_radius:after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(-76deg, #16747a 0%, #efdc25 100%);
    border-radius: calc(5 * var(--borderWidth));
    z-index: -1;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}
.qa_page .box_left .list_qa .item .content{
    color: #666666;
    margin-bottom: 0px;
    padding: 0 30px;
    text-align: justify;
    max-height: 0px;
    overflow: hidden;
    transition: .3s;
}
.qa_page .box_left .list_qa .item.active .content{
    max-height: 1000px;
    transition: .3s;
    margin-bottom: 40px;

}

.qa_page .box_right .content{
    color: #666666;
    margin-bottom: 30px;
}