.faq-section{
position: relative;
background: rgba(27, 27, 27, 0.90);
}
.content_block_two .content-box{
position: relative;
display: block;
}
.accordion-box .accordion{
position: relative;
border: 1px solid rgba(255, 255, 255, 0.05);
margin-bottom: 10px;
}
.accordion-box .accordion:last-child{
margin-bottom: 0px;
}
.accordion-box .accordion.active-block{
border-color: rgba(20, 20, 22, 0.50);
background: rgba(20, 20, 22, 0.50);
}
.accordion-box .accordion .acc-btn{
position: relative;
cursor: pointer;
padding: 18px 30px 16px 57px;
}
.accordion-box .accordion .acc-btn h6{
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
}
.accordion-box .accordion .acc-btn .icon-box{
position: absolute;
left: 30px;
top: 24px;
font-size: 14px;
color: #fff;
}
.accordion-box .accordion .acc-btn .icon-box:before{
position: absolute;
content: '\e917';
font-family: 'icomoon';
left: 0px;
top: 0px;
transition: all 500ms ease;
}
.accordion-box .accordion .acc-btn.active .icon-box:before{
transform: rotate(90deg);
}
.accordion-box .accordion .acc-content{
padding: 0px 50px 13px 50px;
}
.accordion-box .accordion .acc-content p{
font-size: 14px;
line-height: 24px;
}
.faq-section .image-box{
position: relative;
display: block;
margin-left: 83px;
}
.faq-section .image-box img{
width: 100%;
}
.faq-section .pattern-layer .pattern-1{
position: absolute;
left: 0px;
bottom: 0px;
width: 200px;
height: 184px;
background-repeat: no-repeat;
}
.faq-section .pattern-layer .pattern-2{
position: absolute;
left: 800px;
top: 60px;
width: 150px;
height: 56px;
background-repeat: no-repeat;
}
.faq-section .pattern-layer .pattern-3{
position: absolute;
top: 0px;
right: 0px;
width: 474px;
height: 474px;
background-repeat: no-repeat;
}
.faq-page-section .image-box{
position: relative;
display: block;
margin-right: 85px;
}
.faq-page-section .image-box img{
width: 100%;
}
.faq-page-section .accordion-box .accordion.active-block{
background: rgba(255, 255, 255, 0.05);
}
.faq-page-section .pattern-layer{
position: absolute;
top: 87px;
right: 310px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
}  @media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 991px){
.faq-section .image-box{
margin-left: 0px;
margin-top: 30px;
}
.faq-page-section .image-box{
margin-right: 0px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px){
.faq-section{
padding: 65px 0px 70px 0px;
}
.faq-section .pattern-layer .pattern-3{
display: none;
}
.faq-page-section{
padding-top: 70px;
}
}
@media only screen and (max-width: 599px){
}
@media only screen and (max-width: 499px){
}