/* CSS Document */

.team-section-01 {position: relative;overflow: hidden;background: #000000;min-height: 850px;}

.team-section-01 .container-fluid{}

/* giant background text */
/*
.team-section-01::before {
    content: "TEAM"; position: absolute; left: 50%; top: 40%;
    transform: translate(-50%, -50%); font-size: clamp(140px, 22vw, 320px); font-weight: 800; color: rgba(255,255,255,.6);
    line-height: 1; z-index: 0; pointer-events: none;
}
*/

	
.team-title { font-size: 3rem; font-weight: 700; letter-spacing: 2px; }
.team-title {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: clamp(140px, 22vw, 320px);
    font-weight: 800;
    color: rgb(49 49 49 / 81%);
    opacity: .5;
    line-height: 1;
    z-index: 0;
    pointer-events: none;
    /* text-shadow: 1px 1px 0px #ffffff66, -1px -1px 0px #ffffff66; */
}
.team-slider-wrapper { position: relative; z-index: 2; padding-top: 80px;}

.team-slider .slick-track { display: flex; align-items: flex-end;}

.team-slide { padding: 0 15px; transition: transform .6s ease;}

.member-card { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 620px;}

.member-image {position: relative;transition: all .4s ease;}
.member-image::before {content: "";background: linear-gradient(0deg, #494949, transparent);width: 100%;height: 0%;position: absolute;bottom: 0;left: 0;z-index: -1;transition: all .6s ease-in-out;}


.member-image img {width: 100%;max-width: 300px;display: block;object-fit: contain;will-change: transform;backface-visibility: hidden;/* filter: grayscale(100%) brightness(1.1); */}

.member-info {width: 100%;background: #1c1c1c;padding: 20px 10px;text-align: center;margin-top: -20px;position: relative;z-index: 2;transition: all .6s ease-in-out;}

.member-info h4 {color: #ffffff;font-weight: 700;margin-bottom: 0px;text-transform: uppercase;}

.member-info span { color: #777; font-size: 1rem; font-family: "Barlow", sans-serif; font-weight: 500;}

.member-image img {transform-origin: center bottom;transition: all .6s ease-in-out;}

.member-card:hover .member-image img{ transform: scale(1.15);}
.member-card:hover .member-image::before{height:100%;transition: all .6s ease-in-out;}
.member-card:hover .member-info{background: #4c4c4c;box-shadow: -1px -6px 10px #333232;transition: all .6s ease-in-out;}


.slick-center { z-index: 3;}

.team-prev,
.team-next {
    color: #909090;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border: 0;
    background: #1f1f1f87;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    backdrop-filter: blur(5px);
    z-index: 10;
}

.team-prev { left: -30px;}

.team-next { right: -30px;}

.team-prev i,.team-next i { font-size: 22px;}


@media(max-width:1440px){
	.member-card {height: 530px;}
}
@media(max-width:1366px){
	.member-card {height: 500px;}
}

@media(max-width:991px){

    .member-card {
        height: 500px;
    }

    .member-image img {
        max-width: 220px;
    }
}

@media(max-width:767px){

    .team-section-01 {
        min-height: auto;
        padding-bottom: 80px;
    }

    .member-card {
        height: 420px;
    }

    .member-image img {
        max-width: 180px;
    }

    .team-prev,
    .team-next {
        display: none !important;
    }
}