/*** 

====================================================================
	Team One
====================================================================

***/

.team-one {
	position: relative;
	display: block;
	padding: 120px 0px 90px;
	overflow: hidden;
	z-index: 1;
}

.team-one__shape-2 {
	position: absolute;
	bottom: -268px;
	left: 0;
	opacity: .70;
	z-index: -1;
}

.team-one__shape-2 img {
	width: auto;
}

.team-one__shape-3 {
	position: absolute;
	bottom: -268px;
	right: 0;
	opacity: .70;
	z-index: -1;
}

.team-one__shape-3 img {
	width: auto;
}

.team-one .section-sub-title-box {
	margin-left: 0;
}

.team-one__inner {
	position: relative;
	display: block;
	margin-left: 18px;
}

.team-one__inner .row {
	--bs-gutter-x: 48px;
}

.team-one__single {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.team-one__img-box {
	position: relative;
	display: block;
	z-index: 1;
}

.team-one__shape-1 {
	position: absolute;
	bottom: -16px;
	left: -18px;
	border-style: solid;
	border-width: 1px;
	border-color: var(--main-color);
	width: 152px;
	height: 292px;
	border-top-left-radius: 100px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: -1;
}

.team-one__single:hover .team-one__shape-1,
.team-one__single.active .team-one__shape-1 {
	border-color: rgb(223, 223, 225);
}

.team-one__img {
	position: relative;
	display: block;
	overflow: hidden;
	border-top-right-radius: 100px;
	z-index: 1;
}

.team-one__img:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: rgba(var(--color-two-rgb), .30);
	width: 0%;
	transform: translateY(100%);
	border-top-right-radius: 100px;
	transition: all 500ms ease;
	z-index: 1;
}

.team-one__single:hover .team-one__img:before,
.team-one__single.active .team-one__img:before {
	transform: translateY(0);
	width: 100%;
}

.team-one__img img {
	width: 100%;
	border-top-right-radius: 100px;
	transition: all 500ms ease;
	transform: scale(1);
}

.team-one__single:hover .team-one__img img,
.team-one__single.active .team-one__img img {
	transform: scale(1.05);
}

.team-one__social {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	padding: 30px 18px 30px;
	background-color: rgba(var(--main-color-rgb), .90);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	transform: scaleY(0.0);
	transform-origin: center;
	transform-style: preserve-3d;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	transform-origin: bottom center;
	z-index: 1;
}

.team-one__single:hover .team-one__social,
.team-one__single.active .team-one__social {
	transform: scaleY(1.0);
	transition-delay: 500ms;
}

.team-one__social li+li {
	margin-top: 30px;
}

.team-one__social li a {
	font-size: 16px;
	color: var(--white-color);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__social li a:hover {
	color: var(--color-two);
}

.team-one__content-box {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 2;
}

.team-one__content {
	position: relative;
	display: block;
	text-align: right;
	padding: 17px 35px 16px;
	border: 1px solid var(--color-four);
	border-top: 0;
	border-bottom-left-radius: 100px;
	background-color: var(--white-color);
	transform: scaleX(0.0);
	transform-origin: center;
	transform-style: preserve-3d;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	transform-origin: right center;
	z-index: 2;
}

.team-one__single:hover .team-one__content,
.team-one__single.active .team-one__content {
	transform: scaleX(1.0);
	transform-origin: left center;
	transition-delay: 500ms;
}

.team-one__name {
	margin-bottom: 3px;
}

.team-one__name a {
	color: var(--color-two);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-one__name a:hover {
	color: var(--main-color);
}

.team-one__sub-title {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

/*** 

====================================================================
	Team Two
====================================================================

***/
.team-two {
	position: relative;
	display: block;
	padding: 0 0 90px;
	z-index: 1;
}

.team-two .container {
	max-width: 1200px;
}

.team-two__top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 38px;
}

.team-two__top .section-title {
	margin-bottom: 0;
}

.team-two__btn-box {
	position: relative;
	display: block;
}

.team-two__bottom {
	position: relative;
	display: block;
}

.team-two__single {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.team-two__img {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 15px;
	z-index: 1;
}

.team-two__img:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: rgba(var(--color-two-rgb), .30);
	width: 0%;
	transform: translateY(100%);
	transition: all 500ms ease;
	z-index: 1;
}

.team-two__single:hover .team-two__img:before {
	transform: translateY(0);
	width: 100%;
}

.team-two__img img {
	width: 100%;
	transition: all 500ms ease;
	transform: scale(1);
}

.team-two__single:hover .team-two__img img {
	transform: scale(1.05);
}

.team-two__social {
	position: absolute;
	bottom: 0;
	left: 18px;
	right: 18px;
	background-color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16.5px 0;
	transform: scaleY(0.0);
	transform-origin: center;
	transform-style: preserve-3d;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	transform-origin: bottom center;
	z-index: 2;
}

.team-two__single:hover .team-two__social {
	transform: scaleY(1.0);
	transition-delay: 500ms;
}

.team-two__social a {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 15px;
	color: var(--gray-color);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-two__social a:hover {
	color: var(--main-color);
}

.team-two__social a+a {
	margin-left: 25px;
}

.team-two__content {
	position: relative;
	display: block;
	border: 1px solid var(--color-four);
	text-align: center;
	padding: 212px 0 21px;
	margin-top: -191px;
}

.team-two__title {
	margin-bottom: 3px;
}

.team-two__title a {
	color: var(--color-two);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-two__title a:hover {
	color: var(--main-color);
}

.team-two__sub-title {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

/*** 

====================================================================
	Team Three
====================================================================

***/
.team-three {
	position: relative;
	display: block;
	background-color: var(--color-two);
	z-index: 1;
}

.team-three__shape-1 {
	position: absolute;
	top: -108px;
	left: 0;
	opacity: 0.25;
	z-index: -1;
}

.team-three__shape-1 img {
	width: auto;
}

.team-three__left {
	position: relative;
	display: block;
	margin-right: 50px;
	margin-top: 120px;
}

.team-three__left .section-sub-title {
	color: var(--white-color);
}

.team-three__left .section-title__title {
	color: var(--white-color);
}

.team-three__left .section-title {
	margin-bottom: 30px;
}

.team-three__text {
	color: #b7b3b4;
}

.team-three__right {
	position: relative;
	display: block;
	margin-left: -80px;
	margin-right: -550px;
}

.team-three__single {
	position: relative;
	display: block;
}

.team-three__img-box {
	position: relative;
	display: block;
}

.team-three__img {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
}

.team-three__img:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: rgba(var(--color-two-rgb), .30);
	width: 0%;
	transform: translateY(100%);
	transition: all 500ms ease;
	z-index: 1;
}

.team-three__single:hover .team-three__img:before {
	transform: translateY(0);
	width: 100%;
}

.team-three__img img {
	width: 100%;
	transition: all 500ms ease;
	transform: scale(1);
}

.team-three__single:hover .team-three__img img {
	transform: scale(1.05);
}


.team-three__content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 100px;
	background-color: var(--white-color);
	padding: 16px 40px 13px;
	z-index: 2;
}

.team-three__sub-title {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 26px;
}

.team-three__name a {
	color: var(--color-two);
}

.team-three__hover-content-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 100px;
	background-color: var(--white-color);
	transform: scaleY(0.0);
	transform-origin: center;
	transform-style: preserve-3d;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	transform-origin: bottom center;
	z-index: 2;
}

.team-three__single:hover .team-three__hover-content-box {
	transform: scaleY(1.0);
	transition-delay: 500ms;
}

.team-three__social {
	position: relative;
	display: flex;
	align-items: center;
	padding: 12.5px 40px;
	background-color: var(--main-color);
	z-index: 3;
}

.team-three__social:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 40px;
	border-top: 4px solid var(--main-color);
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
}

.team-three__social a {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 15px;
	color: var(--white-color);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-three__social a:hover {
	color: var(--color-two);
}

.team-three__social a+a {
	margin-left: 30px;
}

.team-three__hover-content {
	position: relative;
	display: block;
	background-color: var(--white-color);
	padding: 16px 40px 13px;
	padding-right: 0px;
	z-index: 2;
}

.team-three__hover-sub-title {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 26px;
}

.team-three__hover-name a {
	color: var(--color-two);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-three__hover-name a:hover {
	color: var(--main-color);
}

/*** 

====================================================================
	Team Four
====================================================================

***/
.team-four {
	position: relative;
	display: block;
	background-color: var(--color-three);
	padding: 120px 0 90px;
	border-bottom: 1px solid var(--color-four);
}









/*** 

====================================================================
	Team Details
====================================================================

***/
.team-details {
	position: relative;
	display: block;
	padding: 120px 0 120px;
	z-index: 1;
}

.team-details .container {
	max-width: 1200px;
}

.team-details__left {
	position: relative;
	display: block;
	margin-right: 20px;
}

.team-details__img {
	position: relative;
	display: block;
}

.team-details__img img {
	width: 100%;
}

.team-details__name-box {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 270px;
	width: 100%;
	background-color: var(--white-color);
	padding: 18px 40px 15px;
}

.team-details__sub-title {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.team-details__name {
	font-size: 24px;
	font-weight: 500;
	line-height: 29px;
}

.team-details__social-box {
	position: absolute;
	right: -50px;
	bottom: 0;
}

.team-details__social {
	position: relative;
	display: block;
	background-color: var(--color-two);
	padding: 15px 13px 15px;
}

.team-details__social li {
	position: relative;
	display: block;
}

.team-details__social li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: var(--white-color);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	height: 54px;
	width: 54px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}

.team-details__social li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background-color: rgba(var(--white-color-rgb), .10);
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	z-index: -1;
}

.team-details__social li a:hover:before {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.team-details__right {
	position: relative;
	display: block;
	margin-left: 70px;
}

.team-details__right .section-title {
	margin-bottom: 20px;
}

.team-details__points {
	position: relative;
	display: block;
	margin-top: 29px;
	margin-bottom: 43px;
}

.team-details__points li {
	position: relative;
	display: flex;
	align-items: center;
}

.team-details__points li+li {
	margin-top: 20px;
}

.team-details__points li .icon {
	position: relative;
	display: inline-block;
}

.team-details__points li .icon span {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	font-size: 20px;
	color: var(--main-color);
}

.team-details__points li .text {
	margin-left: 16px;
}

.team-details__points-box {
	position: relative;
	display: flex;
	align-items: center;
}

.team-details__points-2 {
	position: relative;
	display: block;
}

.team-details__points-2 li {
	position: relative;
	display: flex;
	align-items: center;
}

.team-details__points-2 li+li {
	margin-top: 16px;
}

.team-details__points-2 li h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: var(--main-color);
}

.team-details__points-2 li p {
	font-size: 18px;
	font-weight: 400;
	margin-left: 6px;
}

.team-details__points-2 li p a {
	color: var(--gray-color);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-details__points-2 li p a:hover {
	color: var(--main-color);
}

.team-details__points-3 {
	margin-left: 70px;
}

/*** 

====================================================================
	Team Page
====================================================================

***/
.team-page {
	position: relative;
	display: block;
	padding: 120px 0px 90px;
	z-index: 1;
}

.team-page__shape-1 {
	position: absolute;
	left: 0;
	bottom: 133px;
	opacity: .60;
	z-index: -1;
}

.team-page__shape-1 img {
	width: auto;
}

.team-page__shape-2 {
	position: absolute;
	right: 0;
	bottom: 133px;
	opacity: .60;
	z-index: -1;
}

.team-page__shape-2 img {
	width: auto;
}

/*** 

====================================================================
	Team Carousel Page
====================================================================

***/
.team-carousel-page {
	position: relative;
	display: block;
	padding: 120px 0 170px;
}

.team-carousel-page .container {
	max-width: 1200px;
}

.team-carousel-page .team-one__single {
	margin-bottom: 0;
}




.carousel-dot-style.owl-carousel .owl-stage-outer {
	overflow: visible;
}

.carousel-dot-style.owl-carousel .owl-item {
	opacity: 0;
	visibility: hidden;
	transition: opacity 500ms ease, visibility 500ms ease;
}

.carousel-dot-style.owl-carousel .owl-item.active {
	opacity: 1;
	visibility: visible;
}

.carousel-dot-style.owl-carousel .owl-dots {
	position: absolute;
	bottom: -50px;
	left: 0px;
	right: 0;
	text-align: center;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel-dot-style.owl-carousel .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--main-color);
	margin: 0px 5px;
	padding: 0px;
	transition: all 100ms linear;
	transition-delay: 0.1s;
}

.carousel-dot-style.owl-carousel .owl-dot.active {
	width: 10px;
	height: 10px;
	background-color: var(--color-two);
}

.carousel-dot-style.owl-carousel .owl-dot:focus {
	outline: none;
}

.carousel-dot-style.owl-carousel .owl-dots .owl-dot span {
	display: none;
}

/*** 

====================================================================
	Team Five
====================================================================

***/

.team-five .container {
  max-width: 1320px;
}

.team-five .section-title{
	margin-bottom:60px;
}

.team-two__img.team-five__img{
	margin:0px;
}

.team-five .team-two__title{
	font-weight:700;
}

.team-five .team-two__content{
	margin-top:0px;
	padding:25px;
	border-color:#efefef;
}

/* End */