body{
font-family:Poppins;
background:#f5f7fb;
scroll-behavior:smooth;
}

/* Navbar */

.navbar{
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

/* Hero Section */

.hero{

height:380px;
background:url("images/iit-delhi.jpg") center/cover no-repeat;
position:relative;
display:flex;
align-items:flex-end;
color:white;

}

.hero-overlay{

background:linear-gradient(transparent,rgba(0,0,0,0.8));
position:absolute;
width:100%;
height:100%;

}
.hero::before{

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.2));

}

.hero-content{

position:relative;
padding:40px;

}

.hero h1{
font-weight:700;
}

/* Cards */

.info-card{

background:white;
padding:25px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);

}

/* Highlight items */

.highlight{

background:#f1f3f7;
padding:15px;
border-radius:10px;
margin-bottom:10px;

}

/* Buttons */

.apply-btn{
background:linear-gradient(90deg,#6a11cb,#2575fc);
border:none;
color:white;
width:100%;
padding:12px;
border-radius:10px;
}


.brochure-btn{
width:100%;
margin-top:10px;
}

.gallery-big{
height:400px;
object-fit:cover;
}

.gallery-small{
height:190px;
object-fit:cover;
}

.view-more{
position:absolute;
bottom:10px;
right:10px;
background:rgba(0,0,0,0.6);
color:#fff;
padding:6px 12px;
border-radius:5px;
font-size:14px;
}

/* Footer */

.footer{
background:#081229;
color:white;
padding:60px 0;
margin-top:80px;
}

.footer a{
color:#cfd6e6;
text-decoration:none;
display:block;
margin-bottom:8px;
}