
.faq-wrapper{padding: 124px 0 225px;}
.faq-list{margin-bottom: 135px;}
.faq-content .faq-list:last-child{margin-bottom: 0px;}
.faq-list h2{color: #8a92ab;font-size: var(--fs-60);font-weight: 700;text-align: center;margin-bottom: 66px;background: linear-gradient(136deg, #FFF 60.09%, rgba(72, 81, 101, 0.00) 111.49%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.faq-list ul li{margin-bottom: 9px;background-color: #151c30;box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.1);border-radius: 3px;overflow: hidden;}
.faq-list .faq-block{padding: 20px 44px 20px 20px;cursor: pointer;position: relative;font-size: 17px;color: #8a92ab;font-weight: 400;}
.faq-list .faq-block p{margin: 0;}
.faq-list .faq-block i{width: 14px;height: 15px;background: url(../images/faq-add-icon.webp) no-repeat 0 0;position: absolute;right: 23px;top: 50%;transform: translateY(-50%);transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.faq-list .faq-block.active i{width: 14px;height: 3px;background: url(../images/faq-reduce-icon.webp) no-repeat 0 0;}
.faq-list .faq-none{padding: 0 64px 27px 23px;display: none;}
.faq-list .faq-none p{color: #d3d7e3;font-size: 17px;font-weight: 400;line-height: 1.9;margin: 0;}
.faq-list .faq-none p a{text-decoration: underline;}

@media (max-width:1024px){
    .faq-wrapper{padding: 100px 0 200px;}
    .faq-list{margin-bottom: 90px;}
    .faq-list h2{margin-bottom: 50px;}
}
@media (max-width:768px){
    .faq-wrapper{padding: 80px 0 180px;}
    .faq-list h2{margin-bottom: 40px;}
}
@media (max-width:510px){
    .faq-wrapper{padding: 60px 0 100px;}
    .faq-list{margin-bottom: 60px;}
    .faq-list h2{margin-bottom: 30px;}
    .faq-list .faq-none{padding: 0 20px 20px 20px;}
    .faq-list .faq-block p{font-size: 15px;}
    .faq-list .faq-none p{font-size: 15px;}
}