/* ===================================================================
   H2-Restore — visual styling for H3 that replaced H2 (SEO: 1 H2/page)
   Restores original H2 sizing so design doesn't change despite tag swap.
   =================================================================== */

/* ---- Generic section heading restoration (homepage, root pages) ---- */
.section-head h3 {
    font-size: 52px;
    line-height: 1.1;
    color: #00173c;
}

/* Welcome-to-section (About area on homepage) */
.welcom-to-section h3 {
    font-size: 52px;
    line-height: 1.1;
    color: #00173c;
}

/* Mobile / smaller screens — keep proportional sizing */
@media (max-width: 991px) {
    .section-head h3,
    .welcom-to-section h3 {
        font-size: 40px;
    }
}
@media (max-width: 575px) {
    .section-head h3,
    .welcom-to-section h3 {
        font-size: 32px;
    }
}

/* ---- Inner-page body section H3 (about-us, services pages) ---- */
.welcom-to-section h3,
.tm-about-section h3,
.tm-why-section .section-head h3,
.tm-process-section .section-head h3,
.tm-ind-section .section-head h3,
.tm-vm-section .section-head h3,
.tm-testi-section .section-head h3,
.tm-blog-section .section-head h3,
.brands-deal-section .section-head h3,
.tm-contact-quick .section-head h3,
.tm-contact-form-section .section-head h3 {
    font-size: 52px;
    line-height: 1.1;
}
@media (max-width: 991px) {
    .tm-about-section h3,
    .tm-why-section .section-head h3,
    .tm-process-section .section-head h3,
    .tm-ind-section .section-head h3,
    .tm-vm-section .section-head h3,
    .tm-testi-section .section-head h3,
    .tm-blog-section .section-head h3,
    .brands-deal-section .section-head h3,
    .tm-contact-quick .section-head h3,
    .tm-contact-form-section .section-head h3 {
        font-size: 40px;
    }
}
@media (max-width: 575px) {
    .tm-about-section h3,
    .tm-why-section .section-head h3,
    .tm-process-section .section-head h3,
    .tm-ind-section .section-head h3,
    .tm-vm-section .section-head h3,
    .tm-testi-section .section-head h3,
    .tm-blog-section .section-head h3,
    .brands-deal-section .section-head h3,
    .tm-contact-quick .section-head h3,
    .tm-contact-form-section .section-head h3 {
        font-size: 32px;
    }
}

/* ---- Blog body content: main-section H3 (was H2) and FAQ heading ---- */
.blog-content h3 {
    font-size: 26px;
    color: #0e2746;
    margin: 36px 0 14px;
    font-weight: 700;
}
.blog-faq > h3,
.blog-related h3 {
    font-size: 24px;
    color: #0e2746;
    margin-top: 0;
}

/* ---- Location-page body content: main-section H3 and FAQ heading ---- */
.loc-content h3 {
    font-size: 28px;
    color: #0e2746;
    margin: 42px 0 16px;
    font-weight: 700;
}
.loc-faq > h3,
.loc-related > h3 {
    font-size: 24px;
    color: #0e2746;
    margin-top: 0;
}

/* Re-tighten sub-section H3 styling INSIDE blog & loc content (numbered headings) */
.blog-content h3 + p + h3,
.blog-content h3.sub,
.loc-content h3.sub {
    /* placeholder — kept smaller through default cascade */
}