:root {
	--paddingSlider: 4rem;
}

@media only screen and (max-width: 1200px) {
	:root {
		--paddingSlider: 2.4rem;
	}
}

@media only screen and (max-width: 850px) {
	:root {
		--paddingSlider: 1.2rem;
	}
}

@media only screen and (max-width: 450px) {
	:root {
		--paddingSlider: 0.8rem;
	}
}

.exp-team-header {
	margin-bottom: 4rem;
}

.exp-team-tt {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
}

.exp-team-content {
	overflow: hidden;
}

.exp-team-list {
	flex-wrap: nowrap;
}

.exp-team-slider {
	width: calc(100% + var(--paddingSlider) * 2);
	margin-left: calc(-1 * var(--paddingSlider));
}

.exp-team-slider .swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: row;
}

.exp-team-slider:not(:last-child) {
	margin-bottom: 0.8rem;
}

.exp-team-slider-item .list {
	padding: 0 2.8rem;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	height: 100%;
}

.exp-team-slider-item {
	flex-shrink: 0;
	height: auto;
	padding: 0 var(--paddingSlider);
	margin-bottom: 0.8rem;
}

.exp-team-slider-item .item {
	margin-bottom: 0.8rem;
	height: 100%;
}

.exp-team-slider:last-child .exp-team-slider-item .item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: unset;
}

.exp-team-slider-item .wrap {
	align-items: stretch;
	border-radius: 0.8rem;
	border: 0.1rem solid rgba(0, 0, 0, 0.16);
	overflow: hidden;
	height: 100%;
}

@media only screen and (min-width: 1201px) {
  .exp-team-slider-item .wrap:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .exp-team-slider-item .wrap:hover .img-block img {
    transform: scale(1.1)
  }
}

.exp-team-slider-item .item .content {
	flex: 1;
	padding: 1.4rem;
	padding-left: 2.4rem;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}

.exp-team-slider-item .item .img {
	width: calc(100% * (254 / 544));
}

.exp-team-slider-item .item .img-block {
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
}

.exp-team-slider-item .item .sticky {
	font-size: 1.4rem;
	color: #fff;
	padding: 0.4rem 0.8rem;
	border-radius: 0.4rem;
	margin-bottom: 1rem;
	display: inline-block;
	max-width: max-content;
}

.exp-team-slider-item .item .desc {
	font-size: 1.8rem;
	transition: 0.3s;
	display: block;
}

@media only screen and (max-width: 1200px) {
	.exp-team-slider-item .list {
		padding: 0 2.4rem;
	}

	.exp-team-slider-item .item .desc {
		font-size: 1.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
	}

	.exp-team-slider-item .item .img {
		width: calc(100% * (210 / 560));
	}

	.exp-team-slider-item .item .content {
		padding: 1.2rem;
	}
}

@media only screen and (max-width: 950px) {
	.exp-team-slider-item .list {
		padding: 0 1.2rem;
	}

	.exp-team-slider-item {
		width: calc(100% * (8 / 12));
	}
}

@media only screen and (max-width: 768px) {
	.exp-team-tt {
		width: 100%;
	}

	.exp-team-slider-item {
		width: calc(100% * (10 / 12));
	}

	.exp-team-slider-item .item .desc {
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 576px) {
	.exp-team-slider-item {
		width: calc(100% * (11 / 12));
	}

	.exp-team-slider-item .item .desc {
		display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
	}

	.container-lg .d-flex.f-ctn.exp-team-list {
		width: calc(100% + 1.6rem);
		margin-left: -1.6rem;
	}

	.exp-team-slider-item .item .sticky {
		margin-bottom: 0.4rem;
		font-size: 1.2rem;
	}

	.exp-team-slider-item .item .img {
		width: calc(100% * (210 / 500));
	}
}

.exp-team-btn {
	margin-top: 3.2rem;
}
