.srv-area.v4 {
    --fnt-t-1-tt: uppercase;

    /* Background image is dimmed by the .bg-image tool (--img-bg-o); show it
       at full opacity behind the frosted card. */
    .bg img {
        opacity: 1;
    }

    > .mn_wd > header {
        margin-inline: auto;
    }

    .srv-area-v4-bd {
        align-items: stretch;
    }

    .srv-area-v4-shl {
        padding: 2.5rem 2rem;
        align-self: stretch;

        /* Frosted glass tint. The frst-bg tool derives its background from
           --inner-theme (near-black in this dark context), so override the
           computed background/border/blur directly for a true glass look. */
        --bdr-rds-crd: 0.875rem; /* 14px */
        border: 1px solid rgba(255, 255, 255, 0.20);
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    .srv-area-v4-shl .svc-areas {
        margin-top: 0;
    }

    /* Right column: map image */

    .srv-area-v4-map picture {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: var(--bdr-rds-crd);
        overflow: hidden;
    }

    .srv-area-v4-map picture img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }
}


@media screen and (max-width: 1279px) {


    .srv-area.v4{
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}