.elementor-5725 .elementor-element.elementor-element-5f0ee03{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b55cee5 *//*==================================================
NIMSRC Clinical Departments
PART 3 - Premium Cards
==================================================*/

/* Section */

.clinical-header{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
}

.clinical-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:#EAF4FF;

    color:#0A5BD3;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.clinical-header h2{

    font-size:44px;

    font-weight:700;

    color:#0A4FA3;

    margin-bottom:18px;

}

.clinical-header p{

    font-size:17px;

    line-height:1.8;

    color:#666;

}


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

.nimsrc-department-grid{

    display:grid;

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

    gap:26px;

    margin-top:50px;

}


/*=================================
Card
=================================*/

.department-card{

    background:#ffffff;

    border-radius:22px;

    padding:35px 28px;

    text-decoration:none;

    text-align:center;

    border:1px solid #E9EEF6;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.35s ease;

    position:relative;

    overflow:hidden;

    min-height:310px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

/* 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 50px rgba(0,86,179,.18);

}


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

.department-icon{

    width:90px;

    height:90px;

    margin:0 auto 22px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

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

    color:#fff;

    box-shadow:

    0 12px 30px rgba(0,86,214,.30);

    transition:.35s;

}

.department-card:hover .department-icon{

transform:scale(1.08) rotate(6deg);

}


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

.department-card h3{

    font-size:22px;

    color:#0A4FA3;

    font-weight:700;

    margin-bottom:14px;

    line-height:1.4;

}


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

.department-card p{

    font-size:15px;

    color:#666;

    line-height:1.8;

    margin-bottom:26px;

}


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

.department-btn{

    display:inline-block;

    margin:auto;

    padding:12px 26px;

    border-radius:40px;

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

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.department-card:hover .department-btn{

background:#083E9E;

transform:translateY(-2px);

}


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

@media(max-width:992px){

.clinical-header h2{

font-size:36px;

}

}

@media(max-width:768px){

.clinical-header h2{

font-size:30px;

}

.clinical-header p{

font-size:15px;

}

.department-card{

padding:28px 22px;

min-height:290px;

}

.department-icon{

width:78px;

height:78px;

font-size:36px;

}

.department-card h3{

font-size:20px;

}

.department-card p{

font-size:14px;

}

}/* End custom CSS */