/*
CCTV Camera Installation Page
Purpose: CCTV page-only refinements live here instead of being added to the
global custom.css file. The older shared CCTV layout classes remain available
from custom.css, while new page-specific changes should be kept in this file.
*/

/* Hero image: CCTV page uses the shared services hero background. */
.service-hero {
    background: #ffffff url("../images/services/service-hero1.jpg") center center/cover no-repeat;
}

/* Service list cards: CCTV-specific hover color for camera service options. */
.service-list-link:hover i {
    background: #eaf2ff;
    color: #1f5ccf;
}

/* Reusable section headings: replaces repeated inline heading and intro styles. */
.cctv-section-title {
    color: #1a1a3e;
    font-size: clamp(30px, 3vw, 40px);
    line-height: 1.16;
    font-weight: 900;
    letter-spacing: 0;
}

.cctv-section-intro {
    color: #666;
    font-size: 16px;
    line-height: 1.75;
    margin: 10px auto 0;
}

.cctv-section-intro--narrow {
    max-width: 620px;
}

.cctv-section-intro--wide {
    max-width: 760px;
    margin-bottom: 28px;
}

/* Installation type and FAQ sections: shared white section spacing. */
.cctv-install-types-section,
.cctv-faq-section {
    padding: 100px 0;
    background: #fff;
}

/* Camera solutions strip: local typography inside the CCTV feature panel. */
.cctv-solution-title,
.cctv-best-for-title {
    color: #11133a;
    font-weight: 900;
}

.cctv-solution-title {
    margin-bottom: 10px;
}

.cctv-solution-text {
    color: #667085;
    line-height: 1.7;
    margin: 0;
}

.cctv-best-for-title {
    margin-bottom: 16px;
}

/* CTA bands: keeps white text consistent across CCTV call-to-action blocks. */
.cctv-cta-title {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 10px;
}

.cctv-cta-title--compact {
    font-size: 30px;
}

.cctv-cta-text {
    color: rgba(255,255,255,0.78);
    margin: 0;
}

/* Areas served section: light background distinct from the white content blocks. */
.cctv-areas-section {
    padding: 90px 0;
    background: #f8faff;
}