/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 12 2024 | 12:00:11 */
.teams-wrapper {
	width: 100%;
	position: relative;
	top: 40%;
}

.teams-wrapper .swiper-slide {
width: 290px;
/* 	height: 488px; */
/* 	display: flex;
	align-items: flex-end; */
	transition: all .25s ease-in-out;
	overflow: visible !important;
}

.teams-wrapper .swiper-slide .photo {
	position: relative;
	width: 290px;
	height: 344px;
	border-radius: 18px;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .25s ease-in-out;
}

.teams-wrapper .swiper-slide:hover {
	z-index: 99;
/* 	width: 376px; */
}

.teams-wrapper .swiper-slide:hover .photo {
	position: relative;
	transform: scale(1.2);
	transform-origin: bottom center;
/* 	width: 376px;
	height: 488px; */
}

.teams-wrapper .desc {
	position: absolute;
	transition: all .25s ease-in-out;
	visibility: hidden;
	opacity: 0;
	box-sizing: border-box;
	border-radius: 18px;
	width: 334px;
	padding: 30px;
	bottom: 100%;
	left: -90px;
	margin-bottom: -10px;
	background: #FFFFFF;
	box-shadow: 0px 15.3px 77.03px rgba(0, 0, 0, 0.07), 0px 50.115px 71.9208px rgba(0, 0, 0, 0.0482987);
}

.teams-wrapper .swiper-slide:hover .desc {
	opacity: 1;
	visibility: visible;
}

.teams-wrapper .desc .name {
	font-family: inherit;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 8px;
}

.teams-wrapper .desc .skill {
	font-family: inherit;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 13px;
}

.teams-wrapper .desc .tags span {
	display: inline-block;
	background: #F4F3F4;
	border-radius: 6px;
	padding: 3px 11px;
	font-family: inherit;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
}

.teams-wrapper .view-more {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 12px;
	right: 12px;
	background: #1B1820 url("/wp-content/uploads/2022/12/button-arrow-icon.svg") no-repeat center;
	border-radius: 24px;
	display:none;
}

@media screen and (max-width:500px) {
	.teams-wrapper .desc {
		border-radius: 18px;
		width: 100%;
		bottom: 100%;
		left: 0;
		margin-bottom: 10px;
	}
	.teams-wrapper {
    transform: scale(0.7);
}
}