/*=========================
Leadership Team
=========================*/

.team-section{
    background:#f8fbff;
}

.team-card{
    position:relative;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    transition:.4s;
    text-align:center;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.team-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(13,43,115,.18);
}

.team-image{
    position:relative;
    height: 240px;
    overflow:hidden;
    clip-path:polygon(
    12% 0,
    88% 0,
    100% 10%,
    100% 90%,
    88% 100%,
    12% 100%,
    0 90%,
    0 10%);
}

.team-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.team-card:hover .team-image img{
    transform:scale(1.08);
}

.team-image::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(13,43,115,.45),
    transparent);
}

.team-icon{

width: 70px;

height: 70px;

border-radius:50%;

background:#0D2B73;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

border: 5px solid #fff;

position:absolute;

left:50%;

transform:translateX(-50%);

bottom: 75px;

z-index:5;

transition:.4s;
}

.team-card-gold .team-icon{

    background:#F4B400;

    color:#111;

}

.team-card:hover .team-icon{

transform:translateX(-50%) rotate(360deg);
}

.team-content{

background:#0D2B73;

padding: 27px 20px 16px;

color:#fff;
}

.team-card-gold .team-content{

    background:#F4B400;

    color:#111;

}

.team-content h4{

margin-bottom: 5px;

font-size: 20px;

font-weight: 600;
}

.team-content span{

    font-size:16px;

    font-weight:500;

}

.team-card::after{

    content:"";

    position:absolute;

    inset:0;

    border:2px solid transparent;

    border-radius:22px;

    transition:.4s;

}

.team-card:hover::after{

    border-color:#F4B400;

}
.recognition-section{
    background:#f8fbff;
}

.recognition-card{

    display:flex;
    align-items:center;
    gap:30px;

    background:#fff;

    padding:20px;

    border-radius:20px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

    position:relative;

    overflow:hidden;

}

.recognition-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 60px rgba(13,43,115,.15);

}

.recognition-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0D2B73,#F4B400);

}

.recognition-logo{

    width:120px;

    flex-shrink:0;

}

.recognition-logo img{

    width:100%;

}

.badge-title{

    display:inline-block;

    background:#0D2B73;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    margin-bottom:15px;

}

.badge-title.gold{

    background:#F4B400;

    color:#111;

}

.recognition-content h3 {
    font-size: 22px;
    color: #0D2B73;
    margin-bottom: 6px;
    font-weight: 600;
}

.recognition-content p{

    color:#353333;

    line-height:1.8;
    font-size: 15px;

}

.recognition-content ul{

    list-style:none;

    padding:0;

    margin-top:7px;

}

.recognition-content li{

    margin-bottom:6px;

    font-weight:500;

}

.recognition-content li i{

    color:#0D2B73;

    margin-right:10px;

}

@media(max-width:768px){

.recognition-card{

flex-direction:column;

text-align:center;

}

}