/*.team-members-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 30px;
}*/

.team-member-card {
	opacity: 1;
	/*transform: translateY(30px);
    transition:
		opacity 0.6s ease-out,
		transform 0.6s ease-out;
    will-change: opacity, transform;*/
    text-align: center;
	/*box-shadow: 0px 18px 62px rgba(26, 67, 122, 0.05);*/
	box-shadow: 0px 16px 31px 0px rgba(0, 0, 0, 0.125);
	background-color: #fff;
   /* transition: all 0.3s ease;*/
	overflow: hidden;
	border-radius: 12px;
}

/* Only animate when JS is active */
.js .team-member-card {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.3s ease-out,
        transform 0.3s ease-out,
		box-shadow 0.3s ease-out;
    transition-delay: var(--reveal-delay, 0s);
    will-change: opacity, transform;
}

.team-member-card.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.team-member-card:hover {
	/*box-shadow: 0px 25px 65px rgba(26, 67, 122, 0.6); */
	box-shadow: 0px 25px 65px 0px rgba(0, 0, 0, 0.25);
	transform: translateY(-6px);
}

.team-member-image img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    margin-bottom: 10px;
}

.team-member-name {
    margin-bottom: 5px;
}

.team-member-social-links {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 10px !important;
    margin-top: 10px;
}

.team-member-social-links li {
    display: inline-block;
}

.team-member-social-links a {
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}


/* Default multi-team-member grid layout */
.team-members-grid.multi-team-member {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 100px;
}

.team-member-image {
    height: 35vh;
    max-height: 420px;
    overflow: hidden;
    position: relative;
}

.team-member-image a {
    display: block;
    width: 100%;
    height: 100%;
	position: relative;
}

.team-member-image img {
	position: absolute;
    inset: 0; 
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;     
    object-position: center;
    display: block;
    transition: transform 0.3s ease;
}


.team-member-card:hover .team-member-image img {
    transform: scale(1.05);
}

.team-member-info {
	padding: 30px;
}


@media (max-width: 1440px) {
	.team-members-grid.multi-team-member {
		gap: 80px;
	}
}

@media (max-width: 1280px) {
	.team-members-grid.multi-team-member {
		gap: 30px;
	}
}

/* Tablet View (2 columns) */
@media (max-width: 1024px) {
    .team-members-grid.multi-team-member {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile View (1 column) */
@media (max-width: 768px) {
    .team-members-grid.multi-team-member {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
}

/* Single team-member layout (always 1 column) */
.team-members-grid.single-team-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Ensure team-member card fits nicely in a single column view */
.team-members-grid.single-team-member .team-member-card {
    width: 100%;
    max-width: 600px; /* Adjust width as needed */
}