.teamrowcol { display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start }
.team-left { width: 70%; display: flex; flex-wrap: wrap }
.team-right { width: 30%; padding-left: 30px }
section.team-section { padding: 0px 90px }
.team-left-inner { margin: 0px 15px; display: flex; width: calc(33.33% - 30px) }
.team-left-inner:nth-child(3n+1) { transform: translateY(0px) }
.team-left-inner:nth-child(3n+2) { transform: translateY(50px) }
.team-left-inner:nth-child(3n+3) { transform: translateY(100px) }
.teamname h5 { text-transform: capitalize; font-weight: 700; margin-bottom: 5px }
.team-right-inner { padding: 20px; opacity: 0.2 }
.team-right-inner + .team-right-inner { margin-top: 30px }
.team-left-inner img { filter: grayscale(100%); opacity: 0.5; transition: filter 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1) }
.team-left-inner.active img { filter: grayscale(0%); opacity: 1 }
.team-right-inner { padding: 20px; opacity: 0.2; background-color: transparent; cursor: pointer; transition: opacity 0.35s ease, background-color 0.35s ease }
.team-right-inner.active { opacity: 1; background-color: #323B6F }
.team-right-inner h5, .team-right-inner p { transition: color 0.35s ease, transform 0.35s ease }
.team-right-inner p { transform: translateX(0); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) }
.team-right-inner.active p { transform: translateX(20px) }
.team-right-inner p { will-change: transform; backface-visibility: hidden }
.team-right-inner.active h5, .team-right-inner.active p { color: #fff }
.teamname .teamcard-content { position: relative }
.teamname .teamcard-content:before { content: ""; position: absolute; left: 0; top: 15px; height: 5px; width: 5px; background: #fff; opacity: 0; transition: opacity 0.3s ease }
.team-right-inner.active .teamname .teamcard-content:before { opacity: 1 }
.team-mobile { display: none }
@media only screen and (max-width:1680px) {
	.teamcard-content { font-size: 18px }
	.teamname .teamcard-content:before { top: 12px }
	section.team-section { padding: 0px 40px }
	.team-right-inner + .team-right-inner { margin-top: 15px }
}
@media only screen and (max-width:1440px) {
	section.team-section { padding: 0px 25px }
	.team-right { width: 40%; padding-left: 10px }
	.team-left { width: 60% }
	.team-left-inner:nth-child(3n+2) { transform: translateY(30px) }
	.team-left-inner:nth-child(3n+3) { transform: translateY(60px) }
}
@media only screen and (max-width:1199px) {
	.team-mobile { display: block }
	.team-right { display: none }
	.team-left { width: 100% }
	.team-left-inner img { filter: grayscale(0%); opacity: 1 }
	.teamcard-content { color: #000 }
	.team-mobile { margin-top: 20px }
	.team-left-inner:nth-child(3n+3) { transform: translateY(0px) }
	.team-left-inner:nth-child(3n+2) { transform: translateY(0px) }
	.team-left-inner { width: 33.33% }
	section.team-section { padding: 0px 15px }
	.team-left { justify-content: center }
	.team-left-inner { width: calc(50% - 30px) }
	.team-mobile h5 { margin-bottom: 10px }
	.team-left-inner-img.mb-30 { margin-bottom: 30px }
}
@media only screen and (max-width:767px) {
	.team-left-inner { width: 100% }
	.team-left-inner:last-child .team-left-inner-img.mb-30 { margin-bottom: 0px }
}