/* ==================================
   TEAM SECTION
================================== */

.team-section{
    padding:20px 0 110px;
}

.team-section .page-container{

    width:min(1450px,96%);
    margin:0 auto;

    background: rgba(255,255,255,.90);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    border:1px solid rgba(255,255,255,.45);

    border-radius:30px;

    padding:70px 60px;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

}


/* ==================================
   GRID
================================== */

.team-grid{

    display:grid;

    grid-template-columns:repeat(5,minmax(0,1fr));

    gap:70px 40px;

    justify-items:center;

}


/* ==================================
   MEMBER
================================== */

.member-card{

    width:100%;
    text-align:center;
    transition:.35s ease;

}

.member-card img{

    width:155px;
    height:155px;

    object-fit:cover;

    border-radius:50%;

    border:4px solid transparent;

    transition:all .35s ease;

    margin-bottom:20px;

}

.member-card h3{

    font-size:1.25rem;

    font-weight:700;

    color:#151a1f;

    margin-bottom:8px;

    line-height:1.2;

    transition:.3s;

}

.member-card p{

    font-size:.95rem;

    color:#666;

    line-height:1.45;

    min-height:46px;

    margin-bottom:18px;

}


/* ==================================
   SOCIALS
================================== */

.member-socials{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

}

.member-socials .fa-instagram{
    color:#E4405F;
}

.member-socials .fa-linkedin-in{
    color:#0A66C2;
}

.member-socials .fa-globe{
    color:#444;
}

.member-socials a{

    font-size:1.25rem;

    opacity:.8;

    transition:.25s;

}

.member-socials a:hover{

    opacity:1;

    transform:translateY(-3px) scale(1.1);

}


/* ==================================
   HOVER
================================== */

.member-card:hover img{

    transform:scale(1.06);

    border-color:#c8102e;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.member-card:hover h3{

    color:#c8102e;

}


/* ==================================
   RESPONSIVE
================================== */

@media (max-width:1350px){

    .team-grid{
        grid-template-columns:repeat(4,1fr);
    }

}

@media (max-width:1050px){

    .team-section .page-container{
        padding:55px 40px;
    }

    .team-grid{
        grid-template-columns:repeat(3,1fr);
        gap:60px 35px;
    }

}

@media (max-width:750px){

    .team-grid{
        grid-template-columns:repeat(2,1fr);
        gap:55px 30px;
    }

    .member-card img{

        width:145px;
        height:145px;

    }

}

@media (max-width:500px){

    .team-section .page-container{

        padding:40px 25px;

    }

    .team-grid{

        grid-template-columns:1fr;

    }

}