/* ============================================
   SECTION TITLES - HERO STYLE
   Match all section titles to hero banner font
   ============================================ */

/* Hero style for ALL section titles */
.section-title .title,
.section-title h2,
.section-title h1,
.rts-service-area h2,
.rts-about-area h2,
.rts-cta-area h2,
.rts-testimonial-area h2,
.rts-blog-area h2,
.rts-contact-area h2,
.rts-faq-area h2,
.rts-gallery-area h2,
.rts-team-area h2,
.rts-pricing-area h2,
.rts-feature-area h2,
section h2.title,
section .title,
.area-title,
.content-title,
h2.section-heading,
.heading-title {
    font-family: 'Manrope', Helvetica, Arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
    color: #0a2540 !important;
}

/* All H2 headings in sections */
section h2,
.section-padding h2,
[class*="-area"] h2 {
    font-family: 'Manrope', Helvetica, Arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.15 !important;
}

/* H3 section titles */
section h3,
.section-padding h3,
[class*="-area"] h3,
.service-card h3,
.blog-card h3 {
    font-family: 'Manrope', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
}

/* Sub-titles to match */
.sub-title,
.section-title .sub-title,
.pre-title,
span.pre-title {
    font-family: 'Manrope', Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

/* Card titles */
.service-title,
.service-title a,
.blog-title,
.blog-title a,
.card-title,
.item-title {
    font-family: 'Manrope', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

/* Footer titles */
.footer-widget h4,
.footer-title,
.ultimate-footer h4 {
    font-family: 'Manrope', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

/* CTA titles */
.cta-title,
.cta-area h2,
.cta-content h2 {
    font-family: 'Manrope', Helvetica, Arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
}

/* Size adjustments to match hero proportion */
.section-title .title,
.section-title h2,
section h2.title {
    font-size: 42px !important;
}

@media (max-width: 991px) {
    .section-title .title,
    .section-title h2,
    section h2.title {
        font-size: 34px !important;
    }
}

@media (max-width: 767px) {
    .section-title .title,
    .section-title h2,
    section h2.title {
        font-size: 28px !important;
    }
}

@media (max-width: 479px) {
    .section-title .title,
    .section-title h2,
    section h2.title {
        font-size: 24px !important;
    }
}
