/* Template sections added to the service pages for conversion (2026-11-13): the short quote form (Views/Home/_QuickQuote) in the
   sidebar and as a full-width band, the steps as how-it-works cards (.service-steps) and the FAQ (Views/Home/_ServiceFaq). */

/* the sidebar quote box: the template's dark call-up box with a form */
.sidebar .quick-quote-box .qq-lead { color: #fff; font-size: 26px; line-height: 34px; font-weight: 600; margin-bottom: 8px; }
.sidebar .quick-quote-box .text { margin-bottom: 16px; color: #c9cacd; }
.quick-quote-box .quick-quote-form input,
.quick-quote-box .quick-quote-form select,
.quick-quote-box .quick-quote-form textarea { display: block; width: 100%; margin-bottom: 10px; padding: 10px 14px; border: 0; border-radius: 3px; background: #fff; color: #222429; font-size: 14px; }
.quick-quote-box .quick-quote-form textarea { resize: vertical; }
.quick-quote-box .quick-quote-form .theme-btn { width: 100%; margin-top: 4px; }
.quick-quote-box .quick-quote-form .theme-btn .btn-title { padding: 14px 20px; }
.quick-quote-box .qq-alt { margin-top: 16px; font-size: 13px; line-height: 1.7; color: #c9cacd; }
.quick-quote-box .qq-alt a { color: #ffaa17; }
.quick-quote-box .qq-captcha { margin-bottom: 10px; }

/* the full-width band: the template's get-quote-three form, with a select like its inputs */
.quick-quote-band .qq-intro { margin: -20px 0 30px; }
.quick-quote-band select { display: block; width: 100%; height: 60px; padding: 0 30px; border: 1px solid transparent; border-radius: 0; background: #f4f5f8; color: #686a6f; font-size: 14px; }
.quick-quote-band .qq-captcha { display: flex; justify-content: center; margin-bottom: 20px; }

/* both: the reCAPTCHA waits until the form is being filled in; the message and the thank-you */
.quick-quote-form .qq-captcha { display: none; }
.quick-quote-form.qq-active .qq-captcha { display: block; }
.quick-quote-band .quick-quote-form.qq-active .qq-captcha { display: flex; }
.quick-quote-form .qq-msg { display: none; margin-top: 12px; padding: 8px 12px; border-radius: 3px; background: #fdecea; color: #a61b1b; font-size: 14px; }
.qq-done { padding: 18px 20px; border-radius: 4px; background: #e9f7ef; color: #1e5631; font-size: 15px; line-height: 1.6; text-align: left; }

/* the steps as the template's how-it-works cards, two to a row in the content column, all the same height */
.service-steps { margin: 10px 0 6px; }
.service-steps > div { display: flex; margin-bottom: 24px; }
.service-steps .how-it-works-card { width: 100%; height: 100%; margin-bottom: 0; }
.service-steps .how-it-works-card__inner { height: 100%; padding: 34px 24px 30px; }
.service-steps .how-it-works-card__title { font-size: 20px; }
/* three to a row (Virtual Energy Auditing): less padding, so the text isn't squeezed */
.service-steps .col-lg-4 .how-it-works-card__inner { padding: 30px 14px 26px; }
.service-steps .col-lg-4 .how-it-works-card__title { font-size: 18px; }

/* the FAQ band */
.faqs-section.service-faqs { padding-top: 100px; }