/* ===============================
   LIFE OVERVIEW PAGE
================================ */

/* Highlight box */

.life-highlight{
background:#f4f8fc;
border-left:4px solid #003974;
padding:18px 20px;
margin-bottom:30px;
border-radius:6px;
font-size:15px;
line-height:1.7;
color:#333;
}

/* Stats section */

.life-stats{
display:flex;
gap:40px;
margin:35px 0 30px 0;
flex-wrap:wrap;
}

.life-stat{
text-align:center;
padding:15px 20px;
background:#fff;
border-radius:10px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
min-width:140px;
transition:.3s;
}

.life-stat:hover{
transform:translateY(-4px);
box-shadow:0 15px 30px rgba(0,0,0,.12);
}

/* numbers */

.life-stat h3{
font-size:28px;
font-weight:700;
color:#003974;
margin-bottom:5px;
}

/* label */

.life-stat span{
font-size:13px;
color:#666;
}

/* paragraph spacing */

.inner-main p{
font-size:15px;
line-height:1.8;
color:#444;
margin-bottom:18px;
}

/* responsive */

@media(max-width:768px){

.life-stats{
gap:15px;
}

.life-stat{
min-width:120px;
}

}

/* NEWSLETTER TABLE */

.newsletter-table{
width:100%;
border-collapse:separate;
border-spacing:0;
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* cells */

.newsletter-table td{
padding:14px 18px;
border-bottom:1px solid #e6eaf0;
border-right:1px solid #eef1f5;
font-size:14px;
}

/* year column */

.newsletter-table .year-title{
font-weight:700;
color:#0d2c5a;
background:#f4f7fb;
white-space:nowrap;
width:220px;
}

/* links */

.newsletter-table a{
text-decoration:none;
color:#1b75bc;
font-weight:500;
transition:all .25s ease;
}

/* hover link */

.newsletter-table a:hover{
color:#ff6b00;
}

/* row hover */

.newsletter-table tr:hover{
background:#f9fbff;
}

/* remove last borders */

.newsletter-table tr:last-child td{
border-bottom:none;
}

.newsletter-table td:last-child{
border-right:none;
}

.newsletter-table td{
text-align:center;
vertical-align:middle;
}

.newsletter-table a{
display:inline-block;
text-align:center;
}

/* HOSTEL GALLERY */

.hostel-gallery{
padding:70px 0;
background:#f6f8fb;
overflow:hidden;
}


/* SLIDER */

.hostel-slider{
overflow:hidden;
position:relative;
}


.hostel-track{
display:flex;
gap:25px;
animation:hostelScroll 4s linear infinite;   /* faster scroll */
}


/* IMAGE SIZE */

.hostel-track img{
height:320px;          /* increased from 260px */
border-radius:14px;
box-shadow:0 12px 30px rgba(0,0,0,0.18);
transition:.4s;
}


/* hover effect */

.hostel-track img:hover{
transform:scale(1.06);
}


/* SCROLL ANIMATION */

@keyframes hostelScroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}


/* student activitity */

.activity-card{
background:#fff;
border-radius:10px;
padding:18px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:.3s;
height:100%;
}

.activity-card:hover{
transform:translateY(-5px);
box-shadow:0 18px 35px rgba(0,0,0,0.15);
}

.activity-card img{
width:100%;
height:130px;
object-fit:contain;
margin-bottom:12px;
}

.activity-card h5{
font-size:24px;
color:#0d2c5a;
margin-bottom:10px;
}

.activity-card .btn{
font-size:12px;
padding:5px 10px;
}


/* INTRO BOX */

.life-intro{
background:#ffffff;
padding:30px 35px;
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.life-intro h2{
font-weight:700;
color:#0d2c5a;
margin-bottom:15px;
}

.life-intro p{
line-height:1.8;
color:#444;
}


/* PROFESSIONAL BODY CARDS */

.body-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
transition:all .35s ease;
height:100%;
display:flex;
flex-direction:column;
}

.body-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 50px rgba(0,0,0,0.18);
}


/* IMAGE */

.body-img{
overflow:hidden;
}

.body-img img{
width:100%;
height:190px;
object-fit:cover;
transition:transform .5s;
}

.body-card:hover img{
transform:scale(1.08);
}


/* CONTENT */

.body-content{
padding:18px;
text-align:center;
}

.body-content h5{
font-size:16px;
color:#0d2c5a;
margin-bottom:10px;
font-weight:600;
}

.body-content .btn{
font-size:13px;
padding:5px 14px;
}

/* CARD */

.modern-card{
position:relative;
border-radius:12px;
overflow:hidden;
height:300px;
min-width: 300px;
box-shadow:0 15px 40px rgba(0,0,0,0.12);
transition:all .4s ease;
}

.modern-card img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .6s;
}


/* GMR BLUE TITLE BAND */

.card-top{
position:absolute;
top:0;
left:0;
width:100%;
padding:12px 16px;

background:#003974;   /* GMR Blue */

color:#fff;
}

.card-top h5{
font-size:15px;
font-weight:600;
margin:0;
line-height:1.3;
}


/* BUTTON POSITION */

.card-bottom{
position:absolute;
bottom:15px;
left:15px;
}


/* EXPLORE BUTTON */

.card-btn{
background:linear-gradient(45deg,#FAAB53,#FAAB53);
color:#fff;
padding:6px 16px;
font-size:13px;
border-radius:20px;
text-decoration:none;
font-weight:500;
transition:.3s;
}

.card-btn:hover{
background:linear-gradient(45deg,#ED1C24,#ED1C24);
color:#fff;
}


/* HOVER EFFECT */

.modern-card:hover img{
transform:scale(1.1);
}

.modern-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 50px rgba(0,0,0,0.2);
}

.card-top{
background:#003974;
border-bottom:4px solid #FAAB53;
min-height:30%;
}

.modern-card{
position:relative;
border-radius:14px;
overflow:hidden;
height:340px;      /* increased */
background:#fff;
box-shadow:0 18px 45px rgba(0,0,0,0.12);
transition:all .4s ease;
}
.modern-card img{
width:100%;
height:320px;
object-fit:contain;
background:#fff;
padding:45px;
}

.card-top{
background:#003974;
border-bottom:5px solid #FAAB53;
padding:16px 18px;
}

.card-top h5{
font-size:17px;
line-height:1.3;
color:#fff;
font-weight:600;
}
.card-bottom{
position:absolute;
bottom:20px;
left:20px;
}

.card-btn{
background:#FAAB53;
color:#fff;
padding:8px 20px;
border-radius:25px;
font-size:14px;
font-weight:500;
}

/* EVENT IMAGE HORIZONTAL SCROLL */

.event-scroll{
overflow:hidden;
position:relative;
}

.event-track{
display:flex;
gap:25px;
animation:scrollEvents 3s linear infinite;
}

.event-card{
flex:0 0 340px;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.event-card img{
width:100%;
height:220px;
object-fit:cover;
transition:transform .4s;
}

.event-card:hover img{
transform:scale(1.08);
}

@keyframes scrollEvents{
0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}
}
/* SPORTS LIST */

.sports-list{
padding-left:18px;
}

.sports-list li{
margin-bottom:8px;
}


/* PHYSICAL DIRECTOR CARD */

.director-card{
background:#f7f9fc;
padding:20px;
border-radius:10px;
border-left:5px solid #003974;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}


/* SPORTS GALLERY */

.sports-gallery-scroll{
overflow:hidden;
margin-top:20px;
}

.sports-gallery-track{
display:flex;
gap:25px;
animation:scrollSports 5s linear infinite;
}

.sports-card{
flex:0 0 320px;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.sports-card img{
width:100%;
height:220px;
object-fit:cover;
}


/* ACTIVITIES */

.sports-activity-list{
list-style:none;
padding-left:0;
}

.sports-activity-list li{
margin-bottom:10px;
}

.sports-activity-list a{
color:#003974;
font-weight:500;
text-decoration:none;
}

.sports-activity-list a:hover{
color:#FAAB53;
}


/* SCROLL ANIMATION */

@keyframes scrollSports{

0%{transform:translateX(0);}

100%{transform:translateX(-50%);}

}
.wellbeing-list{
padding-left:20px;
margin-top:10px;
}

.wellbeing-list li{
margin-bottom:8px;
}

.wellbeing-table th{
background:#003974;
color:white;
text-align:center;
}

.conduct-tabs .nav-link{
font-weight:600;
color:#003974;
}

.conduct-tabs .nav-link.active{
background:#003974;
color:white;
}

.conduct-list{
padding-left:20px;
}

.conduct-list li{
margin-bottom:8px;
}

.conduct-number{
padding-left:22px;
}

.conduct-number li{
margin-bottom:10px;
}