*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
html{scroll-behavior:smooth}

/* ================= HEADER ================= */
.school-header{
  position:sticky;top:0;z-index:999;
  background:#fff;border-bottom:1px solid #eee;
  padding:14px 0;transition:.3s
}
.school-header.sticky{padding:6px 0;box-shadow:0 4px 15px rgba(0,0,0,.15)}

.header-container{
  max-width:1200px;margin:auto;
  padding:0 15px;
  display:flex;justify-content:space-between;align-items:center
}
.header-left{display:flex;align-items:center;gap:15px}

.logo-box img{width:65px;transition:.3s}
.school-header.sticky .logo-box img{width:50px}

.school-name h1{font-size:24px;font-weight:700}
.school-name span{font-size:13px;color:#333}

.apply-btn{
  padding:10px 22px;border-radius:30px;
  background:linear-gradient(135deg,#0c1a2b,#12355b);
  color:#fff;text-decoration:none;font-size:14px;font-weight:600
}

/* MOBILE HEADER */
@media(max-width:768px){
  .apply-btn{display:none}
  .school-name h1{font-size:12px}
  .school-name span{font-size:8px}
  .logo-box img{width:45px}
}

/* ================= HERO ================= */
.hero-slider{position:relative;height:100vh;overflow:hidden}
.slide{
  position:absolute;width:100%;height:100%;
  background-size:cover;background-position:center;
  opacity:0;transition:opacity 1s
}
.slide.active{opacity:1}
.arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  font-size:36px;color:#fff;cursor:pointer
}
.arrow.left{left:20px}
.arrow.right{right:20px}

@media(max-width:768px){
  .hero-slider{height:65vh}
}

/* ================= CAMPUS ================= */
.campus-section{padding:80px 20px;background:#12355b}
.campus-container{
  max-width:1200px;margin:auto;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px
}
.campus-card{
  background:#fff;border-radius:20px;
  overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.15);
  transition:.4s
}
.campus-card:hover{transform:translateY(-8px)}
.campus-image img{width:100%;height:280px;object-fit:cover}
.campus-content{padding:25px}
.campus-content h3{font-size:20px;margin-bottom:15px}
.campus-btn{
  display:inline-flex;gap:8px;align-items:center;
  padding:10px 22px;border-radius:30px;
  background:#0c1a2b;color:#fff;text-decoration:none
}
@media(max-width:576px){
  .campus-btn{width:100%;justify-content:center}
}

/* ================= EXCELLENCE ================= */
.excellence-section{padding:80px 20px}
.excellence-container{
  max-width:1200px;margin:auto;
  display:flex;gap:50px;align-items:center
}
.circle-image{
  width:300px;height:300px;border-radius:50%;
  overflow:hidden;border:6px solid #0c1a2b
}
.circle-image img{width:100%;height:100%;object-fit:cover}
.content-wrap h2{font-size:30px;margin-bottom:20px}
.content-wrap p{font-size:15px;line-height:1.8}

@media(max-width:768px){
  .excellence-container{flex-direction:column;text-align:center}
  .content-wrap h2{font-size:22px}
}

/* ================= FOOTER ================= */
    .school-footer {
  background: radial-gradient(circle at top, #0c1a2b, #000);
  color: #dcdcdc;
  padding-top: 60px;
  font-family: 'Poppins', sans-serif;
}

.footer-container {
  max-width: 1200px;
  margin: auto;
  padding: 0 16px;

  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.5fr;
  gap: 40px;
}

.slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.3);
}


/* Footer About */
.footer-logo {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}

.footer-logo img {
  width: 60px;
}

.footer-logo h3 {
  font-size: 20px;
  color: #ffffff;
}

.footer-about p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 8px;
}

/* Social Icons */
.social-icons {
  margin-top: 15px;
  display: flex;
  gap: 12px;
}

.social-icons a {
  width: 38px;
  height: 38px;
  background: #0e2238;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  transition: 0.3s ease;
}

.social-icons a:hover {
  background: #1a73e8;
}

/* Footer Columns */
.footer-col h4 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 15px;
  position: relative;
}

.footer-col h4::after {
  content: '';
  width: 40px;
  height: 2px;
  background: #1a73e8;
  position: absolute;
  left: 0;
  bottom: -6px;
}

.footer-col ul {
  list-style: none;
}

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  color: #dcdcdc;
  font-size: 14px;
  text-decoration: none;
  transition: 0.3s;
}

.footer-col ul li a:hover {
  color: #1a73e8;
  padding-left: 5px;
}

/* Map */
.footer-map iframe {
  width: 100%;
  height: 220px;
  border: none;
  border-radius: 10px;
}

/* Bottom Footer */
.footer-bottom {
  margin-top: 40px;
  padding: 20px 16px;
  border-top: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  font-size: 14px;
  color: #bdbdbd;
}

.footer-bottom a {
  color: #bdbdbd;
  text-decoration: none;
}

.footer-bottom a:hover {
  color: #1a73e8;
}

/* =====================
   RESPONSIVE
===================== */
@media (max-width: 992px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 576px) {
  .footer-container {
    grid-template-columns: 1fr;
  }

  .footer-logo {
    flex-direction: column;
    align-items: flex-start;
  }
}