.faq{display:flex;flex-direction:row;align-items:flex-start;width:100%;gap:70px;position:relative}.faq_categories{flex-shrink:0;display:flex;flex-direction:column;gap:1px;width:300px;position:sticky;top:calc(var(--global-offset-top) + 30px)}.faq_category{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 20px;border-left:1px solid var(--wp--preset--color--nv-green);background:var(--wp--preset--color--nv-green-light);color:var(--color-1);position:relative;transition:all .2s ease-in-out;&::before{content:"";height:100%;width:5px;background:var(--wp--preset--color--nv-green);position:absolute;left:-3px;top:0;opacity:0;transition:opacity .2s ease-in-out}&.active::before{opacity:1}}.faq_questions{flex-grow:1;display:flex;flex-direction:column;gap:50px;padding-top:5px}.faq_questions-category{display:flex;flex-direction:column;gap:20px;scroll-margin-top:calc(var(--content-offset-top) + 30px)}.faq_questions-category-title{color:var(--wp--preset--color--nv-green);font-weight:700}.faq_questions-category-questions{display:flex;flex-direction:column}.faq_question{display:flex;flex-direction:column;width:100%;transition:padding .3s ease-in-out;&:not(:last-child){border-bottom:1px solid rgba(0,0,0,.2)}}.faq_question.active{&:not(:first-child){padding-top:20px}&:not(:last-child){padding-bottom:40px}& .faq_question-arrow{transform:rotate(90deg)}}.faq_question-header{display:flex;flex-direction:row;align-items:center;gap:30px;padding:20px 10px 20px 0;cursor:pointer}.faq_question-title{flex-grow:1;font-size:16px;font-weight:800}.faq_question-arrow{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:center;width:30px;height:30px;font-size:12px;transition:transform .3s ease-in-out}.faq_question-body{display:none}.faq_question-answer{display:flex;flex-direction:row;gap:40px}.faq_question-text{flex-grow:1;&>p:first-child{margin-block-start:0}&>p:last-child{margin-block-end:0}}@media (max-width:1280px){.faq{gap:50px}.faq_categories{width:240px}}@media (max-width:1024px){.faq{gap:30px;flex-direction:column}.faq_categories{width:100%;position:static}.faq_category.active::before{opacity:0}.faq_questions-category{gap:10px}.faq_item-body-answer{flex-direction:column}.faq_item-body-image{width:100%}.faq_question.active{&:not(:first-child){padding-top:20px}&:not(:last-child){padding-bottom:30px}}}@media (max-width:480px){.faq_question-header{padding:20px 0}}