.service-cards .row {
    gap: 0.625rem 0;
}

.service-card {
    background: var(--blue);
    border: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.service-card::before {
    display: none;
}

.service-card__image {
    width: 9.25rem;
    height: 6.0625rem;
    position: relative;
}

.service-card__message {
    display: none;
    margin: 0;
    color: #fff;
    line-height: 1.3;
    text-align: left;
    overflow-wrap: break-word;
}

.service-card__message--row {
    display: block;
    position: static;
    width: 100%;
    padding: 0.75rem 1rem;
    background-color: var(--dark-blue);
    font-size: 0.875rem;
}

.service-card__message p {
    margin: 0;
    color: inherit;
}

.service-card__message p + p {
    margin-top: 0.25rem;
}

.service-card__message strong,
.service-card__message b,
.service-card__message em,
.service-card__message i,
.service-card__message u,
.service-card__message span {
    color: inherit;
}

.service-card__logo {
    width: calc(100% - 9.25rem);
    padding-left: 1.75rem;
}

.service-card__logo img {
    max-width: 7.8125rem;
    max-height: 5rem;
    object-fit: contain;
}

.service-cards__top-content {
    margin-bottom: 0.9375rem;
}

@media (max-width: 399px) {
    .service-card {
        flex-direction: column;
        align-items: stretch;
    }

    .service-card__image {
        width: 100%;
        height: 11.25rem;
    }

    .service-card__logo {
        width: 100%;
        padding-left: 0;
        padding: 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.service-card .service-card__image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: linear-gradient(180deg, rgba(21, 67, 105, 0.00) 38.11%, rgba(21, 67, 105, 0.95) 100%); */
}

@media (min-width: 768px) {
    .service-cards .row {
        gap: 2rem 0;
        justify-content: center;
    }

    .service-card {
        background: transparent;
        display: block;
        height: 100%;
    }

    .service-card__image {
        width: calc(100% - 1.3125rem);
        height: calc(100% - 1rem);
    }

    .service-card__logo {
        width: 10.3125rem;
        height: 3.4375rem;
        background: var(--blue);
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-top: -2.5rem;
        position: relative;
    }

    .service-card__logo img {
        margin: 0 auto;
    }

    .service-card:hover .service-card__logo {
        background: var(--dark-blue);
    }

    .service-card__message {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        height: auto;
        padding: 1rem;
        background-color: rgba(21, 67, 105, 0.9);
        font-size: 0.875rem;
        transition: background-color 0.2s ease;
    }

    .service-card__message--row {
        display: none;
    }

    .service-card:hover .service-card__message {
        background-color: rgba(6, 42, 68, 0.95);
    }

    
}

@media (min-width: 1200px) {
    .service-cards__top-content {
        margin-bottom: 1.875rem;
    }

    /* .service-card:hover .service-card__image::after {
        background: linear-gradient(180deg, rgba(13, 177, 75, 0.00) 2.95%, rgba(13, 177, 75, 0.95) 100%);
    }

    .booths:root .service-card:hover .service-card__image::after {
        background: linear-gradient(180deg, rgba(0, 167, 255, 0.00) 2.95%, rgba(0, 167, 255, 0.95) 100%);
    }

    .homes:root .service-card:hover .service-card__image::after {
        background: linear-gradient(180deg, rgba(215, 12, 12, 0.00) 2.95%, rgba(215, 12, 12, 0.95) 100%);
    }

    .trailers:root .service-card:hover .service-card__image::after {
        background: linear-gradient(180deg, rgba(246, 134, 33, 0.00) 2.95%, rgba(246, 134, 33, 0.95) 100%);
    }

    .commercials:root .service-card:hover .service-card__image::after {
        background: linear-gradient(180deg, rgba(212, 178, 88, 0.00) 2.95%, rgba(212, 178, 88, 0.95) 100%);
    } */

}

@media (min-width: 1600px) {
    .service-card__image {
        width: calc(100% - 1.125rem);
        height: calc(100% - 1.4375rem);
    }

    .service-card__image img {
        max-height: 18.75rem;
    }

    .service-card__logo {
        width: 15.5rem;
        height: 5.0625rem;
        margin-top: -3.625rem;
    }

    .service-card__logo img {
        margin: 0 auto;
        max-width: 11.5rem;
    }
}