/** team-section **/

.team-section {
	position: relative;
}

.team-block-one .inner-box {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border-radius: 20px;
	border: 4px solid #fff;
	margin-bottom: 30px;
	z-index: 1;
}

.team-block-one .inner-box .image-box {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 20px;
}

.team-block-one .inner-box .image-box img {
	width: 100%;
	transition: all 0.21s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.team-block-one .inner-box:hover .image-box img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}

.team-block-one .inner-box .content-box {
	position: absolute;
	left: 20px;
	bottom: 0px;
	width: calc(100% - 40px);
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 10px;
	backdrop-filter: blur(88px);
	padding: 17px 15px 15px 15px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}



.team-block-one .inner-box:hover .content-box {
	bottom: 20px;
	opacity: 1;
	visibility: visible;
}

.team-block-one .inner-box .content-box h3 {
	display: block;
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 2px;
}

.team-block-one .inner-box .content-box h3 a {
	display: inline-block;
	color: var(--title-color);
}

.team-block-one .inner-box .content-box .designation {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
}

.team-block-one .inner-box .content-boxs {
	position: absolute;
	left: 20px;
	bottom: 0px;
	width: calc(100% - 40px);
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 10px;
	backdrop-filter: blur(88px);
	padding: 17px 15px 15px 15px;
	z-index: 1;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.team-block-one .inner-box:hover .content-boxs {
	bottom: 20px;
	opacity: 1;
	visibility: visible;
}

.team-block-one .inner-box .content-boxs h3 {
	display: block;
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 2px;
}

.team-block-one .inner-box .content-boxs h3 a {
	display: inline-block;
	color: var(--title-color);
}

.team-block-one .inner-box .content-boxs .designation {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
}

.team-block-two {
	position: relative;
	max-width: 300px;
	margin: 0 auto;
}

.team-block-two .inner-box {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.team-block-two .inner-box .image-box {
	position: relative;
	display: block;
}

.team-block-two .inner-box .image-box .image {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #fff;
}

.team-block-two .inner-box .image-box .image img {
	width: 100%;
	transition: all 0.21s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.team-block-two .inner-box:hover .image-box .image img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
	opacity: 0.4;
}

.team-block-two .inner-box .image-box .social-links {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 2;
	gap: 15px;
}

.team-block-two .inner-box .image-box .social-links li {
	position: relative;
	-webkit-transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		-webkit-transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		-webkit-box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		-webkit-transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		-webkit-box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		-webkit-transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		-webkit-box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	opacity: 0;
	-webkit-transform: translateY(0.625rem);
	transform: translateY(0.625rem);
}

.team-block-two .inner-box:hover .image-box .social-links li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.team-block-two .inner-box .image-box .social-links li:first-child {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.team-block-two .inner-box .image-box .social-links li:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.team-block-two .inner-box .image-box .social-links li:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.team-block-two .inner-box .image-box .social-links li a {
	position: relative;
	display: inline-block;
	font-size: 35px;
	color: #fff;
}

.team-block-two .inner-box .content-box {
	position: relative;
	display: block;
	background-color: #fff;
	border-radius: 10px;
	padding: 17px 20px 15px 20px;
	margin-top: -54px;
	z-index: 2;
}

.team-block-two .inner-box .content-box h3 {
	display: block;
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 2px;
}

.team-block-two .inner-box .content-box h3 a {
	display: inline-block;
	color: var(--title-color);
}

.team-block-two .inner-box .content-box .designation {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #6e6e6e;
}

.team-section .pattern-layer {
	position: absolute;
	left: 0px;
	bottom: -100px;
	width: 455px;
	height: 786px;
	background-repeat: no-repeat;
}

.team-section .pattern-layer-2 {
	position: absolute;
	left: 0px;
	top: -80px;
	width: 100%;
	height: calc(100% + 80px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: -1;
}

.team-section.home-4 .team-block-two .inner-box .image-box .image {
	border-radius: 20px;
}

.team-section.home-4 .team-block-two .inner-box .content-box {
	width: calc(100% - 40px);
	left: 20px;
	box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.08);
}

.team-section .inner-container {
	border-bottom: 1px solid #e5e5e5;
}

.team-block-three .inner-box {
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.team-block-three .inner-box .image-box {
	position: relative;
	display: block;
}

.team-block-three .inner-box .image-box .image {
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.team-block-three .inner-box .image-box .image img {
	width: 100%;
	transition: all 0.21s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.team-block-three .inner-box:hover .image-box .image img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
	opacity: 0.4;
}

.team-block-three .inner-box .image-box .social-links {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 2;
	gap: 15px;
}

.team-block-three .inner-box .image-box .social-links li {
	position: relative;
	-webkit-transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		-webkit-transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		-webkit-box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		-webkit-transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		-webkit-box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	transition: opacity 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		background-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		border-color 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1),
		-webkit-transform 0.25s cubic-bezier(0.17, 0.62, 0.44, 0.99),
		-webkit-box-shadow 0.1s cubic-bezier(0.28, 0.12, 0.22, 1);
	opacity: 0;
	-webkit-transform: translateY(0.625rem);
	transform: translateY(0.625rem);
}

.team-block-three .inner-box:hover .image-box .social-links li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.team-block-three .inner-box .image-box .social-links li:first-child {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.team-block-three .inner-box .image-box .social-links li:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.team-block-three .inner-box .image-box .social-links li:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.team-block-three .inner-box .image-box .social-links li a {
	position: relative;
	display: inline-block;
	font-size: 35px;
	color: #fff;
}

.team-block-three .inner-box .content-box {
	position: relative;
	display: block;
	padding-top: 25px;
}

.team-block-three .inner-box .content-box h4 {
	display: block;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 2px;
}

.team-block-three .inner-box .content-box h4 a {
	display: inline-block;
	color: var(--title-color);
}

.team-block-three .inner-box .content-box .designation {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #6e6e6e;
}

/** rtl-css **/

/** responsive-css **/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
	.team-section {
		padding: 70px 0px 40px 0px;
	}

	.team-section.home-4 {
		padding: 0px;
	}

	.team-section .inner-container {
		padding: 70px 0px 40px 0px;
	}
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 499px) {
}
