.dastra-faq{padding:10px 0 80px;}
.dastra-faq .tit{text-align:center;}
.dastra-faq .tit em{font-size:17px;color:#888;text-transform:uppercase;font-family:var(--title-font-family);}
.dastra-faq .tit h3{font-size:40px;color:#212121;font-weight:400;line-height:1;margin:15px 0 0;}

.dastra-faq .box{margin-top:50px;display:flex;justify-content:space-between;gap:50px;}

.dastra-faq .pic{width:50%}
.dastra-faq .pic img{width:100%}

.dastra-faq .list {width:50%;}
.dastra-faq .list .item{border:1px solid #ddd;border-radius:5px;overflow:hidden;}
.dastra-faq .list .item+.item{margin-top:15px;}
.dastra-faq .list .item .title{align-items:center;transition:0.5s;display:block;padding:11px 20px;color:#222429;transition:0.5s;cursor:pointer;position:relative;}
.dastra-faq .list .item .title h4{font-size:17px;font-weight:400;color:#222429;}
.dastra-faq .list .item .title::after{font-family:"qico";content:"\e699";position:absolute;right:0;top:calc(50% - 18px);width:36px;height:36px;line-height:36px;font-size:18px;text-align:center;transition: transform .3s ease;}
.dastra-faq .list .item .txt {padding:15px 20px;display:none;font-size:16px;line-height:24px;}

.dastra-faq .list .item.active .title{background:var(--color-primary);color:#fff;}
.dastra-faq .list .item.active .title h4{color:#fff;}
.dastra-faq .list .item.active .title::after{transform: rotate(180deg);}



@media screen and (max-width:1441px) {
.dastra-faq{padding:10px 0 70px;}
.dastra-faq .tit h3{font-size:38px;}
}

@media screen and (max-width:1367px) {
.dastra-faq .tit h3{font-size:36px;}
}

@media screen and (max-width:1281px){
.dastra-faq{padding:10px 0 60px;}
.dastra-faq .tit h3{font-size:34px;}
.dastra-faq .box{margin-top:40px;}
.dastra-faq .list .item .title h4{font-size:16px;}
}

@media screen and (max-width:1171px){
.dastra-faq .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.dastra-faq{padding:10px 0 50px;}
.dastra-faq .tit h3{font-size:31px;}
.dastra-faq .box{margin-top:30px;display:block;}
.dastra-faq .pic{display:none;}
.dastra-faq .list{width:100%;}
}

@media screen and (max-width:768px){
.dastra-faq{padding:10px 0 30px;}
.dastra-faq .tit h3{font-size:30px;}
.dastra-faq .list .item .title{padding:9px 30px 9px 15px;}
.dastra-faq .list .item .txt{padding:10px 15px;}
}

@media screen and (max-width:576px) {
.dastra-faq .tit h3{font-size:24px;}
}

@media screen and (max-width:480px) {
.dastra-faq .tit h3{font-size:22px;margin:10px 0 0;}
.dastra-faq .box{margin-top:25px;}
.dastra-faq .list .item .title h4{font-size:15px;}
.dastra-faq .list .item .title::after{font-size:16px;}
.dastra-faq .list .item .txt{font-size:15px;line-height:22px;}
}	

@media screen and (max-width:420px) {
.dastra-faq .tit h3{font-size:20px;}
}