.member-page-client-cards-holder {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.member-page-client-card-anchor {}

.member-page-client-card-wrapper {
    border-radius: 16px;

    transition: 0.3s ease-in;
}

.member-page-client-card-image-holder {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 83px;
    width: 121px;
    border-radius: 16px;
    border: 1px solid #d3e0ea;
    box-shadow: 0 5px 7px -3px color-mix(in oklab, lab(19.7852% 6.62501 -39.7722 / .05) 100%, transparent), 0 2px 3px -2px color-mix(in oklab, lab(19.7852% 6.62501 -39.7722 / .05) 100%, transparent);
    background: radial-gradient(circle at 5% 25%, #D4E6F91A 73%, #D4E6F9 100%);
    overflow: hidden;
    transition: 0.3s ease-in;
}

.member-page-client-card-image-holder img {
    transform: scale(1.8);
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: 0.3s ease-in;
}

/******************************/
/******************************/
/******************************/

.member-page-client-card-anchor:hover{
    cursor: default;
}
.member-page-client-card-anchor:not([href$="#"]):hover {
    cursor: pointer;
}
.member-page-client-card-anchor:not([href$="#"]):hover .member-page-client-card-wrapper {}

.member-page-client-card-anchor:not([href$="#"]):hover .member-page-client-card-image-holder {
    border-color: #ffd800;
    box-shadow: 0 10px 15px -3px color-mix(in oklab, lab(19.7852% 6.62501 -39.7722 / .05) 100%, transparent), 0 4px 6px -4px color-mix(in oklab, lab(19.7852% 6.62501 -39.7722 / .05) 100%, transparent);
    transform: scale(1.05);
}

.member-page-client-card-anchor:not([href$="#"]):hover .member-page-client-card-image-holder img {
    filter: grayscale(0%);
    opacity: 1;
}


/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/

@media only screen and (max-width: 1000px) {
    .member-page-client-cards-section .e-con-inner {
        flex-direction: column !important;
    }
}

@media only screen and (max-width: 1000px) {

    .member-page-client-cards-holder {
        gap: 4px;
    }

    .member-page-client-card-image-holder {
        width: 83px;
        height: 53px;
        border-radius: 8px;
    }
}