.local-hero {
    background: linear-gradient(135deg, #171717 0%, #313131 100%);
    color: #fff;
    padding: 145px 0 65px;
}
.local-hero h1 { color: #fff; font-size: 42px; line-height: 1.2; margin-bottom: 18px; }
.local-hero .lead { color: #f1f1f1; max-width: 760px; }
.local-section { padding: 55px 0; }
.local-section h2 { margin: 0 0 22px; }
.local-section h3 { margin-top: 0; }
.local-card { background: #f7f7f7; border-left: 4px solid #e60000; height: 100%; margin-bottom: 25px; padding: 25px; }
.local-steps { counter-reset: local-step; list-style: none; padding: 0; }
.local-steps li { counter-increment: local-step; margin: 0 0 18px; padding-left: 48px; position: relative; }
.local-steps li:before { background: #e60000; border-radius: 50%; color: #fff; content: counter(local-step); font-weight: 700; height: 32px; left: 0; line-height: 32px; position: absolute; text-align: center; top: -4px; width: 32px; }
.local-faq details { border-bottom: 1px solid #ddd; padding: 15px 0; }
.local-faq summary { cursor: pointer; font-size: 17px; font-weight: 700; }
.local-faq details p { margin: 12px 0 0; }
.local-cta { background: #e60000; color: #fff; padding: 45px 0; }
.local-cta h2 { color: #fff; margin-top: 0; }
.local-cta .btn { margin: 5px; }
@media (max-width: 767px) {
    .local-hero { padding-top: 125px; }
    .local-hero h1 { font-size: 32px; }
}
