/* Atlantic Image Defense v1.15.4.19.35.451.306
 * Service images: one landscape 16:9 format for the service cards (home, services)
 * and the service pages. The files are already cropped to 16:9, so nothing is
 * stretched or cropped again in the browser. */
html:not(#x-a):not(#x-b) .aid-svc306-media {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0 0 18px;
    overflow: hidden;
    border-radius: 4px;
    background: #0f1424;
}

html:not(#x-a):not(#x-b) .aid-svc306-media > img {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 0;
}

/* Service page: the image spans the full width of the text column. */
html:not(#x-a):not(#x-b) .single_service_details .aid-svc306-media--page {
    margin-bottom: 28px;
}

html:not(#x-a):not(#x-b) .single_service_details > h2 {
    margin-bottom: 12px;
}

@media (max-width: 767.98px) {
    html:not(#x-a):not(#x-b) .aid-svc306-media {
        margin-bottom: 14px;
    }

    html:not(#x-a):not(#x-b) .single_service_details .aid-svc306-media--page {
        margin-bottom: 20px;
    }
}
