.service-container #service-cards-wrapper {
    display: grid;
    gap: 2.5rem 2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 1560px;
}

#service-cards-wrapper .service-card {
    background-color: var(--white);
    min-height: 300px;
    padding: 40px 30px 80px;
    border-radius: 1.25rem;
    box-shadow: 0px 25px 60px 0px rgba(17, 75, 138, 0.075);
    transition: box-shadow 0.2s ease-in-out;
    position: relative;
}

#service-cards-wrapper .service-card:hover {
    box-shadow: 0px 8px 40px 0px var(--oxford-blue-a6);
}

.service-card .service-icon {
    width: 92px;
}

.service-card img.service-icon {
    height: 92px;
}

.service-card .service-name {
    font-size: 1.5rem;
    font-weight: 500;
}

.service-card .short-desc {
    font-size: 0.825rem;
    line-height: 1.175rem;
    margin: 0 0 0.5rem;
}

.service-card .more-link-wrapper {
    position: absolute;
    inset: auto 0 40px 0;
}

.service-card:hover .more-link,
.service-card:hover .short-right-arrow {
    color: var(--bleu-de-france);
    fill: var(--bleu-de-france);
}

@media (min-width: 2000px) {
    .service-card .short-desc {
        font-size: 1.035rem;
        line-height: 1.46875rem;
    }
}

@media (min-width: 1360px) {
    .service-container #service-cards-wrapper {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (max-width: 300px) or ((min-width: 1081px) and (max-width: 1359px)) {
    #service-cards-wrapper .service-card {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1080px) {
    .service-container #service-cards-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    @media (min-width: 801px) {
        .service-container #service-cards-wrapper {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (min-width: 641px) {
        .service-container #service-cards-wrapper {
            padding-left: 2rem;
            padding-right: 2rem;
        }
    }
}

@media (max-width: 500px) {
    .service-card .service-name {
        font-size: 1.35rem;
    }
}