.section-faq-with-question-wrap{display:grid;grid-template-columns:1fr 400px;gap:24px;padding:20px 0;align-items:start}.section-faq-with-question-faqs button[aria-expanded=true]+.accordion-content{opacity:1;max-height:9em;transition:all .2s linear;will-change:opacity,max-height}.section-faq-with-question-faqs .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity .2s linear,max-height .2s linear;will-change:opacity,max-height}.section-faq-with-question-faqs button{display:flex;align-items:center;gap:10px;border:none;background:none;outline:none;padding:0;cursor:pointer;width:100%}span.faq-icon-img-wrap{display:flex;width:20px;max-width:20px}span.faq-icon-img-wrap img{width:100%;max-width:20px;height:auto;display:block}.section-faq-with-question-faqs{display:flex;flex-direction:column;gap:14px}.accordion-item{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:20px 24px}.accordion-content{font-family:var(--font-nunito);font-size:14px;color:#5f6f62;line-height:1.7;margin-top:0;font-weight:600}.accordion-content p:last-of-type{margin-bottom:0}span.accordion-title{flex:1 1 0%;font-family:var(--font-fredoka);font-weight:600;font-size:16px;color:#1e3d24;text-align:left}.section-faq-with-question-form{background:#242421;border-radius:18px;padding:26px!important}.section-faq-with-question-form .rte h4{font-family:var(--font-fredoka);font-weight:600;font-size:19px;color:#fff}.section-faq-with-question-form .rte p{font-family:var(--font-nunito);font-size:13px;color:#fff9;margin-top:4px}.section-faq-with-question-form .field__input{font-family:var(--font-nunito);background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff}.section-faq-with-question-form button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(#57b14a,#3e9233);color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;padding:12px 26px;border-radius:11px;cursor:pointer;margin-top:18px;transition:transform .18s ease,box-shadow .18s ease;text-transform:capitalize}.section-faq-with-question-form button:before,.section-faq-with-question-form button:after{display:none}.section-faq-with-question-form button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #286e2866}@media screen and (max-width:767px){.section-faq-with-question-wrap{grid-template-columns:1fr;gap:20px}.section-faq-with-question-form{padding:20px!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-faq-with-question.css.map */