.client-dock {
    font-size: 0;
    padding: 8rem 5vw;
}

.client-dock-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3rem;
}

.client {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    /*padding: 0 1.5rem 2.5rem 1.5rem;*/
    padding: 0;
    width: auto;
}

.client-wrapper {
    background-color: var(--color-light-gray);
    box-sizing: border-box;
    display: table;
    height: 100%;
    padding: 5rem 3rem;
    position: relative;
    text-align: center;
    width: 100%;
}

.client-logo {
    display: table-cell;
    vertical-align: middle;
}

.client img {
    height: auto;
    width: 80%;
}

.case-study-icon {
    bottom: -0.75rem;
    height: 70px;
    width: 70px;
    position: absolute;
    right: -0.75rem;
    z-index: 2;
}

.case-study-icon svg {
    height: auto;
    width: 100%;
}

.client-dock-link {
    font-size: var(--font-body-medium);
    text-align: right;
    margin-top: 2rem;
}

.client-dock-link a {
    color: var(--color-primary-black);
    text-decoration: none;
}

.client-dock-link a svg {
    margin-left: 0.5rem;
}

@media (max-width: 1200px) {

    .client-dock-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 768px) {

    .client-dock-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

}