/*======================================
FRAMEWORK 10 FACULTY
======================================*/

.faculty{

padding:150px 0;

}

.faculty-grid{

display:grid;

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

gap:35px;

margin-top:80px;

}

.faculty-card{

background:var(--glass);

border:1px solid var(--glass-border);

border-radius:var(--radius-lg);

overflow:hidden;

backdrop-filter:blur(var(--blur));

transition:var(--transition);

cursor:pointer;

}

.faculty-card:hover{

transform:translateY(-18px);

box-shadow:0 30px 70px rgba(124,58,237,.30);

}

.faculty-image{

overflow:hidden;

}

.faculty-image img{

width:100%;

height:380px;

object-fit:cover;

transition:.45s;

}

.faculty-card:hover img{

transform:scale(1.08);

}

.faculty-content{

padding:30px;

text-align:center;

}

.faculty-content h3{

font-size:30px;

margin-bottom:8px;

}

.faculty-content span{

color:var(--secondary);

display:block;

margin-bottom:18px;

}

.faculty-social{

display:flex;

justify-content:center;

gap:18px;

margin-top:25px;

}

.faculty-social a{

width:42px;

height:42px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:var(--glass);

transition:.3s;

}

.faculty-social a:hover{

background:var(--primary);

transform:translateY(-5px);

}

@media(max-width:992px){

.faculty-grid{

grid-template-columns:1fr;

}

}