.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}  

 /* -- Exterior Services Page -------------------------------- */
    #ml-ext-hero {
        background: linear-gradient(135deg, var(--ml-navy) 0%, #051542 100%);
        padding: 80px 30px;
        text-align: center;
        border-bottom: 4px solid var(--ml-red);
    }

    .ml-ext-hero-inner {
        max-width: 700px;
        margin: 0 auto;
    }

    .ml-ext-hero-inner p {
        font-size: 1rem;
        color: rgba(255, 255, 255, .72);
        line-height: 1.7em;
        margin-bottom: 28px;
    }

    #ml-ext-services {
        background-color: var(--ml-light);
        padding: 70px 30px;
    }

    .ml-ext-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .ml-ext-card {
        background-color: #fff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        border-bottom: 4px solid transparent;
        box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
        transition: transform .3s, box-shadow .3s, border-color .3s;
    }

    .ml-ext-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 32px rgba(0, 0, 0, .14);
        border-color: var(--ml-red);
        text-decoration: none;
    }

    .ml-ext-card-img {
        width: 100%;
        height: 260px;
        overflow: hidden;
        background-color: #ddd;
        position: relative;
    }

    .ml-ext-card-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .45s ease;
    }

    .ml-ext-card:hover .ml-ext-card-img img {
        transform: scale(1.05);
    }

    .ml-ext-card-img-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(9, 38, 104, .35) 0%, transparent 60%);
    }

    .ml-ext-card-body {
        padding: 28px 28px 24px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .ml-ext-card-title {
        font-family: 'Oswald', Arial, sans-serif;
        font-size: 1.7rem;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--ml-navy);
        margin: 0 0 10px;
        line-height: 1em;
    }

    .ml-ext-card-desc {
        font-size: .92rem;
        color: #555;
        line-height: 1.65em;
        margin-bottom: 22px;
        flex: 1;
    }

    .ml-ext-card-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Oswald', Arial, sans-serif;
        font-size: .82rem;
        font-weight: 600;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--ml-red);
        transition: gap .2s;
    }

    .ml-ext-card:hover .ml-ext-card-link {
        gap: 13px;
    }

    .ml-ext-card-link svg {
        stroke: currentColor;
        fill: none;
        stroke-width: 2.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    #ml-ext-cta {
        background-color: var(--ml-navy);
        padding: 70px 30px;
        text-align: center;
        border-top: 4px solid var(--ml-red);
    }

    .ml-ext-cta-inner {
        max-width: 620px;
        margin: 0 auto;
    }

    .ml-ext-cta-inner p {
        font-size: .95rem;
        color: rgba(255, 255, 255, .7);
        line-height: 1.7em;
        margin-bottom: 28px;
    }

    @media (max-width: 768px) {
        .ml-ext-grid {
            grid-template-columns: 1fr;
        }

        #ml-ext-hero,
        #ml-ext-services,
        #ml-ext-cta {
            padding: 50px 20px;
        }
    }