/* Service page styles. Loaded only on residential and commercial service pages. */
.service-breadcrumb-wrap {
    background: var(--white);
    padding: 15px 0;
}

.service-breadcrumb {
    font-size: .85rem;
}

.service-hero-compact {
    padding: 50px 0 60px;
}

.roof-service-image-wrap {
    min-height: 100%;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.roof-service-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 5;
    object-fit: cover;
    object-position: center;
}

.service-image-card,
.service-content-card.service-image-card {
    overflow: hidden;
}

.service-image-card img,
.service-content-card.service-image-card img,
.glass-card > img.img-fluid,
.glass-card img.img-fluid {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 5;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767.98px) {
    .service-hero-compact {
        padding: 36px 0 42px;
    }

    .roof-service-image-wrap {
        padding: 20px;
    }
}