.faq-section-inner{max-width:70%;margin:70px auto 30px auto}
.faq-section h2{text-align:center;font-weight:bold;padding:20px 0 35px 0}
.faq-container{margin:0 auto}
.faq{background-color:transparent;border-top:1px solid #909090;position:relative;overflow:hidden;transition:.3s ease}
.faq:last-child{border-top:1px solid #909090;border-bottom:1px solid #909090}
.faq.active .faq-title{background-color:#00000005;border-left:2px solid #3498db}
.faq.active::before,.faq.active::after{color:#2ecc71;font-size:7rem;position:absolute;opacity:.2;top:20px;left:20px;z-index:0}
.faq.active::before{color:#3498db;top:-10px;left:-30px;transform:rotateY(180deg)}
.faq-title{margin:0;font-size:18px;padding:25px;font-weight:600;cursor:pointer;border-left:2px solid transparent}
.faq-text{display:none;margin:30px 0 0;font-size:16px;color:#2c2c2c;padding:0 30px 30px 30px;line-height:23px}
.faq.active .faq-text{display:block}
.faq-toggle{background-color:transparent;border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;padding:0;position:absolute;font-weight:500;top:25px;right:10px;height:30px;width:30px}
.faq-toggle:focus{outline:0}
.faq-toggle .icon{font-size:14px;font-weight:300;display:inline-block;transition:transform .5s ease}
.faq-toggle .rotate{transform:rotate(90deg)}
@media(max-width:1024px){.faq-section-inner{max-width:80%;margin:60px auto 25px auto}
.faq-section h2{padding:18px 0 30px 0}
.faq-title{font-size:17px;padding:22px}
.faq-text{font-size:15px;padding:0 25px 25px 25px;line-height:22px}
.faq-toggle{top:22px;right:8px}
}
@media(max-width:768px){.faq-section-inner{max-width:90%;margin:50px auto 20px auto}
.faq-section h2{padding:15px 0 25px 0;font-size:24px}
.faq-title{font-size:16px;padding:20px 45px 20px 20px}
.faq-text{font-size:15px;margin:20px 0 0;padding:0 20px 20px 20px;line-height:21px}
.faq-toggle{top:20px;right:8px;height:28px;width:28px;font-size:20px}
.faq.active::before,.faq.active::after{font-size:5rem;top:15px;left:15px}
.faq.active::before{top:-8px;left:-20px}
}
@media(max-width:480px){.faq-section-inner{max-width:95%;margin:40px auto 15px auto}
.faq-section h2{padding:12px 0 20px 0;font-size:20px}
.faq-title{font-size:15px;padding:18px 40px 18px 15px}
.faq-text{font-size:14px;margin:15px 0 0;padding:0 15px 15px 15px;line-height:20px}
.faq-toggle{top:18px;right:6px;height:26px;width:26px;font-size:18px}
.faq-toggle .icon{font-size:13px}
.faq.active::before,.faq.active::after{font-size:4rem;top:10px;left:10px}
.faq.active::before{top:-5px;left:-15px}
}