:root{
    --cardOffset : calc((100% - 168px) / 2);
    --shadowStyle : #2e2f3015 0px 1px 2px;
    --arrowSize : 35px;
}

.slick-next, .slick-prev{
    z-index: 10;
}

.slick-prev:before,
.slick-next:before {
    color: #0067ED;
    font-size: var(--arrowSize);
}

.slick-prev {
    left: 0;
    margin-left: 5px;
    size: var(--arrowSize);
}

.slick-next {
    right: 0;
    margin-right: 5px;
    size: var(--arrowSize);
}

.slick-arrow{
    size: var(--arrowSize);
}

/*.container_team_carrousel {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

.container_team_carrousel {
    width: 100%;
}

.eic-team-carousel-slider {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.card-container {
    /*padding-left: calc(var(--cardOffset));*/
    /*padding-right: calc(var(--cardOffset));*/
    height: 100%;

    transform: translateX(0);
    transition: transform 500ms ease-in-out;
}

.is-next .card-container {
    transform: translateX(calc(-1 * var(--cardOffset)));
}

.is-prev .card-container {
    transform: translateX(calc(var(--cardOffset)));
}

/* Team Member Card Widget Styles */
.card_member {
    width: fit-content;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    margin: 5.5px;
    box-shadow: var(--shadowStyle), var(--shadowStyle), var(--shadowStyle), var(--shadowStyle);
}

.photo_member {
    display: block;
    position: relative;

    width: 168px;
    aspect-ratio: 1 / 1;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    overflow: hidden;
}

.triangle-rectangle {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 32px;
    background: #fff;
    border-bottom: 5px solid #fff;

    clip-path: polygon(0 100%,
    100% 0,
    100% 100%,
    0 100%);

    transition: clip-path 0.4s ease-in-out;
}

.card_member:hover .triangle-rectangle {
    clip-path: polygon(0 50%,
    100% 50%,
    100% 100%,
    0 100%);
}

.card_member:hover {
    transform: scale(1.05);
    transition: ease-in-out 0.4s;
}

.card-content {
    padding: 1rem;
    border-top: 1px solid #fff;
}

.card-name h4 {
    margin: 0;
}

.card-job {
    margin-top: .5rem;
}

.card-link {
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .eic-team-carousel-slider .slick-slide {
        display: flex;
        justify-content: center;
    }

    .eic-team-carousel-slider .card-container {
        display: flex !important;
        justify-content: center;
    }
}