.team-section{
padding:55px 0;
}

.team-wrapper{
max-width:1400px;
margin:auto;
position:relative;
padding:30px;
background:#ebeaf4;
border-radius:8px;
}

.team-card{
display:flex;
align-items:center;
justify-content:space-between;
background:#3554b5;
color:#fff;
padding:35px;
clip-path: polygon(0 0, 34% 0, 100% 38%, 100% 100%, 0 100%);
position:relative;
overflow:hidden;
min-height:580px;
}

.team-content{
width:60%;
}

.team-tag{
display:inline-block;
padding:10px 18px;
background:#fff;
color:#3554b5;
font-size:14px;
font-weight:600;
border-radius:8px;
margin-bottom:20px;
}

.team-content h2{
font-size:44px;
font-weight:700;
margin-bottom:5px;
color: white;
}

.team-content h4{
font-size:22px;
color:#85d9ff;
margin-bottom:5px;
}

.team-line{
width:90px;
height:4px;
background:#58d7ff;
margin-bottom:15px;
border-radius:10px;
}

.team-content p{
font-size: 16px;
line-height: 1.5;
color: rgb(233, 236, 255);
margin-bottom: 4px;
text-align: justify;
}

.team-image{
position:absolute;
right:40px;
top:50%;
transform:translateY(-50%);
width:370px;
/* height:500px; */
overflow:hidden;
border-radius:18px;
box-shadow:0 20px 50px rgba(0,0,0,.18);
background:#fff;
}

.team-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.team-features{
display:flex;
gap:40px;
margin-top:35px;
flex-wrap:wrap;
}

.feature-box{
text-align:center;
min-width:130px;
}

.feature-icon{
width:64px;
height:64px;
background:#59d7ff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
font-size:28px;
margin-bottom:14px;
}

.feature-box span{
font-size:20px;
display:block;
line-height:1.4;
}

@media(max-width:1200px){
.team-card{
clip-path:none;
padding:40px;
flex-direction:column;
}

.team-content{
width:100%;
padding-right:0;
}

.team-image{
position:relative;
right:auto;
top:auto;
transform:none;
margin-top:30px;
width:100%;
max-width:450px;
}
}

@media(max-width:768px){
.team-content h2{
font-size:38px;
}

.team-content p{
font-size:16px;
}

.team-features{
gap:20px;
}
}


@media(max-width:500px){
.team-content h2{
font-size:24px;
}
.team-content h4 {font-size: 18px;  margin-bottom: 0px;}
.team-line{width: 65px; height: 3px;background: #58d7ff;  margin-bottom: 15px;}
.team-wrapper { padding: 15px;}
.team-card { padding: 20px;}
.team-card { min-height: -webkit-fill-available;}
.team-section {padding: 30px 0;}

.team-content p{
font-size:13px;
}

.team-features{
gap:20px;
}



}