.team-featured-section{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0.8rem 0;

}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.team-featured-section{
		padding: 0.4rem 0;

}
	}
.team-featured-section .container {
		display: flex;
		flex-direction: column;
		gap: 0.8rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.team-featured-section .container {
			gap: 0.4rem;
	}
		}
.team-featured-section .title-text-wrap{
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0.4rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.team-featured-section .title-text-wrap{
			flex-direction: column;
	}
		}
:is(.team-featured-section .title-text-wrap) .title {
			position: relative;
			width: 4.2rem;
			color: var(--blue);
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.team-featured-section .title-text-wrap) .title {
				width: 100%;
		}
			}
:is(:is(.team-featured-section .title-text-wrap) .title) span {
				color: var(--orange);
			}
:is(.team-featured-section .title-text-wrap) .text {
			position: relative;
			width: 6.74rem;
			color: var(--blue);
		}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(.team-featured-section .title-text-wrap) .text {
				width: 100%;
		}
			}
.team-featured-section .team-list-wrap {
		position: relative;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0.2rem;
	}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.team-featured-section .team-list-wrap {
			grid-template-columns: repeat(1, 1fr);
	}
		}
:is(.team-featured-section .team-list-wrap) .team-card {
			position: relative;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 0.24rem;
		}
:is(:is(.team-featured-section .team-list-wrap) .team-card) .team-card-image-wrap {
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 0.32rem;
				overflow: hidden;
				aspect-ratio: 630/614;
				widows: 100%;
			}
@media screen and (max-width: 768px) and (orientation: portrait) {
	:is(:is(.team-featured-section .team-list-wrap) .team-card) .team-card-image-wrap {
					border-radius: 0.16rem;
					aspect-ratio: 353/352;
			}
				}
:is(:is(:is(.team-featured-section .team-list-wrap) .team-card) .team-card-image-wrap) img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
:is(:is(.team-featured-section .team-list-wrap) .team-card) .name-postion-wrap {
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: flex-start;
				color: var(--dark-grey);
			}