body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

 /* Ensures the text is readable over the image and centers the container */
.hero-image-container {
    /* Placeholder background image - replace with a real image URL */
    background: url('../img/index_page/slider_1.jpg');
    background-size: cover;
    min-height: 40vh; /* Set a minimum height for the hero section */
    position: relative;
    font-family: 'Arial', sans-serif;
}

/* Dark overlay for text contrast */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 10, 15, 0.6); /* 65% opacity black */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Styling for the founder's quote */
.founder-message {
    line-height: 1.8;
    font-weight: 300;
}

/* Adding a subtle border for style */
.hero-content {
    border-left: 5px solid #fcf94c; /* Bootstrap Primary color */
    padding-left: rem;
    max-width: 900px;
}


.information_panel:hover {
background: rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
transform: translateY(-5px);
}
.information_panel1 {
background: rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.8);

}
.mou-card
{
    
    border: 1px solid #81d6e6;
}

.mou-card:hover
{
    
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
    transform: translateY(-5px);
    border: 1px solid #f5c02f;
    
}
.custom-card {
/*border: none;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);-->
transition: transform 0.3s ease;*/
background: rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.849);
}

/* Navbar background and font styling */
.navbar-custom {
background-color:#0c0b39; /* Dark navy */
/*color: ;*/
background:#0c0b39; 
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
}

/* Navbar links */
.navbar-custom .nav-link {
color: white !important;
padding: 12px 20px;
transition: 0.3s;
}

/* Hover and active state */
.navbar-custom .nav-link:hover,
.navbar-custom .nav-item.active .nav-link {
background-color:dodgerblue; /* orange highlight */
color: #fff !important;
border-radius: 0;
}

/* Dropdown menu */
.navbar-custom .dropdown-menu {
background-color:white;
border: none;
border-radius: 0;
}

.navbar-custom .dropdown-menu .dropdown-item {
color:#0c0b39;
font-size: 15px;
font-weight:normal;

}

.navbar-custom .dropdown-menu .dropdown-item:hover {
background-color:rgb(96, 174, 252);
color:#fff;
}


/* Background dark blue overlay */
/* Section with background image */
.facilities-section {
position: relative;
background: url("img/index_page/slider_1.jpg") center/cover no-repeat;
padding: 100px 0;
color: #fff;
}

/* Dark overlay */
.facilities-section::before {
content: "";
position: absolute;
inset: 0;
background: rgba(1, 21, 59, 0.75); /* dark blue transparent overlay */
z-index: 1;
}

.facilities-section .container {
position: relative;
z-index: 2; /* keep content above overlay */
}

/* Facility cards */
.facility-card {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 15px;
padding: 25px;
text-align: center;
transition: all 0.3s ease-in-out;
color: #fff;
}

.facility-card:hover {
background: rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 25px rgba(32, 7, 92, 0.6);
transform: translateY(-5px);
}

.facility-card i {
font-size: 2.5rem;
margin-bottom: 15px;
color: #fff;
}

.facility-title {
font-weight: 600;
font-size: 1.3rem;
margin-bottom: 15px;
}

.course-section {
background-color:rgba(0, 20, 60, 0.2);
padding: 60px 0;
}
.course-card {
/*border: none;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);-->
transition: transform 0.3s ease;*/
background: rgba(248, 245, 245, 0.959);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.6);
}
.course-card:hover {
transform: translateY(-5px);
}
.course-img {
width: 100%;
height: 220px;
object-fit: cover;
}
.course-title {
color: #0d3b66;
font-weight: 700;
}
.course-text {
color: #555;
}


/* --- Minimal custom CSS --- */
.eventcard-card {
border: none;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
transition: transform 0.3s;
background-color: #ffff;
}
.eventcard-card:hover {
transform: translateY(-5px);
}
.eventcard-img {
height: 180px;
object-fit: cover;
width: 100%;
}
.eventcard-title {
color: #0d3b66;
font-weight: 600;
margin-bottom: 0.5rem;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
background-color: rgba(0,0,0,0.6);
border-radius: 50%;
padding: 10px;
}


.research-icon-box {
border: 2px;
border-radius: 10px;
background:#040232;
/*background-color: rgb(187, 187, 211);*/
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.research-icon-box:hover {
transform: translateY(-5px) scale(1.05);
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.research-icon-box a {
text-decoration: none;
color: white;
}

.commitee-card {
border-radius: 10px;
box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
.commitee-heading {
font-weight: 700;
margin-bottom: 1rem;
}
.commitee-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.commitee-list li {
margin: 6px 0;
}
.commitee-list a {
text-decoration: none;
color: #212529;
transition: color 0.3s;
line-height: 2;
font-weight: 900;

border-bottom: 2px solid rgb(240, 215, 74); /* Adjust thickness, style, and color */
margin-bottom: -3px; /* Adjust spacing between text and line */
display: inline-block; /* Essential for border-bottom to work correctly on inline elements */
}
.commitee-list a:hover {
color: #0d6efd;
}

/*footer*/
.footer-bg {
background-color: #0a1735; /* dark navy blue */
color:#fff;
font-size: 0.95rem;
}
.footer-heading {
font-weight: 700;
font-size: 1.1rem;
margin-bottom: 1rem;
color: #ffc107; /* warm color */
position: relative;
}
.footer-list {
list-style: none;
padding-left: 0;
}
.footer-list li {
margin-bottom: 8px;
padding-left: 15px;
position: relative;
}
.footer-list li::before {
content: "▪";
color:#ffc107; /* warm bullet */
position: absolute;
left: 0;
}
.footer-list a {
text-decoration: none;
color: #fff;
transition: color 0.3s;
}
.footer-list a:hover {
color:#ffc107;
}
.footer-social a {
color: #fff;
font-size: 1.2rem;
margin-right: 10px;
transition: 0.3s;
}
.footer-social a:hover {
color: #ffc107;
}