/*==================================================
FACULTY SECTION v2.0
==================================================*/

.faculty-section{

    padding:50px 0 80px;   /* was 80px 0 — less space above the section */

    background:#f7f9fc;

}

.faculty-section .section-title{

    text-align:center;

    margin-bottom:50px;

}

.section-badge{

    display:inline-block;

    background:#eaf2ff;

    color:#0f4fa8;

    padding:7px 16px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.faculty-section h2{

    font-size:36px;

    font-weight:700;

    color:#0f2f67;

    margin-bottom:15px;

}

.faculty-section .section-title p{

    width:65%;

    margin:auto;

    color:#6b7280;

    font-size:16px;

    line-height:1.7;

}

.faculty-grid{

    display:grid;

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

    gap:24px;

    margin-top:45px;

}

.faculty-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 8px 25px rgba(0,0,0,.07);

    transition:.3s ease;

    text-align:center;

    max-width:260px;

    margin:auto;

}

.faculty-card:hover{

    transform:translateY(-8px);

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

}

.faculty-image{

    position:relative;

    background:linear-gradient(135deg,#0f4fa8,#173f80);

    height:95px;

}

.faculty-image img{

    width:88px;

    height:88px;

    object-fit:cover;

    border-radius:50%;

    border:5px solid #fff;

    position:absolute;

    left:50%;

    bottom:-40px;          /* was -44px — a touch less overlap into the card */

    transform:translateX(-50%);

    background:#fff;

    z-index:2;

}

.faculty-content{

    padding:68px 18px 22px;   /* was 55px — clears the avatar so it stops covering the name */

    position:relative;

    z-index:1;

}

.faculty-content h3{

    color:#0f2f67;

    font-size:18px;

    margin-bottom:8px;

    font-weight:700;

}

.faculty-role{

    color:#d4a017;

    font-size:13px;

    font-weight:600;

    margin-bottom:14px;

}

.faculty-rating{

    color:#f4b400;

    font-size:15px;

    letter-spacing:2px;

    margin-bottom:14px;

}

.faculty-content p{

    color:#6b7280;

    font-size:13px;

    line-height:1.6;

}

/*=========================================
FACULTY — DESKTOP-ONLY SIZE BUMP
Everything below 1201px (tablet/mobile
breakpoints further down) stays exactly
as-is — this only applies above them.
=========================================*/
@media (min-width: 1201px){

    .faculty-section h2{
        font-size:40px;
    }

    .faculty-section .section-title p{
        font-size:17px;
        width:60%;
    }

    .faculty-grid{
        gap:30px;
    }

    .faculty-card{
        max-width:285px;
    }

    .faculty-image{
        height:105px;
    }

    .faculty-image img{
        width:96px;
        height:96px;
        bottom:-42px;
    }

    .faculty-content{
        padding:72px 22px 26px;
    }

    .faculty-content h3{
        font-size:19px;
    }

    .faculty-role{
        font-size:14px;
    }

    .faculty-rating{
        font-size:16px;
    }

    .faculty-content p{
        font-size:14px;
    }

}

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

/* Large Tablets */
@media (max-width: 1200px){

    .faculty-grid{
        grid-template-columns:repeat(3,1fr);
        gap:22px;
    }

}

/* Tablets */
@media (max-width: 992px){

    .faculty-grid{
        grid-template-columns:repeat(2,1fr);
        gap:22px;
    }

    .faculty-card{
        max-width:280px;
        margin:auto;
    }

}

/* Mobile */
@media (max-width: 768px){

    .faculty-section{
        padding:60px 20px;
    }

    .faculty-grid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .faculty-card{
        width:100%;
        max-width:320px;
        margin:auto;
    }

    .faculty-section h2{
        font-size:28px;
    }

    .faculty-section .section-title p{
        width:100%;
        font-size:15px;
    }

}

/* Small Phones */
@media (max-width:480px){

    .faculty-card{
        max-width:100%;
    }

    .faculty-image{
        height:85px;
    }

    .faculty-image img{
        width:78px;
        height:78px;
        bottom:-39px;
    }

    .faculty-content{
        padding:48px 16px 20px;
    }

    .faculty-content h3{
        font-size:17px;
    }

}