/* faq — merged from the static build's app.css, source order preserved. */

body.digital-marketing-page .faq-section { height: 858px; min-height: 858px; margin-top: 120px; padding: 0; }
body.digital-marketing-page .faq-section .section-intro h2 { margin-top: 32px; line-height: 50px; }
body.digital-marketing-page .faq-list { margin-top: 54px; }
.faq-section { min-height: 978px; padding: 120px 0 157px; background-color: var(--paper); background-image: var(--noise); }
.faq-section .section-intro h2 { max-width: 470px; margin-top: 54px; font-size: 60px; line-height: 60px; }
.faq-section .section-intro h2 em { display: block; }
.faq-list { width: min(900px, calc(100% - 32px)); margin: 80px auto 0; border-top: 1px solid rgba(0,0,0,.14); }
.faq-list details { border-bottom: 1px solid rgba(0,0,0,.14); }
.faq-list summary { position: relative; padding: 28px 52px 28px 0; cursor: pointer; font-size: 24px; font-weight: 500; line-height: 30px; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { position: absolute; top: 30px; right: 0; width: 12px; height: 12px; content: ""; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); transition: transform var(--motion-base); }
.faq-list details[open] summary::after { transform: translateY(6px) rotate(225deg); }
.faq-list details p { margin: -6px 50px 28px 0; color: rgba(0,0,0,.58); font-size: 18px; line-height: 26px; }
body.about-us-page .faq-section { height: 858px; min-height: 858px; margin-top: 248px; padding: 0; }
body.about-us-page .faq-section .section-intro h2 { margin-top: 32px; font-size: 60px; line-height: 50px; }
body.about-us-page .faq-list { margin-top: 80px; }
body.web-development-page .faq-section .eyebrow { width: 87px; }
body.web-development-page .faq-section .section-intro h2 { width: 433px; }
body.web-development-page .faq-section { min-height: 0; margin: 0; padding: 120px 0; }
body.web-development-page .faq-section .section-intro h2 { margin-top: 23px; font-size: 60px; line-height: 60px; }
body.web-development-page .faq-list { width: 900px; margin: 69px auto 0; border-top: 1px solid rgba(0, 0, 0, .14); }
body.web-development-page .faq-list summary { padding: 24.4px 20px 32.6px; font-size: 24px; font-weight: 500; line-height: 30px; }
body.web-development-page .faq-list details[open] summary { padding-bottom: 17.9px; }
body.web-development-page .faq-list details[open] { padding-bottom: 24.7px; }
body.web-development-page .faq-list details p { width: 834px; margin: 0 0 0 20px; color: var(--wd-muted); font-size: 18px; line-height: 26px; }
body.web-development-page .faq-list summary::after { top: 33px; right: 24px; }
body.email-marketing-page .faq-section { height: 858px; min-height: 858px; margin-top: 120px; padding: 0; }
body.email-marketing-page .faq-section .section-intro h2 { margin-top: 32px; line-height: 50px; }
body.email-marketing-page .faq-list { margin-top: 54px; }
.digital-marketing-page .faq-section { height: 858px; min-height: 858px; margin-top: 120px; padding: 0; }
.digital-marketing-page .faq-section .section-intro h2 { margin-top: 32px; line-height: 50px; }
.digital-marketing-page .faq-list { margin-top: 54px; }
.about-us-page .faq-section { height: 858px; min-height: 858px; margin-top: 248px; padding: 0; }
.about-us-page .faq-section .section-intro h2 { margin-top: 32px; font-size: 60px; line-height: 50px; }
.about-us-page .faq-list { margin-top: 80px; }
.web-development-page .faq-section .eyebrow { width: 87px; }
.web-development-page .faq-section .section-intro h2 { width: 433px; }
.web-development-page .faq-section { min-height: 0; margin: 0; padding: 120px 0; }
.web-development-page .faq-section .section-intro h2 { margin-top: 23px; font-size: 60px; line-height: 60px; }
.web-development-page .faq-list { width: 900px; margin: 69px auto 0; border-top: 1px solid rgba(0, 0, 0, .14); }
.web-development-page .faq-list summary { padding: 24.4px 20px 32.6px; font-size: 24px; font-weight: 500; line-height: 30px; }
.web-development-page .faq-list details[open] summary { padding-bottom: 17.9px; }
.web-development-page .faq-list details[open] { padding-bottom: 24.7px; }
.web-development-page .faq-list details p { width: 834px; margin: 0 0 0 20px; color: var(--wd-muted); font-size: 18px; line-height: 26px; }
.web-development-page .faq-list summary::after { top: 33px; right: 24px; }
.email-marketing-page .faq-section { height: 858px; min-height: 858px; margin-top: 120px; padding: 0; }
.email-marketing-page .faq-section .section-intro h2 { margin-top: 32px; line-height: 50px; }
.email-marketing-page .faq-list { margin-top: 54px; }