.service-bg-card {
    position: relative;
    min-height: 320px;
    overflow: hidden;
    background-image: var(--service-bg);
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    align-items: flex-end;
}

.service-bg-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--service-bg);
    background-size: cover;
    background-position: center;
    transform: scale(1.02);
    transition: transform .45s ease;
}

.service-bg-card:hover::before {
    transform: scale(1.09);
}

.service-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 20, 43, .24), rgba(4, 20, 43, .9));
    z-index: 1;
}

.service-card-content {
    position: relative;
    z-index: 2;
}

.service-bg-card h2,
.service-bg-card h3,
.service-bg-card p,
.service-bg-card a,
.service-bg-card .price {
    color: #fff;
}

.service-bg-card .btn-primary {
    background: #fff;
    color: #0866d6;
}

.service-detail-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background-image: var(--service-bg);
    background-size: cover;
    background-position: center;
}

.service-detail-hero .container {
    position: relative;
    z-index: 2;
}

.service-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 20, 43, .9), rgba(4, 20, 43, .42));
}