/*=========================================
        FACULTY INTRO
==========================================*/

.faculty-intro {

    padding: 110px 0;

    background: #fff;

}

.faculty-image {

    position: relative;

}

.faculty-image img {

    width: 100%;

    border-radius: 30px;

    box-shadow: var(--shadow-lg);

}

.faculty-badge {

    position: absolute;

    right: -20px;

    bottom: 30px;

    background: linear-gradient(135deg, #2563EB, #1E3A8A);

    color: #fff;

    padding: 25px;

    border-radius: 20px;

    text-align: center;

}

.faculty-badge h3 {

    font-size: 40px;

    margin-bottom: 5px;

    color: #fff;

}

.mini-card {

    background: #EFF6FF;

    padding: 25px;

    border-radius: 20px;

    text-align: center;

    margin-top: 20px;

}

.mini-card h3 {

    color: var(--primary);

    margin-bottom: 8px;

}

/*=========================================
        LEADERSHIP
==========================================*/

.leadership-section {

    padding: 110px 0;

    background: #F8FAFC;

}

.leader-card {

    background: #fff;

    border-radius: 25px;

    overflow: hidden;

    transition: .35s;

    box-shadow: var(--shadow);

}

.leader-card:hover {

    transform: translateY(-10px);

}

.leader-image {

    overflow: hidden;

}

.leader-image img {

    width: 100%;

    height: 380px;

    object-fit: cover;

    transition: .5s;

}

.leader-card:hover img {

    transform: scale(1.08);

}

.leader-content {

    padding: 30px;

    text-align: center;

}

.leader-content span {

    color: var(--primary);

    font-weight: 600;

    display: block;

    margin: 10px 0;

}

.leader-content a {

    display: inline-block;

    margin-top: 15px;

    color: var(--primary);

    font-weight: 600;

}

/*=========================================
            HOD SECTION
==========================================*/

.hod-section {

    padding: 110px 0;

    background: #fff;

}

.hod-card {

    background: #fff;

    border-radius: 25px;

    overflow: hidden;

    text-align: center;

    box-shadow: var(--shadow);

    transition: .35s;

}

.hod-card:hover {

    transform: translateY(-10px);

}

.hod-card img {

    width: 100%;

    height: 260px;

    object-fit: cover;

}

.hod-card h5 {

    margin-top: 20px;

}

.hod-card span {

    display: block;

    color: var(--primary);

    padding-bottom: 20px;

}



/*=========================================
            TEACHERS
==========================================*/

.teachers-section {

    padding: 110px 0;

    background: #F8FAFC;

}

.teacher-card {

    background: #fff;

    border-radius: 25px;

    overflow: hidden;

    transition: .35s;

    box-shadow: var(--shadow);

    height: 100%;

}

.teacher-card:hover {

    transform: translateY(-10px);

}

.teacher-image {

    position: relative;

    overflow: hidden;

}

.teacher-image img {

    width: 100%;

    height: 320px;

    object-fit: cover;

    transition: .5s;

}

.teacher-card:hover img {

    transform: scale(1.08);

}

.experience-badge {

    position: absolute;

    top: 15px;

    right: 15px;

    background: var(--primary);

    color: #fff;

    padding: 8px 14px;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 600;

}

.teacher-content {

    padding: 25px;

    text-align: center;

}

.teacher-content h5 {

    margin-bottom: 8px;

}

.teacher-content span {

    display: block;

    color: var(--primary);

    font-weight: 600;

    margin-bottom: 10px;

}

.teacher-content p {

    margin-bottom: 15px;

}

.teacher-content a {

    font-weight: 600;

    color: var(--primary);

}

/*=========================================
        FACULTY STATS
==========================================*/

.faculty-stats-section {

    padding: 110px 0;

    background: #fff;

}

.faculty-stat-card {

    background: #F8FAFC;

    padding: 40px;

    border-radius: 25px;

    text-align: center;

    transition: .35s;

}

.faculty-stat-card:hover {

    transform: translateY(-10px);

    box-shadow: var(--shadow-lg);

}

.faculty-stat-card i {

    font-size: 45px;

    color: var(--primary);

    margin-bottom: 20px;

}

.faculty-stat-card h2 {

    font-size: 42px;

    margin-bottom: 10px;

    color: var(--primary);

}



/*=========================================
        TRAINING
==========================================*/

.training-section {

    padding: 110px 0;

    background: #EFF6FF;

}

.training-card {

    background: #fff;

    padding: 45px;

    border-radius: 25px;

    text-align: center;

    transition: .35s;

    height: 100%;

    box-shadow: var(--shadow);

}

.training-card:hover {

    transform: translateY(-10px);

}

.training-card i {

    font-size: 50px;

    margin-bottom: 20px;

    color: var(--primary);

}



/*=========================================
        JOIN FACULTY
==========================================*/

.join-faculty {

    padding: 110px 0;

    background: #fff;

}

.join-box {

    background: linear-gradient(135deg,

            var(--primary),

            var(--primary-dark));

    padding: 80px;

    border-radius: 30px;

    text-align: center;

    color: #fff;

}

.join-box span {

    display: inline-block;

    padding: 12px 25px;

    background: rgba(255, 255, 255, .15);

    border-radius: 50px;

    margin-bottom: 20px;

}

.join-box h2 {

    color: #fff;

    font-size: 48px;

    margin-bottom: 20px;

}

.join-box p {

    max-width: 700px;

    margin: auto;

    margin-bottom: 35px;

    line-height: 1.9;

    color: rgba(255, 255, 255, .92);

}



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

@media(max-width:991px) {

    .faculty-image {

        margin-bottom: 40px;

    }

    .faculty-badge {

        position: static;

        margin-top: 20px;

    }

    .join-box {

        padding: 50px 30px;

    }

    .join-box h2 {

        font-size: 34px;

    }

}

@media(max-width:768px) {

    .leader-image img,

    .teacher-image img {

        height: 300px;

    }

    .page-banner h1 {

        font-size: 40px;

    }

}