.faq_wrapper{background-color:#fff;border-radius:10px;padding:32px 16px;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:24px;.faq_header{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 8px; h2{font-weight: 700; font-size: 24px; line-height: 32px; color: #121212; margin: 0px;} p{font-weight: 400; font-size: 16px; line-height: 24px; color: #121212; margin: 0px; margin-bottom: 12px;} a{width: 158px; height: 40px; border: 2px solid #005FF9; border-radius: 20px; color: #005FF9; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; line-height: 24px;}} .faqs_list{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 8px; width: 100%;} .faq_item{display: flex; flex-direction: row; align-items: start; justify-content: start; padding: 16px; border: 1px solid #EBEBEB; box-shadow: 0px 1px 2px 0px #0000000D; border-radius: 10px; width: 100%; .faq_question{display: flex; flex-direction: column; align-items: start; justify-content: start; flex-grow: 1; gap: 16px; .question_text{font-weight: 700; font-size: 16px; line-height: 24px; color: #121212; margin: 0px;} .faq_answer{font-weight: 400; font-size: 16px; line-height: 24px; color: #121212; margin: 0px;}} .toggle_icon{display: flex; flex-direction: row; align-items: center; justify-content: center; min-width: 68px;}} .faq_item.closed{display: flex; flex-direction: row; align-items: start; justify-content: start; padding: 16px; background-color: #f7f7f7; border-color: #f7f7f7; box-shadow: none; cursor: pointer; .faq_question{display: flex; flex-direction: column; align-items: start; justify-content: start; flex-grow: 1; gap: 16px; .faq_answer{display: none;}}}}@media (min-width: 768px){.faq_wrapper{margin:16px;padding:40px;flex-direction:row;align-items:start;justify-content:center;gap:80px;.faq_header{width: 320px; h2{font-weight: 700; font-size: 40px; line-height: 48px;} p{font-weight: 400; font-size: 16px; line-height: 24px;} a{font-weight: 600; font-size: 16px; line-height: 24px;}} .faqs_list{display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 8px; width: 720px;} .faq_item{padding: 24px; width: 100%; .faq_question{.question_text{font-size: 18px; line-height: 28px;} .faq_answer{font-size: 18px; line-height: 28px;}} &.closed{padding: 24px;}}}}