.custom-faq{margin-block:50px}.faq-tab-wrapper{background:#fff;display:flex;align-items:flex-start;gap:40px}.faq-tab-nav{display:flex;justify-content:space-between;align-items:center;flex-direction:column;flex:35%;background:#d9d9d97f;padding:35px;border-radius:var(--border-radius-10)}.faq-tab-nav [data-tab-target]{border:none;outline:none;width:100%;cursor:pointer;transition:.2s linear;padding:15px;text-align:left;margin-block:5px;display:flex;gap:20px;align-items:center}.faq-tab-nav button p{pointer-events:none}.faq-tab-nav [data-tab-target].is-active{background:#fff;border-radius:var(--border-radius-10);font-weight:600}.faq-tab-content{padding:30px;flex:65%}.faq-tab-content h4{font-weight:500;text-transform:capitalize;margin-bottom:10px}.faq-tab-content p{font-weight:300;letter-spacing:.15px}.faq-tab-content .tab-target{display:none}.faq-tab-content .tab-target.is-active{display:block;animation-name:fadeInUp;animation-duration:.4s;animation-timing-function:ease-in-out;animation-iteration-count:1}.faq-tab-nav span{display:flex;width:12px;height:12px;align-items:center}.faq-tab-nav .is-active span svg{width:12px;height:12px;opacity:1;transition:opacity .2s linear}.faq-tab-nav :not(.is-active) span svg{opacity:0;transition:opacity .2s linear}.custom-faq .collapsible-trigger-btn{font-size:var(--typeBaseSize);font-weight:400}.custom-faq .section-header{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.section-header.mobile{display:none}.section-header.desktop{margin-bottom:20px}@media screen and (max-width: 749px){.section-header.desktop{display:none}.section-header.mobile{display:block;margin-bottom:0}.faq-tab-wrapper{flex-direction:column;gap:20px}.faq-tab-nav{flex-direction:row;background:none;padding:0;width:100%;overflow:hidden;overflow-x:auto;gap:10px}.faq-tab-nav::-webkit-scrollbar{height:5px}.faq-tab-nav::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:var(--border-radius-10)}.faq-tab-nav::-webkit-scrollbar-track{background:#f1f1f1}.faq-tab-nav span{display:none}.faq-tab-content{width:100%;padding:15px}.faq-tab-nav [data-tab-target]{text-wrap:nowrap}.faq-tab-nav [data-tab-target].is-active{background:#000;color:#fff}.faq-tab-nav [data-tab-target]{background:#fff;border:1px solid black;border-radius:var(--border-radius-10);padding:10px;justify-content:center}.custom-faq .collapsible-trigger__layout{font-weight:600}}
/*# sourceMappingURL=/cdn/shop/t/246/assets/custom-section-faq.css.map */