body{
  margin:0;
  font-family: Arial, sans-serif;
}
.header img{
  width:100%;
}
/*.navbar{*/
/*  background:#de5454;*/
/*  padding:12px 0;*/
/*  text-align:center;*/
/*}*/

.navbar {
  background-color: #de5454;
  display: flex;
  padding: 0 20px;
  align-items: center;
  justify-content: center;   /* ⭐ THIS LINE */
}

.navbar a{
  color:white;
  text-decoration:none;
  margin:0 12px;
  font-weight:bold;
}
.slider{
  position:relative;
}
.slider img{
  width:100%;
  height:500px;
  object-fit:cover;
}
.dots{
  position:absolute;
  bottom:20px;
  width:100%;
  text-align:center;
}
.dots span{
  display:inline-block;
  width:12px;
  height:12px;
  background:#ddd;
  border-radius:50%;
  margin:4px;
}
.dots .active{
  background:#a00050;
}
body{
  margin:0;
  font-family: Arial, sans-serif;
}

/* HEADER BACKGROUND */
.top-header{
  background:#ffffff;
  border-bottom:3px solid #db5555;
  padding:10px 0;
}

/* FLEX CONTAINER */
.header-container{
  display:flex;
  align-items:center;
  max-width:1200px;
  margin:auto;
}

/* LOGO */
.logo img{
  height:110px;
}

/* TEXT AREA */
.header-text{
  margin-left:15px;
}

.header-text .trust{
  font-size:14px;
  color:#1a4fa3;
  margin:0;
}

.header-text h1{
  color:#8b0000;
  font-size:36px;
  margin:5px 0;
  font-weight:bold;
}

.header-text .code{
  font-size:14px;
  color:#1a4fa3;
  margin:0;
}
/* VISION & MISSION */
.vision-mission{
  display:flex;
  background:#de5454;
  color:#fff;
}
.vm-box{
  width:50%;
  padding:30px;
}
.vm-box h2{
  font-size:28px;
}
.vm-box hr{
  border:1px solid #fff;
  margin:10px 0;
}
.vm-box ul{
  list-style:circle;
  padding-left:20px;
}

/* RECRUITERS */

/*.recruiters{*/
/*  background:#fff;*/
/*  text-align:center;*/
/*  padding:40px 0;*/
/*}*/
/*.recruiters h2{*/
/*  font-size:28px;*/
/*  margin-bottom:30px;*/
/*}*/
/*.recruiter-logos img{*/
/*  height:60px;*/
/*  margin:0 15px;*/
/*}*/


/* RECRUITERS */
.recruiters{
  background:#fff;
  text-align:center;
  padding:60px 0;
  overflow:hidden;   /* important */
}

.recruiters h2{
  font-size:32px;
  margin-bottom:40px;
}

/* Moving logos */
.recruiter-logos{
  display:flex;
  gap:60px;
  width:max-content;
  animation: scrollLogos 18s linear infinite;
}

/* Logo size */
.recruiter-logos img{
  height:100px;
  width:auto;
  object-fit:contain;
}

/* Animation */
@keyframes scrollLogos{
  0%{
    transform:translateX(100%);
  }
  100%{
    transform:translateX(-100%);
  }
}

/* Mobile */
@media(max-width:768px){
  .recruiter-logos img{
    height:70px;
  }
}











/* CONTACT SECTION */
.contact-section{
  display:flex;
  background:#de5454;
  color:#fff;
}
.map-box, .contact-box{
  width:50%;
  padding:25px;
}
.map-box iframe{
  width:100%;
  height:250px;
  border:0;
}
.address-box{
  background:#b0004f;
  padding:15px;
  margin-top:-60px;
  width:70%;
  color:#fff;
}
.contact-box a{
  color:#fff;
  text-decoration:underline;
}

/* FOOTER */
footer{
  background:#b0004f;
  color:#fff;
  text-align:center;
  padding:15px;
  font-size:14px;
}









.slider {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
}

.slide {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.slide.active {
  opacity: 1;
}

/* This targets the individual links inside the dropdown */
.dropdown-menu li a, 
.nav-dropdown li a {
    background-color: #2c3e50; /* Dark Charcoal Blue */
    color: #ffffff;            /* White text for contrast */
    border-bottom: 1px solid #3e4f5f; /* Subtle separator line */
    padding: 12px 20px;
    display: block;
    text-decoration: none;
    transition: background 0.3s ease;
}



/* Specific fix for the "Program Structure" if it has a unique class */
.dropdown-menu li:first-child a {
    background-color: #2c3e50; 
}