.team-members .slick-slide {
	padding: 10px;
}

.team-member-item img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%; 
    margin-bottom: 20px;
}

.card-features.team-members .sow-features-feature.team-member-item {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

.team-member-item .team-member-info * {
	display: block;
	text-align: center;
}

.team-members .team-member-item.sow-features-feature {
    background-color: var(--ast-global-color-8);
    padding: 25px 25px 15px 25px !important;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: var(--transition-3);
}

.card-features .team-member-item.sow-features-feature .team-member-info * {
    margin-bottom: 10px;
}

.team-members {
    display: flex;
    align-items: center;
}

.team-members .slick-prev.slick-arrow,
.team-members .slick-next.slick-arrow {
	position: relative;
	display: flex;
    padding: 0;
    width: 30px;
	min-width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 1rem;
	background-color: var(--ast-global-color-0);
	color: #fff;
	transition: .3s ease-in-out;
}

.team-members .slick-arrow:hover {
	background-color: var(--ast-global-color-1);
}

.team-members .slick-dots {	    
    position: absolute;
    bottom: -65px;
    display: flex;
	gap: 15px;
    left: 50%;
    transform: translateX(-50%);
	padding: 0;
}

.team-members .slick-dots li::before {
	content: none;
}

.team-members .slick-dots li button {
	color: transparent;
    font-size: 0.8rem;
    padding: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--ast-global-color-0);
    background-color: transparent;
	transition: .3s ease-in-out;
}

.team-members .slick-dots li:hover button,
.team-members .slick-dots li.slick-active button {
    border: 2px solid var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
}

/************** Lightbox *****************/

.fancybox-skin {
	border-radius: 10px;
}

.employee-lightbox-content {
    max-width: 992px;
    max-height: 90vh;
	display: grid;
	grid-template-columns: 2fr 3fr; 
	grid-template-rows: min-content 1fr;  
    padding: 40px 40px 25px 40px;
    border-radius: 12px;
    overflow: hidden;
}

.employee-lightbox-content .image {
	grid-row: span 2; 	
	margin-right: 40px;
}

.employee-lightbox-content .image img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%; 
}

.employee-lightbox-content .team-member-excerpt {
	margin-bottom: 0;
	font-weight: normal;
	color: var(--ast-global-color-0);
	border-bottom: 2px solid var(--ast-global-color-0);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 576px) {
	.employee-lightbox-content {
		display: block;
		padding: 30px 30px 25px 30px;
	}
	
	.employee-lightbox-content .image {
		margin: 0 0 20px 0;
	}
	
	.employee-lightbox-content .staff__name {
		text-align: center;
	}
	
	.team-members .team-member-item.sow-features-feature {
		padding: 25px 20px 15px 20px !important;
	}
	
	.team-members .slick-prev.slick-arrow {
		margin-right: -12px;
		left: -10px;
	}
	
	.team-members .slick-next.slick-arrow {
		margin-left: -12px;
		right: -10px;
	}
	
	.team-members .slick-dots {	    
		gap: 10px;
	}
	
	.team-members .slick-dots li button {
		width: 25px;
		height: 15px;
	}
}

@media screen and (max-width: 357px) {
	.employee-lightbox-content {
		padding: 25px 20px 30px 20px;
	}
}