.elementor-14580 .elementor-element.elementor-element-a39a8e2{--spacer-size:25px;}.elementor-14580 .elementor-element.elementor-element-ad4aa1c{text-align:center;}.elementor-14580 .elementor-element.elementor-element-ad4aa1c .elementor-heading-title{color:#CF2828;}.elementor-14580 .elementor-element.elementor-element-fc46963 > .elementor-container{max-width:1440px;}.elementor-14580 .elementor-element.elementor-element-fc46963{margin-top:-4px;margin-bottom:-4px;padding:-9px -9px -9px -9px;}.elementor-14580 .elementor-element.elementor-element-4595faf{--spacer-size:38px;}.elementor-14580 .elementor-element.elementor-element-ae036f2{width:var( --container-widget-width, 123.744% );max-width:123.744%;--container-widget-width:123.744%;--container-widget-flex-grow:0;grid-column:span 12;}.elementor-14580 .elementor-element.elementor-element-ae036f2 > .elementor-widget-container{margin:-27px -27px -27px -27px;padding:-13px -13px -13px -13px;}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title:before, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title:after, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-content, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tabs-content-wrapper{border-width:-2px;}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-mobile-title, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-desktop-title.elementor-active, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title:before, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title:after, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-content, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tabs-content-wrapper{border-color:#FFFFFF;}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-desktop-title.elementor-active{background-color:var( --e-global-color-ad41708 );}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tabs-content-wrapper{background-color:var( --e-global-color-ad41708 );}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title, .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title a{color:#000000;}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title.elementor-active,
					 .elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title.elementor-active a{color:#C42828;}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title{font-family:var( --e-global-typography-92b0a2d-font-family ), Sans-serif;font-size:var( --e-global-typography-92b0a2d-font-size );font-weight:var( --e-global-typography-92b0a2d-font-weight );line-height:var( --e-global-typography-92b0a2d-line-height );}.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-content{color:var( --e-global-color-text );}:root{--page-title-display:none;}body.elementor-page-14580{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}}@media(max-width:767px){.elementor-14580 .elementor-element.elementor-element-ae036f2 .elementor-tab-title{font-size:var( --e-global-typography-92b0a2d-font-size );line-height:var( --e-global-typography-92b0a2d-line-height );}}/* Start custom CSS for tabs, class: .elementor-element-ae036f2 *//* =========================
   GLOBAL STYLES
========================= */
body {
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    padding: 30px;
    margin: 0;
}

/* =========================
   DEPARTMENT BOX
========================= */
.department {
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,.08);
    margin-bottom: 30px;
}

.department h2 {
    background: #8d1032;
    color: #fff;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 25px;
    font-size: 20px;
}

/* =========================
   SECTION TITLE
========================= */
.year-title {
    color: #8d1032;
    margin: 30px 0 15px;
    font-size: 20px;
    font-weight: bold;
    border-left: 5px solid #c1123f;
    padding-left: 12px;
}

/* =========================
   GRID FIX (IMPORTANT)
========================= */
.students,
.faculty-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    align-items: stretch;
}

/* =========================
   CARD STYLE
========================= */
.card,
.faculty-card {
    background: #fff;
    border-radius: 14px;
    padding: 15px;
    text-align: center;
    border-left: 5px solid #c1123f;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

/* Hover */
.card:hover,
.faculty-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

/* =========================
   IMAGE WRAPPER (IMPORTANT FIX)
========================= */
.card img,
.faculty-card img {
    width: 100%;
    height: 240px;
    object-fit: contain;   /* ⭐ FIX FACE CROPPING */
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

/* =========================
   NAME
========================= */
.name,
.faculty-card h3 {
    font-size: 16px;
    font-weight: 700;
    color: #162447;
    margin-top: 10px;
}

/* =========================
   DEGREE (MDS)
========================= */
.degree {
    font-size: 13px;
    color: #0b2f6b;
    font-weight: 600;
    margin-top: 4px;
}

/* =========================
   POSITION
========================= */
.position,
.faculty-card p {
    font-size: 13.5px;
    color: #8d1032;
    font-weight: 700;
    margin-top: 2px;
}

.faculty-card {
    display: flex;
    flex-direction: column;
}

.faculty-card .email {
    margin-top: auto;
    min-height: 40px;
    word-break: break-word;
}
.faculty-card .email{
    font-size: 13px;
    white-space: nowrap;
}
/* =========================
   HOD HIGHLIGHT
========================= */
.card.hod {
    border: 2px solid #8d1032;
    background: #fff0f3;
}

/* =========================
   PROFESSOR HIGHLIGHT
========================= */
.card.professor {
    background: linear-gradient(135deg, #fff 0%, #fff7f9 100%);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 600px) {
    body {
        padding: 15px;
    }

    .card img,
    .faculty-card img {
        height: 200px;
    }

    .department h2 {
        font-size: 18px;
    }

    .year-title {
        font-size: 18px;
    }
}/* End custom CSS */