.elementor-5714 .elementor-element.elementor-element-13c3aba{--display:flex;}.elementor-5714 .elementor-element.elementor-element-13c3aba.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5714 .elementor-element.elementor-element-13c3aba{--width:84.148%;}}/* Start custom CSS for html, class: .elementor-element-a8890ab *//*==================================================
NIMSRC Departments
Final Premium CSS
AIIMS • Apollo • KIMS Style
==================================================*/

/*==============================
Section
==============================*/

.clinical-header{

    max-width:900px;

    margin:0 auto 60px;

    text-align:center;

}

.clinical-tag{

    display:inline-block;

    padding:10px 22px;

    background:#EAF4FF;

    color:#0056D6;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.clinical-header h2{

    font-size:42px;

    color:#0A4FA3;

    font-weight:700;

    margin-bottom:18px;

}

.clinical-header p{

    max-width:850px;

    margin:auto;

    color:#666;

    font-size:17px;

    line-height:1.8;

}

/*==============================
Grid
==============================*/

.nimsrc-department-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));

    gap:28px;

    margin-top:45px;

}

/*==============================
Cards
==============================*/

.department-card{

    background:#ffffff;

    border-radius:22px;

    padding:30px 24px;

    text-align:center;

    text-decoration:none;

    position:relative;

    overflow:hidden;

    border:1px solid #EDF2F7;

    box-shadow:

    0 12px 30px rgba(0,0,0,.08);

    transition:.35s ease;

    min-height:300px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

/* Premium Top Border */

.department-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0056D6,#FFD54A);

}

/* Hover */

.department-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 20px 45px rgba(0,86,179,.18);

}

/*==============================
Icon
==============================*/

.department-icon{

    width:85px;

    height:85px;

    margin:0 auto 20px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#0056D6,#1C8DFF);

    color:#fff;

    font-size:40px;

    box-shadow:

    0 12px 28px rgba(0,86,214,.25);

    transition:.35s;

}

.department-card:hover .department-icon{

    transform:scale(1.08);

}

/*==============================
Title
==============================*/

.department-card h3{

    font-size:22px;

    color:#0A4FA3;

    font-weight:700;

    margin-bottom:14px;

    line-height:1.4;

}

/*==============================
Description
==============================*/

.department-card p{

    color:#666;

    font-size:15px;

    line-height:1.8;

    margin-bottom:24px;

}

/*==============================
Button
==============================*/

.department-btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    gap:8px;

    margin:auto;

    padding:12px 24px;

    border-radius:40px;

    background:linear-gradient(135deg,#0056D6,#1C8DFF);

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.department-card:hover .department-btn{

    transform:translateY(-2px);

    background:linear-gradient(135deg,#0048B4,#006CFF);

}

/*==============================
Responsive
==============================*/

@media(max-width:992px){

.clinical-header h2{

font-size:34px;

}

}

@media(max-width:768px){

.clinical-header{

margin-bottom:40px;

}

.clinical-header h2{

font-size:28px;

}

.clinical-header p{

font-size:15px;

}

.nimsrc-department-grid{

grid-template-columns:1fr;

gap:22px;

}

.department-card{

padding:26px 20px;

min-height:auto;

}

.department-icon{

width:75px;

height:75px;

font-size:34px;

}

.department-card h3{

font-size:20px;

}

.department-card p{

font-size:14px;

}

}/* End custom CSS */