.page-faq-layout{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.page-faq-intro{flex:calc(40% - 20px)}.page-faq-list{flex-direction:column;flex:calc(60% - 20px);gap:14px;display:flex}.page-faq-title{color:var(--white);font-size:36px;font-family:var(--font-primary)}.page-faq-desc{font-size:18px;line-height:30px;font-family:var(--font-secondary);color:var(--grey-70)}.page-faq-item{border:1px solid var(--white-15);cursor:pointer;background-color:#0000;border-radius:8px;padding:24px 30px;transition:all .3s}.page-faq-item:not(.active){background-color:var(--black)}.page-faq-item.active{border-color:var(--gradiant-1);background-color:#0000}.page-faq-question-bar{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-faq-question{color:var(--white);font-size:20px;font-weight:400;line-height:1.4;font-family:var(--font-secondary)}.page-faq-icon{color:var(--white);font-size:24px;font-weight:300;line-height:1}.page-faq-answer-wrapper{opacity:0;max-height:0;transition:max-height .4s,margin-top .4s,opacity .3s;overflow:hidden}.page-faq-answer-wrapper.open{opacity:1;max-height:500px;margin-top:15px}.page-faq-answer{color:var(--grey-70);font-size:18px;line-height:30px;font-family:var(--font-secondary);margin:0}@media screen and (max-width:1279px){.page-faq-title{font-size:30px}}@media screen and (max-width:1024px){.page-faq-title{font-size:30px}.page-faq-intro,.page-faq-list{flex:100%}}@media screen and (max-width:768px){.page-faq-title{font-size:24px}.page-faq-item{padding:20px}.page-faq-question{font-size:18px}.page-faq-answer{font-size:16px}}