:root{
    --cardOffset : (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;
}

.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 {
    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 {
    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:hover .triangle-rectangle {
    clip-path: polygon(0 50%,
    100% 50%,
    100% 100%,
    0 100%);
}

.card: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;
}