.fzt-team-showcase-container {
	align-items: center;
	display: flex;
	gap: 80px;
	justify-content: center;
	width: 100%;
}

.fzt-team-showcase-content-list {
	align-items: flex-start;
	display: flex;
	flex-basis: 100%;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: flex-start;
	line-height: 1;
	padding: 80px 0;
}

.fzt-team-showcase-content-list .fzt-team-content {
	align-items: baseline;
	border-bottom: 1px solid #d3d3d3;
	display: flex;
	flex-direction: row;
	justify-content: inherit;
	padding: 50px 0;
	position: relative;
	text-align: inherit;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	width: 100%;
	z-index: 1;
}

.fzt-team-showcase-content-list .fzt-team-content:after {
    background-color: var(--builet-primary-color);
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: var(--transition);
	-webkit-transition: var(--transition);
    width: 0;
}

.fzt-team-showcase-content-list .fzt-team-content:hover:after, .fzt-team-showcase-content-list .fzt-team-content.active:after {
	width: 100%;
}

.fzt-team-showcase-content-list .fzt-team-content .fzt-team-detials {
    align-items: baseline;
    display: flex;
	flex-basis: 75%;
    flex-direction: row;
}

.fzt-team-showcase-content-list .fzt-team-content .fzt-team-role {
	align-items: inherit;
	color: var(--builet-heading-color);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--builet-h6-font-size);
	font-weight: 500;
	justify-content: inherit;
	padding: 0 10px 0 20px;
	position: relative;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	width: auto;
}

.fzt-team-showcase-content-list .fzt-team-content .fzt-team-title,
.fzt-team-showcase-content-list .fzt-team-content .fzt-team-title>* {
	color: var(--builet-heading-color);
	display: inline-flex;
	font-family: var(--builet-h2-font-family);
	font-size: var(--builet-h4-font-size);
	font-weight: 600;
	justify-content: inherit;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

.fzt-team-showcase-content-list .fzt-team-content .fzt-team-title span {
	transition: var(--transition);
	-webkit-transition: var(--transition);
}

.fzt-team-showcase-content-list .fzt-team-content .fzt-team-view-details {
	flex-basis: 25%;
	text-align: right;
}

.fzt-team-showcase-content-list .fzt-team-content .fzt-team-view-details a {
	color: var(--builet-heading-color);
	font-size: var(--builet-body-font-size);
	font-weight: 500;
	letter-spacing: 0.8px;
	position: relative;
	text-transform: uppercase;
}

.fzt-team-showcase-content-list .fzt-team-content .fzt-team-view-details a:after {
	color: var(--builet-heading-color);
    content: "\f178";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-size: 17px;
    font-weight: 300;
	margin-left: 15px;
    -webkit-transition: var(--transition);
	transition: var(--transition);
}


.fzt-team-showcase-content-list .fzt-team-content:hover .fzt-team-title a,
.fzt-team-showcase-content-list .fzt-team-content:hover .fzt-team-title span,
.fzt-team-showcase-content-list .fzt-team-content:hover .fzt-team-role,
.fzt-team-showcase-content-list .fzt-team-content:hover .fzt-team-view-details a,
.fzt-team-showcase-content-list .fzt-team-content:hover .fzt-team-view-details a:after {
	color: var(--builet-primary-color);
}

.fzt-team-showcase-container .fzt-team-content .fzt-team-thumb {
	left: 65%;
	opacity: 0;
	position: absolute;
	top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: var(--transition);
    transition: var(--transition);
	z-index: 1;
}

.fzt-team-showcase-container .fzt-team-content .fzt-team-thumb img {
    aspect-ratio: 1;
	border-radius: inherit;
    mask: calc(50% + var(--s)* 0.412) calc(50% + var(--s)* 0) var(--g), calc(50% + var(--s)* 0.357) calc(50% + var(--s)* 0.206) var(--g), calc(50% + var(--s)* 0.206) calc(50% + var(--s)* 0.357) var(--g), calc(50% + var(--s)* 0) calc(50% + var(--s)* 0.412) var(--g), calc(50% + var(--s)* -0.206) calc(50% + var(--s)* 0.357) var(--g), calc(50% + var(--s)* -0.357) calc(50% + var(--s)* 0.206) var(--g), calc(50% + var(--s)* -0.412) calc(50% + var(--s)* 0) var(--g), calc(50% + var(--s)* -0.357) calc(50% + var(--s)* -0.206) var(--g), calc(50% + var(--s)* -0.206) calc(50% + var(--s)* -0.357) var(--g), calc(50% + var(--s)* 0) calc(50% + var(--s)* -0.412) var(--g), calc(50% + var(--s)* 0.206) calc(50% + var(--s)* -0.357) var(--g), calc(50% + var(--s)* 0.357) calc(50% + var(--s)* -0.206) var(--g), radial-gradient(calc(var(--s)* 0.441), #000 99%, #0000 101%) subtract, calc(50% + var(--s)* 0.461) calc(50% + var(--s)* 0.123) var(--g), calc(50% + var(--s)* 0.337) calc(50% + var(--s)* 0.337) var(--g), calc(50% + var(--s)* 0.123) calc(50% + var(--s)* 0.461) var(--g), calc(50% + var(--s)* -0.123) calc(50% + var(--s)* 0.461) var(--g), calc(50% + var(--s)* -0.337) calc(50% + var(--s)* 0.337) var(--g), calc(50% + var(--s)* -0.461) calc(50% + var(--s)* 0.123) var(--g), calc(50% + var(--s)* -0.461) calc(50% + var(--s)* -0.123) var(--g), calc(50% + var(--s)* -0.337) calc(50% + var(--s)* -0.337) var(--g), calc(50% + var(--s)* -0.123) calc(50% + var(--s)* -0.461) var(--g), calc(50% + var(--s)* 0.123) calc(50% + var(--s)* -0.461) var(--g), calc(50% + var(--s)* 0.337) calc(50% + var(--s)* -0.337) var(--g), calc(50% + var(--s)* 0.461) calc(50% + var(--s)* -0.123) var(--g);
	object-fit: cover;
    width: var(--s);
	--s: 300px;
    --g: /calc(var(--s)*0.133) calc(var(--s)*0.133) radial-gradient(50% 50%,#000 99%,#0000 101%) no-repeat;
}

.fzt-team-showcase-container .fzt-team-content.active .fzt-team-thumb {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.fzt-team-showcase-content-list .fzt-team-content.active {
	opacity: 1;
}

.fzt-team-showcase-content-list .fzt-team-content.active .fzt-team-title a,
.fzt-team-showcase-content-list .fzt-team-content.active .fzt-team-title span,
.fzt-team-showcase-content-list .fzt-team-content.active .fzt-team-role,
.fzt-team-showcase-content-list .fzt-team-content.active .fzt-team-view-details a,
.fzt-team-showcase-content-list .fzt-team-content.active .fzt-team-view-details a:after {
	color: var(--builet-primary-color);
}

/* Responsive */

/* Laptop, 1281px and up */
@media (min-width: 1281px) and (max-width: 1440px) {

}

/* Tablets - Landscape, 1025px and up */
@media (min-width: 1025px) and (max-width: 1280px) {


}

/* Mobile - Landscape, less than 767px */
@media (min-width: 576px) and (max-width: 767px) {

	.fzt-team-showcase-content-list {
		flex-basis: 100%;
		padding: 0;
		width: 100%;
	}

}

/* Mobile - Portrait, less than 575px */
@media (max-width: 575px) {

	.fzt-team-showcase-container {
		align-items: center;
		flex-direction: column-reverse;
		flex-wrap: wrap;
		gap: 100px;
	}

	.fzt-team-showcase-content-list {
		flex-basis: 100%;
		gap: 30px;
		padding: 0;
		width: 100%;
	}

}