/* Scoped to: mobile-launch-template-faq */
[data-component-slug="mobile-launch-template-faq"].faq-section, [data-component-slug="mobile-launch-template-faq"] .faq-section { width: 100%; padding: 100px; background: #000000; } [data-component-slug="mobile-launch-template-faq"].faq-wrapper, [data-component-slug="mobile-launch-template-faq"] .faq-wrapper { margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; } [data-component-slug="mobile-launch-template-faq"].faq-image img, [data-component-slug="mobile-launch-template-faq"] .faq-image img { width: 100%; height: auto; border-radius: 16px; display: block; } [data-component-slug="mobile-launch-template-faq"].faq-content h2, [data-component-slug="mobile-launch-template-faq"] .faq-content h2 { font-family: "DM Sans", sans-serif; font-weight: 400; font-size: 56px; line-height: 64px; color: #ffffff; margin-bottom: 16px; text-transform: capitalize; max-width: 500px; } [data-component-slug="mobile-launch-template-faq"].faq-content p.subtitle, [data-component-slug="mobile-launch-template-faq"] .faq-content p.subtitle { font-family: "DM Sans", sans-serif; font-weight: 400; font-size: 24px; color: #6c6c6c; margin-bottom: 40px; max-width: 620px; } [data-component-slug="mobile-launch-template-faq"].faq-item, [data-component-slug="mobile-launch-template-faq"] .faq-item { border: 1px solid #2b2b2b; border-radius: 12px; padding: 24px; margin-bottom: 16px; cursor: pointer; transition: background 0.3s ease; } [data-component-slug="mobile-launch-template-faq"].faq-item.active, [data-component-slug="mobile-launch-template-faq"] .faq-item.active { background: #0a0a0a; } [data-component-slug="mobile-launch-template-faq"].faq-question, [data-component-slug="mobile-launch-template-faq"] .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 20px; } [data-component-slug="mobile-launch-template-faq"].faq-question h4, [data-component-slug="mobile-launch-template-faq"] .faq-question h4 { font-family: "DM Sans", sans-serif; font-weight: 400; font-size: 32px; color: #ffffff; line-height: 100%; } [data-component-slug="mobile-launch-template-faq"].faq-icon img, [data-component-slug="mobile-launch-template-faq"] .faq-icon img { width: 20px; height: 20px; transition: transform 0.3s ease; } [data-component-slug="mobile-launch-template-faq"].faq-item.active .faq-icon img, [data-component-slug="mobile-launch-template-faq"] .faq-item.active .faq-icon img { transform: rotate(180deg); } [data-component-slug="mobile-launch-template-faq"].faq-answer, [data-component-slug="mobile-launch-template-faq"] .faq-answer { margin-top: 16px; display: none; } [data-component-slug="mobile-launch-template-faq"].faq-answer p, [data-component-slug="mobile-launch-template-faq"] .faq-answer p { font-family: "DM Sans", sans-serif; font-weight: 400; font-size: 24px; color: #6c6c6c; line-height: 100%; } [data-component-slug="mobile-launch-template-faq"].faq-item.active .faq-answer, [data-component-slug="mobile-launch-template-faq"] .faq-item.active .faq-answer { display: block; } @media (max-width: 1024px) { [data-component-slug="mobile-launch-template-faq"].faq-section, [data-component-slug="mobile-launch-template-faq"] .faq-section { padding: 60px 20px; } [data-component-slug="mobile-launch-template-faq"].faq-wrapper, [data-component-slug="mobile-launch-template-faq"] .faq-wrapper { grid-template-columns: 1fr; gap: 48px; } [data-component-slug="mobile-launch-template-faq"].faq-content h2, [data-component-slug="mobile-launch-template-faq"] .faq-content h2 { font-size: 42px; line-height: 48px; } [data-component-slug="mobile-launch-template-faq"].faq-question h4, [data-component-slug="mobile-launch-template-faq"] .faq-question h4 { font-size: 24px; } [data-component-slug="mobile-launch-template-faq"].faq-answer p, [data-component-slug="mobile-launch-template-faq"] .faq-answer p { font-size: 20px; } }