.team-container{

    display:grid;

    grid-template-columns:
    repeat(3,1fr);

    gap:30px;

    padding:20px;

}



.team-card{

    background:#ffffff;

    border-radius:15px;

    padding:20px;

    text-align:center;

    box-shadow:
    0 5px 15px rgba(0,0,0,0.15);

    transition:0.3s;

}



.team-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 10px 25px rgba(0,0,0,0.25);

}



.team-card img{

    width:100px;

    height:100px;

    object-fit:cover;

    border-radius:50%;

}

.single-team_member .post-thumbnail img,
.single-team_member .entry-content img,
.single-team_member img.wp-post-image {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    border-radius: 50%;
}

.team-card h3{

    margin-top:15px;

    font-size:22px;

}



.team-card p{

    color:#555;

}



.profile-btn{

    display:inline-block;

    margin-top:15px;

    padding:10px 20px;

    background:#32003e;

    color:white;

    text-decoration:none;

    border-radius:5px;

}


.profile-btn:hover{

    background:#64057c;

}

/* Profile Page */

.team-profile-container {
    max-width: 1000px;
    margin: 60px auto;
    padding: 20px;
}

.team-profile-card {
    display: flex;
    gap: 40px;
    background: #32003e;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
    color: white;
}

.team-profile-image img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 12px;
}

.team-profile-content {
    flex: 1;
}

.team-profile-content h1 {
    margin-top: 0;
    margin-bottom: 20px;
    color: white;
}

.team-detail {
    margin-bottom: 15px;
    font-size: 16px;
}

.linkedin-btn {
    display: inline-block;
    margin-top: 15px;
    background: #f0bcfd;
    color: white;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
}

.linkedin-btn:hover {
    background: #462f45;
}

.team-bio-card {
    background: #32003e;
    padding: 30px;
    border-radius: 15px;
    color: white;
}

.team-bio-card h2 {
    margin-top: 0;
    margin-bottom: 20px;
}



/* Tablet */

@media(max-width:900px){


.team-container{

grid-template-columns:
repeat(2,1fr);

}


}




/* Mobile */

@media(max-width:600px){


.team-container{

grid-template-columns:
1fr;

}


}