/* =========================
   SERVICES PAGE
========================= */

.services-page h2,
.services-page h3,
.services-page h4 {
    letter-spacing: 0.2px !important;
}

/* HERO */
.services-page .services-hero {
    background: #cfd5dd !important;
    background-color: #cfd5dd !important;
    border: 1px solid #bfc7d1 !important;
    border-radius: 6px !important;
    padding: 24px 26px !important;
    margin-top: 20px !important;
    margin-bottom: 22px !important;
}

    .services-page .services-hero h2 {
        color: #10233f !important;
        font-weight: 700 !important;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        position: relative !important;
    }

        .services-page .services-hero h2::after {
            content: "" !important;
            display: block !important;
            width: 48px !important;
            height: 3px !important;
            background: #2f6fb3 !important;
            background-color: #2f6fb3 !important;
            margin-top: 10px !important;
        }

    .services-page .services-hero p,
    .services-page .services-hero .services-hero-lead {
        color: #20324a !important;
    }

    .services-page .services-hero .services-hero-lead {
        font-size: 24px !important;
        line-height: 1.45 !important;
        margin-bottom: 10px !important;
    }

/* SECTION TITLES */
.services-page .section-title {
    color: #f3f6fb !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

.services-page .section-row {
    margin-bottom: 20px !important;
}

/* MAIN FEATURE CARD */
.services-page .service-main-card {
    background: linear-gradient(180deg, #3c4758, #313b4b) !important;
    background-color: #364152 !important;
    border: 1px solid #49566a !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
}

.services-page .service-main-header {
    background: #2f6fb3 !important;
    background-color: #2f6fb3 !important;
    padding: 16px 18px !important;
}

    .services-page .service-main-header h3 {
        color: #f8fbff !important;
        font-weight: 700 !important;
        margin: 0 !important;
    }

.services-page .service-main-body {
    padding: 22px 20px !important;
    color: #e3ebf5 !important;
}

    .services-page .service-main-body p {
        color: #e3ebf5 !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
        margin-bottom: 18px !important;
    }

.services-page .service-note-box {
    background: #445165 !important;
    background-color: #445165 !important;
    border: 1px solid #56657b !important;
    border-radius: 6px !important;
    color: #f3f7fc !important;
    padding: 12px 14px !important;
    margin-bottom: 16px !important;
}

.services-page .service-bullets {
    margin: 0 0 18px 20px !important;
    padding: 0 !important;
}

    .services-page .service-bullets li {
        color: #d9e4f2 !important;
        margin-bottom: 10px !important;
        line-height: 1.7 !important;
    }

.services-page .service-contact-line {
    color: #dce6f2 !important;
}

.services-page .service-main-body .inline-link {
    color: #8bbcff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 6px !important;
}

    .services-page .service-main-body .inline-link:hover {
        color: #b8d7ff !important;
        text-decoration: underline !important;
    }

.services-page .service-main-footer {
    background: rgba(255,255,255,0.04) !important;
    background-color: rgba(255,255,255,0.04) !important;
    border-top: 1px solid #4e5c70 !important;
    color: #f3f7fc !important;
    padding: 16px 20px !important;
}

    .services-page .service-main-footer a {
        color: #8ec5ff !important;
        text-decoration: none !important;
    }

        .services-page .service-main-footer a:hover {
            color: #c4e0ff !important;
            text-decoration: underline !important;
        }

/* SIDE CARDS */
.services-page .service-side-card {
    background: linear-gradient(180deg, #3c4758, #313b4b) !important;
    background-color: #364152 !important;
    border: 1px solid #49566a !important;
    border-radius: 6px !important;
    padding: 18px 16px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}

    .services-page .service-side-card h4 {
        color: #f6f9fd !important;
        font-weight: 700 !important;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        position: relative !important;
    }

        .services-page .service-side-card h4::after {
            content: "" !important;
            display: block !important;
            width: 34px !important;
            height: 3px !important;
            background: #5b8def !important;
            background-color: #5b8def !important;
            margin-top: 8px !important;
            border-radius: 2px !important;
        }

    .services-page .service-side-card p {
        color: #d8e2f0 !important;
        margin-bottom: 10px !important;
    }

/* CTA SIDE CARD */
.services-page .cta-card {
    background: linear-gradient(180deg, #41506a, #36445b) !important;
    background-color: #3b4960 !important;
}

    .services-page .cta-card .btn-success {
        background: #2f8f5b !important;
        background-color: #2f8f5b !important;
        border-color: #2f8f5b !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        border-radius: 24px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

        .services-page .cta-card .btn-success:hover {
            background: #28794d !important;
            background-color: #28794d !important;
            border-color: #28794d !important;
        }

/* LOWER FEATURE CARDS */
.services-page .service-feature-card {
    background: linear-gradient(180deg, #3c4758, #313b4b) !important;
    background-color: #364152 !important;
    border: 1px solid #49566a !important;
    border-radius: 6px !important;
    padding: 18px 16px !important;
    min-height: 180px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
    transition: all 0.2s ease-in-out !important;
}

    .services-page .service-feature-card:hover {
        background: linear-gradient(180deg, #435067, #364154) !important;
        background-color: #3d495c !important;
        transform: translateY(-2px) !important;
    }

    .services-page .service-feature-card h4 {
        color: #f6f9fd !important;
        font-weight: 700 !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        position: relative !important;
    }

        .services-page .service-feature-card h4::after {
            content: "" !important;
            display: block !important;
            width: 34px !important;
            height: 3px !important;
            background: #5b8def !important;
            background-color: #5b8def !important;
            margin-top: 8px !important;
            border-radius: 2px !important;
        }

    .services-page .service-feature-card p {
        color: #d9e4f2 !important;
        line-height: 1.7 !important;
        margin-bottom: 0 !important;
    }