/*=========================================
DEPARTMENT HEADER
=========================================*/

.department-header{

    position:relative;

    height:320px;

    overflow:hidden;

}

.department-header img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    transform:scale(1.02);

}

.department-header .overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(10,33,75,.92),
        rgba(10,33,75,.55),
        rgba(10,33,75,.15)
    );

}

.department-header h1{

    position:absolute;

    left:70px;

    bottom:100px;

    transform:none;

    color:#fff;

    width:auto;

    max-width:700px;

    text-align:left;

    font-size:3rem;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    line-height:1.2;

    z-index:5;

    text-shadow:0 3px 12px rgba(0,0,0,.35);

}

/*=========================================
CONTENT
=========================================*/

.department-content{
    padding:70px 0;
    background:#fff;
}

.content-section{
    margin-bottom:50px;
}

.content-section h2{

    position:relative;

    display:inline-block;

    color:#4A1F74;

    font-size:2.05rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.4px;

    margin:0 0 12px 18px;

    line-height:1.2;

}

/* Gold Accent */

.content-section h2::before{

    content:"";

    position:absolute;

    left:-18px;

    top:2px;

    width:5px;

    height:38px;

    background:#F59E0B;

    border-radius:10px;

}


/*====================================================
DEPARTMENT SIDEBAR
====================================================*/

.department-sidebar{

    border:1px solid #e5e9ef;
    background:#fff;
    position:sticky;
    top:30px;
    margin-bottom:35px;
    max-width:320px;
    margin-left:auto;

}

.department-sidebar h4{

    margin:0;
    padding:14px 18px;
    background:#4A1F74;
    color:#fff;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.4px;

}

.department-sidebar ul{

    list-style:none;
    margin:0;
    padding:0;

}

.department-sidebar li{

    border-bottom:1px solid #eef2f6;

}

.department-sidebar li:last-child{

    border-bottom:none;

}

.department-sidebar li a{

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:11px 16px;

    color:#4A1F74;
    font-size:15px;
    font-weight:500;
    line-height:1.5;

    text-decoration:none;
    background:#fff;

    transition:all .25s ease;

}

.department-sidebar li a::after{

    content:"›";
    color:#3CBF9D;
    font-size:22px;
    font-weight:700;
    transition:.25s;

}

.department-sidebar li a:hover{

    background:#f8fafc;
    color:#F59E0B;
    padding-left:22px;

}

.department-sidebar li a:hover::after{

    transform:translateX(4px);

}

/*====================================================
ACTIVE DEPARTMENT
====================================================*/

.department-sidebar a.active{

    background:#eef4fb;
    color:#123a78;
    font-weight:700;
    border-left:3px solid #F59E0B;
    padding-left:13px;

}

.department-sidebar a.active::after{

    color:#F59E0B;

}

.department-sidebar a.active:hover{

    background:#eef4fb;
    color:#4A1F74;
    padding-left:13px;

}

/*====================================================
HEAD OF DEPARTMENT
====================================================*/

.hod-table{

    margin-top:20px;

}

.hod-table th{

    width:28%;
    background:#f5f7fb;
    color:#4A1F74;
    font-weight:700;

}

.hod-table td{

    background:#fff;
    color:#333;

}

.hod-table a{

    color:#4A1F74;
    font-weight:600;
    text-decoration:none;

}

.hod-table a:hover{

    color:#F59E0B;
    text-decoration:underline;

}

/*====================================================
FACULTY TABLE
====================================================*/

.faculty-table{

    margin-top:20px;

}

.faculty-table th{

    background:#4A1F74;
    color:#fff;
    text-align:center;
    font-size:15px;
    font-weight:700;

}

.faculty-table td{

    vertical-align:middle;
    font-size:15px;

}

.faculty-table td:first-child{

    text-align:center;
    font-weight:600;

}

.faculty-table a{

    color:#4A1F74;
    font-weight:600;
    text-decoration:none;

}

.faculty-table a:hover{

    color:#F59E0B;

}

/*====================================================
RESEARCH TABLE
====================================================*/

.research-table{

    margin-top:20px;

}

.research-table th{

    background:#4A1F74;
    color:#fff;
    text-align:center;
    font-size:15px;
    font-weight:700;

}

.research-table td{

    vertical-align:middle;
    font-size:15px;

}

.research-table td:first-child{

    text-align:center;
    font-weight:700;

}

.content-section h3{

    margin:35px 0 20px;

    color:#4A1F74;

    font-size:22px;

    font-weight:700;

}

/*====================================================
SALIENT ACHIEVEMENTS
====================================================*/

.achievements-section{

    margin-top:20px;

}

.achievements-section ul{

    margin:0;
    padding-left:22px;

}

.achievements-section li{

    margin-bottom:14px;
    line-height:1.8;
    color:#333;
    font-size:16px;
    font-weight:500;

}

.achievements-section li::marker{

    color:#F59E0B;

}

.achievements-section h3{

    color:#4A1F74;
    font-size:22px;
    font-weight:700;
    margin:25px 0 15px;

}

.achievements-section p{

    margin-top:15px;
    line-height:1.8;
    color:#444;

}

.achievements-section em{

    color:#666;
    font-size:15px;

}

.achievements-section table{

    width:100%;
    margin:20px 0;
    border-collapse:collapse;

}

.achievements-section table th{

    background:#4A1F74;
    color:#fff;
    padding:10px;

}

.achievements-section table td{

    padding:10px;
    border:1px solid #ddd;

}

.no-data {
    width: 90%;
    max-width: 650px;
    margin: 70px auto;
    padding: 40px 30px;
    text-align: center;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
}

.no-data-icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #F59E0B;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}

.no-data-title {
    color: #4A1F74;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 8px;
}

.no-data-text {
    color: #4A1F74;
    font-size: 15px;
}