/* ============================================================
   DESIGN SYSTEM — identical to source file
   ============================================================ */
:root {
  --primary: #080F2F;
  --gold: #F2D501;
  --white: #FFFFFF;
  --light: #F8F9FC;
  --soft: #EAEAEA;
  --gold-glow: rgba(242,213,1,0.25);
  --glass-bg: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.15);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--primary);background:var(--white);overflow-x:hidden}
.tb-inner{padding:0 20px;display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}
.tb-left{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.top-bar a:hover{color:var(--white); }

/* ===================== NAVBAR ===================== */
.navbar{background:var(--white) !important;padding:14px 40px;position:sticky;top:0;z-index:999;transition:all .4s ease;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(8,15,47,0.1);box-shadow:0 4px 20px rgba(8,15,47,0.08)}
.navbar.scrolled{background:var(--white);padding:10px 40px;box-shadow:0 8px 28px rgba(8,15,47,0.14)}
.navbar-logo{height:56px;width:auto;display:block}
.brand-logo{width:52px;height:52px;background:var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:18px;color:var(--primary);box-shadow:0 0 20px rgba(242,213,1,0.4);flex-shrink:0;line-height:1;text-align:center}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none;flex-wrap:wrap}
.nav-links > li{position:relative}
.nav-links a{color:var(--primary);text-decoration:none;font-size:12px;font-weight:500;padding:3px 10px;border-radius:6px;transition:all .25s;position:relative;display:flex;align-items:center;gap:5px}
.nav-links a::after{display:none}
.nav-links a:hover,.nav-links a.active-link{background:rgba(8,15,47,0.08);color:var(--primary)}
.dropdown-toggle-icon{font-size:11px;transition:transform .25s ease}
.dropdown-menu{list-style:none;position:absolute;top:calc(100% + 10px);left:0;min-width:220px;padding:8px;background:var(--white);border:1px solid rgba(8,15,47,0.14);border-radius:10px;box-shadow:0 16px 30px rgba(8,15,47,0.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:20}
.dropdown-menu li{width:100%}
.dropdown-menu a{display:block;padding:9px 12px;font-size:13px;border-radius:8px}
.dropdown-menu a::after{display:none}
.dropdown-menu a:hover{background:rgba(8,15,47,0.08)}
.nav-dropdown:hover > .dropdown-menu,
.nav-dropdown.open > .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown.open > a .dropdown-toggle-icon{transform:rotate(180deg)}
.hamburger span{width:25px;height:2px;background:var(--primary);display:block;transition:all .3s}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===================== HERO SLIDER ===================== */
.hero-slider{position:relative;height:100vh;min-height:600px;overflow:hidden}
.slide{position:absolute;inset:0;display:flex;align-items:center;padding:0 40px;opacity:0;transition:opacity .9s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto;z-index:2}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s ease}
.slide.active .slide-bg{transform:scale(1.05)}
.slide-overlay{position:absolute;inset:0}
.slide-content{position:relative;z-index:3;max-width:700px;animation:fadeInUp .8s ease both}
.slide.active .slide-content{animation:fadeInUp .8s ease .1s both}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px}
.hero-badge .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(34px,4.5vw,62px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:18px}
.hero-title .accent{color:var(--gold)}
.hero-title .underline-gold{position:relative;display:inline-block}
.hero-title .underline-gold::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--gold);border-radius:2px}
.hero-sub{font-size:16px;color:rgba(255,255,255,0.72);line-height:1.8;max-width:580px;margin-bottom:14px;font-weight:300}
.hero-points{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}
.hero-point{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,0.75)}
.hero-point i{color:var(--gold);font-size:13px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.btn-primary-hero:hover{background:var(--white);border-color:var(--white);box-shadow:0 8px 36px rgba(255,255,255,0.25);color:var(--primary)}
.btn-secondary-hero{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:14px 30px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.btn-secondary-hero:hover{background:var(--gold);color:var(--primary)}


.btn-prime{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 30px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.btn-prime:hover{background:var(--primary);border-color:var(--primary);color:var(--white)}


/* Slider Controls */
.slider-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}
.sdot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.35);cursor:pointer;transition:all .3s;border:none;padding:0}
.sdot.active{background:var(--gold);width:28px;border-radius:5px;box-shadow:0 0 10px rgba(242,213,1,0.6)}
.slider-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 20px;z-index:10;pointer-events:none}
.sarrow{width:48px;height:48px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px;cursor:pointer;transition:all .3s;pointer-events:auto}
.sarrow:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.slide-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--gold);z-index:10;animation:slideProgress 6s linear infinite}
@keyframes slideProgress{0%{width:0}100%{width:100%}}

/* Scroll indicator */
.scroll-indicator{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;animation:bounce 2s infinite}
.scroll-indicator span{font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:2px;text-transform:uppercase}
.scroll-dot{width:24px;height:38px;border:2px solid rgba(255,255,255,0.2);border-radius:12px;position:relative}
.scroll-dot::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--gold);border-radius:2px;animation:scrollDown 1.8s infinite}

/* ===================== STATS STRIP ===================== */
.stats-strip{background:var(--primary);padding:50px 40px}
.stats-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-item{text-align:center;position:relative}
.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,0.1)}
.stat-number{font-family:'Montserrat',sans-serif;font-size:52px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(242,213,1,0.4)}
.stat-suffix{font-size:28px}
.stat-label{font-size:13px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:1.5px;margin-top:8px;font-weight:500}

/* ===================== ABOUT SECTION ===================== */
.about-img-collage{position:relative;height:520px}
.collage-main{width:75%;height:75%;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px rgba(8,15,47,0.2);position:absolute;top:0;left:0}
.collage-sub{width:55%;height:50%;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px rgba(8,15,47,0.25);position:absolute;bottom:0;right:0;border:4px solid var(--white)}
.collage-accent{position:absolute;width:90px;height:90px;background:var(--gold);border-radius:16px;bottom:80px;left:-20px;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 32px rgba(242,213,1,0.5);animation:floatShape 4s ease-in-out infinite}
.collage-accent strong{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;color:var(--primary);line-height:1}
.collage-accent span{font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}
.vm-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.vm-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;color:var(--primary);margin-bottom:5px;display:flex;align-items:center;gap:8px}
.vm-text{font-size:13px;color:#666;line-height:1.6}

/* ===================== FEATURES / WHY SECT ===================== */
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px}
.feature-card{background:var(--white);border-radius:18px;padding:32px 24px;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.2)}
.feature-card:hover::before{transform:scaleX(1)}
.feature-icon{width:60px;height:60px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin-bottom:20px;transition:all .3s}
.feature-card:hover .feature-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.feature-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;margin-bottom:8px}
.feature-desc{font-size:13px;color:#666;line-height:1.7}

/* ===================== DEPARTMENT CARDS ===================== */
.dept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
.dept-card{background:var(--primary);border-radius:12px;overflow:hidden;box-shadow:0 6px 30px rgba(8,15,47,0.15);transition:all .35s;position:relative;border:1px solid rgba(255,255,255,0.06);cursor:pointer}
.dept-card:hover{transform:translateY(-7px);box-shadow:0 18px 52px rgba(8,15,47,0.25)}
.dept-card-img{height:160px;overflow:hidden;position:relative}
.dept-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dept-card:hover .dept-card-img img{transform:scale(1.1)}
.dept-card-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(8,15,47,0.95))}
.dept-code{position:absolute;top:12px;right:12px;background:var(--gold);color:var(--primary);font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;z-index:2}
.dept-body{padding:20px 18px}
.dept-name{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--white);margin-bottom:8px;line-height:1.3}
.dept-desc{font-size:12px;color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:16px}
.dept-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gold);font-weight:600;text-decoration:none;transition:gap .25s}
.dept-link:hover{gap:10px}

/* ===================== COURSES GRID (PG/MBA style) ===================== */
.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.course-card{border-radius:18px;overflow:hidden;box-shadow:0 6px 30px rgba(8,15,47,0.12);transition:all .35s;position:relative;background:var(--primary)}
.course-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px rgba(8,15,47,0.2)}
.course-img-wrap{position:relative;height:200px;overflow:hidden}
.course-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.course-card:hover .course-img-wrap img{transform:scale(1.08)}
.course-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(8,15,47,0.9))}
.course-badge{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--primary);font-size:11px;font-weight:700;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:1px;z-index:2}
.course-body{padding:22px 20px}
.course-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--white);margin-bottom:8px}
.course-desc{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;margin-bottom:18px}
.course-meta{display:flex;gap:18px;margin-bottom:18px}
.course-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,0.5)}
.course-meta-item i{color:var(--gold)}
.btn-course{width:100%;background:rgba(255,255,255,0.08);color:var(--white);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:11px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-align:center}
.btn-course:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}

/* ===================== PLACEMENTS ===================== */
.placements-section{background:var(--primary);padding:90px 40px}
.recruiters-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.recruiter-card{background:ghostwhite;border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:75px;transition:all .3s}
/* .recruiter-card:hover{background:rgba(242,213,1,0.1);border-color:rgba(242,213,1,0.3);box-shadow:0 0 20px rgba(242,213,1,0.15)} */
.recruiter-card span{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;color:rgba(255,255,255,0.7);letter-spacing:.5px;transition:color .3s}
.recruiter-card:hover span{color:var(--gold)}

/* ===================== CAMPUS FACILITIES ===================== */
.campus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
.campus-card{border-radius:16px;overflow:hidden;position:relative;height:220px;cursor:pointer}
.campus-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.campus-card:hover img{transform:scale(1.1)}
.campus-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,47,0.92) 0%,rgba(8,15,47,0.2) 60%,transparent 100%);display:flex;align-items:flex-end;padding:20px;transition:all .3s}
.campus-card:hover .campus-overlay{background:linear-gradient(to top,rgba(8,15,47,0.97) 0%,rgba(8,15,47,0.5) 60%,rgba(8,15,47,0.1) 100%)}
.campus-icon-wrap{width:38px;height:38px;background:var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--primary);margin-bottom:8px;transition:transform .3s}
.campus-card:hover .campus-icon-wrap{transform:scale(1.15)}
.campus-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--white)}

/* ===================== RESEARCH SECTION ===================== */
.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.research-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px 28px;transition:all .4s;position:relative;overflow:hidden}
.research-card::after{content:'';position:absolute;bottom:-50px;right:-50px;width:140px;height:140px;border-radius:50%;background:rgba(242,213,1,0.04);transition:all .4s}
.research-card:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.3);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.25)}
.research-card:hover::after{width:200px;height:200px}
.research-icon{width:60px;height:60px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin-bottom:22px;transition:all .3s}
.research-card:hover .research-icon{background:var(--gold);color:var(--primary)}
.research-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:var(--white);margin-bottom:10px}
.research-desc{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.7}

/* ===================== NEWS & EVENTS ===================== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.news-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s;border:1px solid var(--soft)}
.news-card:hover{transform:translateY(-6px);box-shadow:0 14px 44px rgba(8,15,47,0.13)}
.news-img{height:190px;overflow:hidden;position:relative}
.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.news-card:hover .news-img img{transform:scale(1.07)}
.news-date-badge{position:absolute;top:14px;left:14px;background:var(--gold);color:var(--primary);padding:6px 12px;border-radius:8px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;line-height:1.2;text-align:center;z-index:2}
.news-cat{display:inline-block;background:rgba(242,213,1,0.1);color:var(--gold);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(242,213,1,0.2)}
.news-body{padding:22px 20px}
.news-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:8px;line-height:1.35}
.news-excerpt{font-size:13px;color:#777;line-height:1.7;margin-bottom:16px}
.news-link{font-size:13px;color:var(--gold);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .25s}
.news-link:hover{gap:10px}

/* ===================== TESTIMONIALS ===================== */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.testimonial-card{background:var(--white);border-radius:20px;padding:36px 28px;box-shadow:0 6px 32px rgba(8,15,47,0.08);position:relative;transition:all .35s;border:1px solid var(--soft)}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(8,15,47,0.14)}
.quote-icon{font-size:52px;color:var(--gold);line-height:1;margin-bottom:14px;font-family:Georgia,serif}
.stars{color:var(--gold);font-size:14px;margin-bottom:14px}
.testimonial-text{font-size:14px;color:#555;line-height:1.8;margin-bottom:22px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:14px}
.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px;color:var(--white);flex-shrink:0}
.author-name{font-weight:700;font-size:15px;color:var(--primary)}
.author-role{font-size:12px;color:#888}

/* ===================== GALLERY ===================== */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;margin-top:60px}
.gallery-item{border-radius:14px;overflow:hidden;position:relative;cursor:pointer}
.gallery-item.tall{grid-row:span 2}
.gallery-item.wide{grid-column:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item-overlay{position:absolute;inset:0;background:rgba(8,15,47,0.6);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center}
.gallery-item:hover .gallery-item-overlay{opacity:1}
.gallery-item-overlay i{font-size:28px;color:var(--gold)}

/* ===================== ENQUIRY FORM ===================== */
.enquiry-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;padding:36px 30px;box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(242,213,1,0.08);position:relative;overflow:hidden}
.enquiry-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3),var(--gold))}
.enquiry-title{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:800;color:var(--white);margin-bottom:4px}
.enquiry-sub{font-size:12px;color:rgba(255,255,255,0.5);margin-bottom:22px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:12px;color:rgba(255,255,255,0.6);margin-bottom:6px;font-weight:500;letter-spacing:.5px}
.form-group input,.form-group select{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:12px 15px;color:var(--white);font-family:'Poppins',sans-serif;font-size:14px;outline:none;transition:border-color .25s,box-shadow .25s;-webkit-appearance:none}
.form-group select option{background:var(--primary);color:var(--white)}
.form-group input::placeholder{color:rgba(255,255,255,0.35)}
.form-group input:focus,.form-group select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,213,1,0.15)}
.btn-submit{width:100%;background:var(--gold);color:var(--primary);border:none;border-radius:10px;padding:14px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 24px rgba(242,213,1,0.4);margin-top:4px}
.btn-submit:hover{background:var(--white);box-shadow:0 8px 32px rgba(255,255,255,0.2)}
.btn-cta-gold{background:var(--gold);color:var(--primary);border:1px solid var(--gold);padding:16px 40px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none}
.btn-cta-outline{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.3);padding:16px 40px;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none}

/* ===================== ANIMATIONS ===================== */
@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes scrollDown{0%{opacity:0;transform:translateX(-50%) translateY(0)}50%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(14px)}}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1200px){
  .dept-grid{grid-template-columns:repeat(3,1fr)}
  .features-grid{grid-template-columns:repeat(3,1fr)}
  .campus-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
  .features-grid,.courses-grid,.testimonials-grid,.news-grid{grid-template-columns:repeat(2,1fr)}
  .dept-grid{grid-template-columns:repeat(2,1fr)}
  .campus-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .recruiters-grid{grid-template-columns:repeat(3,1fr)}
  .research-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .about-split{grid-template-columns:1fr!important}
}
@media(max-width:768px){
  .nav-links{position:absolute;top:100%;left:20px;right:20px;background:var(--white);border:1px solid rgba(8,15,47,0.14);border-radius:14px;padding:10px;box-shadow:0 14px 30px rgba(8,15,47,0.12);display:none;flex-direction:column;align-items:stretch;gap:4px;flex-wrap:nowrap}
  .nav-links.open{display:flex}
  .nav-links > li{width:100%}
  .nav-links a{width:100%;padding:11px 12px}
  .nav-links a::after{display:none}
  .dropdown-menu{position:static;top:auto;left:auto;min-width:100%;padding:6px 0 0;border:none;border-top:1px solid rgba(8,15,47,0.12);border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none;margin-top:4px}
  .nav-dropdown.open > .dropdown-menu{display:block}
  .dropdown-menu a{padding:10px 12px 10px 28px}
  .btn-apply{display:none}
  .hamburger{display:flex}
  .hero-slider{height:90vh}
  .slide{padding:0 20px}
  .features-grid,.courses-grid,.testimonials-grid,.stats-grid,.news-grid,.research-grid{grid-template-columns:1fr}
  .dept-grid{grid-template-columns:repeat(2,1fr)}
  .campus-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .recruiters-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .navbar{padding:12px 20px}
  .tb-inner{padding:0 16px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}
  .tb-left{gap:0}
  .tb-right{gap:0}
  .tb-left > :not(a:first-of-type){display:none}
  .tb-right > :not(a.tb-cta-btn.solid){display:none}
  .tb-left a,.tb-right .tb-cta-btn{font-size:11px}
  .tb-right .tb-cta-btn{padding:4px 10px}
  .section{padding:60px 20px}
  .vm-cards{grid-template-columns:1fr}
  .stats-strip{padding:40px 20px}
  .about-img-collage{height:300px}
  .collage-accent{display:none}
}

/* ===================== ABOUT US PAGE ===================== */
.about-us-page .about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.inner-hero{height:60vh;min-height:420px;background:linear-gradient(135deg,rgba(8,15,47,0.96) 0%,rgba(8,15,47,0.8) 100%),url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=1920&q=80') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.inner-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(242,213,1,0.07) 0%,transparent 65%)}
.inner-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,#4e4747)}
.inner-hero-content{position:relative;z-index:2;animation:fadeInUp .7s ease both}
.breadcrumb-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}
.breadcrumb-bar a{color:rgba(255,255,255,0.55);font-size:13px;text-decoration:none;transition:color .2s}
.breadcrumb-bar a:hover{color:var(--gold)}
.breadcrumb-bar span{color:var(--gold);font-size:13px}
.breadcrumb-sep{color:rgba(255,255,255,0.3)}
.inner-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(34px,4.5vw,60px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:20px}
.inner-hero h1 .accent{color:var(--gold)}
.inner-hero p{font-size:17px;color:rgba(255,255,255,0.65);max-width:600px;margin:0 auto;line-height:1.8;font-weight:300}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease}
.reveal-left.visible{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s ease,transform .7s ease}
.reveal-right.visible{opacity:1;transform:none}
.vm-section-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:60px}
.vm-big-card{background:var(--white);border-radius:24px;padding:50px 40px;box-shadow:0 8px 40px rgba(8,15,47,0.09);border:1px solid var(--soft);position:relative;overflow:hidden;transition:all .4s}
.vm-big-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.3)}
.vm-big-card::after{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:rgba(242,213,1,0.05)}
.vm-big-icon{width:72px;height:72px;background:var(--gold);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--primary);margin-bottom:24px;box-shadow:0 8px 28px rgba(242,213,1,0.4)}
.vm-big-card h3{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:800;color:var(--primary);margin-bottom:16px}
.vm-big-card p{font-size:15px;color:#666;line-height:1.8}
.vm-big-card .vm-lead{font-size:15px;color:#4f5570;line-height:1.9;font-weight:500}
.vm-big-card ul{margin-top:16px;padding-left:0;list-style:none}
.vm-big-card ul li{font-size:14px;color:#5f6374;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;background:rgba(242,213,1,0.08);border-radius:10px}
.vm-big-card ul li+li{margin-top:10px}
.vm-big-card ul li::before{content:'';width:7px;height:7px;background:var(--gold);border-radius:50%;margin-top:7px;flex-shrink:0}
.message-section-grid{display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:center}
.message-section-grid.reverse{grid-template-columns:1fr 380px}
.message-section-grid.reverse .message-img-wrap{order:2}
.message-section-grid.reverse .message-content{order:1}
.message-img-wrap{position:relative}
.message-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px rgba(8,15,47,0.18)}
.message-img-badge{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--primary);padding:14px 28px;border-radius:14px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 8px 28px rgba(242,213,1,0.5);text-align:center;line-height:1.3}
.message-img-badge small{display:block;font-weight:500;font-size:11px}
.message-quote-icon{font-size:80px;color:rgba(242,213,1,0.2);font-family:Georgia,serif;line-height:.8;margin-bottom:8px}
.message-text{font-size:16px;color:#555;line-height:1.9;font-style:italic;margin-bottom:24px}
.message-text strong{color:var(--primary);font-style:normal}
.message-signature{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:800;color:var(--primary);border-top:2px solid var(--gold);padding-top:16px;display:inline-block}
.message-signature small{display:block;font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:#888;margin-top:4px}
@keyframes timelineDot{0%,100%{box-shadow:0 0 0 0 rgba(242,213,1,0.5)}50%{box-shadow:0 0 0 10px rgba(242,213,1,0)}}
.timeline{position:relative;max-width:860px;margin:60px auto 0;padding:0 20px}
.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--gold),rgba(242,213,1,0.2));transform:translateX(-50%);border-radius:2px}
.timeline-item{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;margin-bottom:48px}
.timeline-item:nth-child(even) .tl-card{grid-column:3}
.timeline-item:nth-child(even) .tl-empty{grid-column:1}
.tl-card{background:var(--white);border-radius:18px;padding:24px 28px;box-shadow:0 6px 30px rgba(8,15,47,0.09);border:1px solid var(--soft);transition:all .35s;position:relative}
.tl-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);border-radius:18px 18px 0 0;transform:scaleX(0);transition:transform .35s}
.tl-card:hover{transform:translateY(-6px);box-shadow:0 14px 44px rgba(8,15,47,0.13)}
.tl-card:hover::before{transform:scaleX(1)}
.timeline-item:nth-child(odd) .tl-card{margin-right:30px}
.timeline-item:nth-child(even) .tl-card{margin-left:30px}
.tl-dot{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.tl-dot-inner{width:20px;height:20px;background:var(--gold);border-radius:50%;border:4px solid var(--white);box-shadow:0 0 0 3px var(--gold);animation:timelineDot 2s ease-in-out infinite}
.tl-year{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--gold);margin-bottom:6px;letter-spacing:1px}
.tl-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:6px}
.tl-desc{font-size:13px;color:#777;line-height:1.6}
.campus-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,47,0.92) 0%,rgba(8,15,47,0.2) 60%,transparent 100%);display:flex;align-items:flex-end;padding:24px;transition:all .3s}
.campus-card:hover .campus-card-overlay{background:linear-gradient(to top,rgba(8,15,47,0.97) 0%,rgba(8,15,47,0.5) 60%,rgba(8,15,47,0.1) 100%)}
.campus-card-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:var(--white)}
.campus-card-icon{width:40px;height:40px;background:var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary);margin-bottom:10px;transition:transform .3s}
.campus-card:hover .campus-card-icon{transform:scale(1.15)}
.accred-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:60px}
.accred-card{background:var(--white);border-radius:18px;padding:32px 20px;text-align:center;box-shadow:0 4px 20px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s}
.accred-card:hover{border-color:var(--gold);box-shadow:0 8px 36px rgba(242,213,1,0.2);transform:translateY(-6px)}
.accred-icon{width:64px;height:64px;background:rgba(242,213,1,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;color:var(--gold);transition:all .3s}
.accred-card:hover .accred-icon{background:var(--gold);color:var(--primary)}
.accred-name{font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;color:var(--primary)}
.accred-desc{font-size:12px;color:#888;margin-top:4px}
.about-us-page .features-grid{grid-template-columns:repeat(3,1fr)}
.about-us-page .campus-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){
  .message-section-grid,.message-section-grid.reverse{grid-template-columns:1fr}
  .message-section-grid.reverse .message-img-wrap,.message-section-grid.reverse .message-content{order:unset}
  .message-img-wrap{max-width:400px;margin:0 auto}
  .message-img{aspect-ratio:4/3}
  .vm-section-cards{grid-template-columns:1fr}
}
@media(max-width:1024px){
  .about-us-page .about-intro-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .about-us-page .features-grid{grid-template-columns:repeat(2,1fr)}
  .about-us-page .campus-grid{grid-template-columns:repeat(2,1fr)}
  .accred-grid{grid-template-columns:repeat(3,1fr)}
  .timeline::before{left:30px}
  .timeline-item{grid-template-columns:60px 1fr}
  .timeline-item:nth-child(even) .tl-card{grid-column:2}
  .timeline-item:nth-child(even) .tl-empty,.timeline-item:nth-child(odd) .tl-empty{display:none}
  .timeline-item:nth-child(odd) .tl-card,.timeline-item:nth-child(even) .tl-card{margin-left:16px;margin-right:0}
  .tl-dot{width:60px}
}
@media(max-width:768px){
  .accred-grid{grid-template-columns:repeat(2,1fr)}
  .about-us-page .features-grid,.about-us-page .campus-grid{grid-template-columns:1fr}
}

/* ===================== HOMEPAGE PAGE ===================== */
.homepage-page .hero-slider-container{position:relative;width:100%;min-height:100vh;overflow:hidden}
.homepage-page .hero-slide{min-height:100vh;display:flex;align-items:center;padding:100px 40px 60px;background:linear-gradient(135deg,rgba(8,15,47,0.92) 0%,rgba(8,15,47,0.75) 100%),url('https://images.unsplash.com/photo-1562774053-701939374585?w=1920&q=80') center/cover no-repeat;position:relative;overflow:hidden;animation:fadeInUp .8s ease both}
.homepage-page .hero-slide::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(242,213,1,0.06) 0%,transparent 60%);pointer-events:none}
.homepage-page .hero-slide::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--primary));pointer-events:none}
.homepage-page .hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%}
.homepage-page .hero-slider-controls{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}
.homepage-page .slider-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all .3s}
.homepage-page .slider-dot.active{background:var(--gold);transform:scale(1.3)}
.homepage-page .highlights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:40px}
.homepage-page .highlight-card{background:var(--white);border:1px solid rgba(8,15,47,0.08);border-radius:16px;padding:40px 28px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}
.homepage-page .highlight-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(242,213,1,0.08) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}
.homepage-page .highlight-card:hover{border-color:var(--gold);box-shadow:0 12px 40px rgba(242,213,1,0.15);transform:translateY(-8px)}
.homepage-page .highlight-card:hover::before{opacity:1}
.homepage-page .highlight-icon{font-size:48px;color:var(--gold);margin-bottom:20px;position:relative;z-index:1}
.homepage-page .highlight-card h3{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:var(--primary);margin-bottom:12px;position:relative;z-index:1}
.homepage-page .highlight-card p{font-size:14px;color:rgba(8,15,47,0.6);line-height:1.6;margin-bottom:24px;position:relative;z-index:1}
.homepage-page .highlight-card a{display:inline-block;color:var(--gold);text-decoration:none;font-weight:600;font-size:14px;position:relative;z-index:1}
.homepage-page .announcement-section,.index-2-page .announcement-section{background:linear-gradient(135deg,rgba(8,15,47,0.98) 0%,rgba(10,19,64,0.98) 100%);padding:40px;position:relative;overflow:hidden}
.homepage-page .announcement-container,.index-2-page .announcement-container{max-width:1280px;margin:0 auto}
.homepage-page .announcement-bar,.index-2-page .announcement-bar{display:flex;align-items:center;gap:30px;color:var(--white);font-size:15px;font-weight:500;animation:homeTicker 30s linear infinite}
.homepage-page .announcement-bar:hover,.index-2-page .announcement-bar:hover{animation-play-state:paused}
.homepage-page .announcement-item,.index-2-page .announcement-item{display:flex;align-items:center;gap:12px;white-space:nowrap}
.homepage-page .announcement-icon,.index-2-page .announcement-icon{color:var(--gold);font-size:18px}
.homepage-page .announcement-text,.index-2-page .announcement-text{color:rgba(255,255,255,0.9)}
@keyframes homeTicker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.index-2-page .announcement-bar{width:max-content;min-width:max-content;animation:homeTickerSeamless 28s linear infinite}
@keyframes homeTickerSeamless{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.homepage-page .management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:60px}
.homepage-page .management-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.08);transition:all .4s ease}
.homepage-page .management-card:hover{box-shadow:0 16px 48px rgba(242,213,1,0.15);transform:translateY(-8px)}
.homepage-page .management-image{width:100%;height:280px;background:linear-gradient(135deg,#e8d4b8 0%,#f0c800 100%);display:flex;align-items:center;justify-content:center;font-size:80px;color:rgba(8,15,47,0.2);overflow:hidden}
.homepage-page .management-image img{width:100%;height:100%;object-fit:cover}
.homepage-page .management-content{padding:28px 24px}
.homepage-page .management-content h3{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:var(--primary);margin-bottom:4px}
.homepage-page .management-designation{font-size:12px;color:var(--gold);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.homepage-page .management-description{font-size:14px;color:rgba(8,15,47,0.65);line-height:1.6;margin-bottom:16px}
.homepage-page .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:60px}
.homepage-page .about-image-collage{position:relative;height:500px}
.homepage-page .about-image-collage img{border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,0.15)}
.homepage-page .about-content h3{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:800;color:var(--primary);margin-bottom:20px;line-height:1.3}
.homepage-page .about-content p{font-size:16px;color:rgba(8,15,47,0.7);line-height:1.8;margin-bottom:24px}
.homepage-page .about-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}
.homepage-page .about-feature{display:flex;gap:12px;align-items:flex-start}
.homepage-page .about-feature-icon{color:var(--gold);font-size:20px;margin-top:2px;flex-shrink:0}
.homepage-page .about-feature-text{font-size:14px;color:rgba(8,15,47,0.65);line-height:1.6}
.homepage-page .about-cta{display:inline-block;background:var(--gold);color:var(--primary);padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease;margin-top:24px}
.homepage-page .about-cta:hover{background:var(--white);box-shadow:0 6px 28px rgba(242,213,1,0.3)}
.homepage-page .vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}
.homepage-page .departments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:60px}
.homepage-page .department-card{background:var(--white);border:1px solid rgba(8,15,47,0.08);border-radius:16px;overflow:hidden;transition:all .4s ease;cursor:pointer}
.homepage-page .department-card:hover{border-color:var(--gold);box-shadow:0 12px 40px rgba(242,213,1,0.15);transform:translateY(-8px)}
.homepage-page .department-image{width:100%;height:160px;background:linear-gradient(135deg,var(--gold) 0%,#f0c800 100%);display:flex;align-items:center;justify-content:center;font-size:48px;overflow:hidden}
.homepage-page .department-image img{width:100%;height:100%;object-fit:cover}
.homepage-page .department-content{padding:24px 20px}
.homepage-page .department-content h3{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:8px}
.homepage-page .department-content p{font-size:13px;color:rgba(8,15,47,0.6);line-height:1.5;margin-bottom:16px}
.homepage-page .stats-section{background:linear-gradient(135deg,var(--primary) 0%,#0a1340 100%);position:relative;overflow:hidden;margin-top:80px;padding:80px 40px}
.homepage-page .stats-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px}
.homepage-page .stat-card{text-align:center}
.homepage-page .news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.homepage-page .news-image{width:100%;height:200px;background:linear-gradient(135deg,#e8d4b8 0%,#f0c800 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.homepage-page .news-image img{width:100%;height:100%;object-fit:cover}
.homepage-page .news-content{padding:24px}
.homepage-page .news-content h4{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:10px}
.homepage-page .news-content p{font-size:14px;color:rgba(8,15,47,0.65);line-height:1.6;margin-bottom:12px}
.homepage-page .news-content a{color:var(--gold);text-decoration:none;font-weight:600}
.homepage-page .facilities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:60px}
.homepage-page .facility-card{position:relative;height:220px;border-radius:14px;overflow:hidden}
.homepage-page .facility-image{width:100%;height:100%;background:linear-gradient(135deg,var(--gold) 0%,#f0c800 100%);display:flex;align-items:center;justify-content:center;font-size:56px}
.homepage-page .facility-overlay{position:absolute;inset:auto 0 0 0;padding:18px;background:linear-gradient(to top,rgba(8,15,47,0.9),rgba(8,15,47,0.3),transparent)}
.homepage-page .facility-overlay h4{font-family:'Montserrat',sans-serif;font-size:14px;color:var(--white);margin-bottom:6px}
.homepage-page .facility-overlay p{font-size:12px;color:rgba(255,255,255,0.75);line-height:1.5}
.homepage-page .placement-section{background:linear-gradient(135deg,var(--primary) 0%,#0a1340 100%);padding:90px 40px}
.homepage-page .placement-content{max-width:1280px;margin:0 auto}
.homepage-page .placement-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.homepage-page .placement-stat{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);border-radius:14px;padding:28px;text-align:center}
.homepage-page .placement-stat-number{font-family:'Montserrat',sans-serif;font-size:40px;font-weight:900;color:var(--gold)}
.homepage-page .placement-stat-label{font-size:13px;color:rgba(255,255,255,0.75);margin-top:8px}
.homepage-page .placement-ctas{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.homepage-page .btn-placement,.homepage-page .btn-placement-outline{display:inline-block;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:700}
.homepage-page .btn-placement{background:var(--gold);color:var(--primary);border:2px solid var(--gold)}
.homepage-page .btn-placement-outline{background:transparent;color:var(--gold);border:2px solid var(--gold)}
.homepage-page .achievements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:60px}
.homepage-page .achievement-card{background:var(--white);border:1px solid var(--soft);border-radius:16px;padding:28px;transition:all .3s}
.homepage-page .achievement-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px rgba(8,15,47,0.1)}
.homepage-page .achievement-icon{width:54px;height:54px;border-radius:14px;background:rgba(242,213,1,0.14);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:24px;margin-bottom:14px}
.homepage-page .achievement-card h4{font-family:'Montserrat',sans-serif;font-size:16px;color:var(--primary);margin-bottom:8px}
.homepage-page .achievement-card p{font-size:13px;color:#666;line-height:1.6}
.homepage-page .activities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:60px}
.homepage-page .activity-card{background:var(--white);border:1px solid var(--soft);border-radius:14px;padding:24px;text-align:center}
.homepage-page .activity-icon{font-size:28px;color:var(--gold);margin-bottom:12px}
.homepage-page .activity-card h4{font-family:'Montserrat',sans-serif;font-size:15px;color:var(--primary)}
.homepage-page .institutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:60px}
.homepage-page .institution-card{background:var(--white);border:1px solid var(--soft);border-radius:16px;overflow:hidden}
.homepage-page .institution-image{height:160px;background:linear-gradient(135deg,var(--gold) 0%,#f0c800 100%);display:flex;align-items:center;justify-content:center;font-size:52px}
.homepage-page .institution-content{padding:22px}
.homepage-page .institution-content h3{font-family:'Montserrat',sans-serif;font-size:17px;color:var(--primary);margin-bottom:8px}
.homepage-page .institution-content p{font-size:13px;color:#666;line-height:1.6}
.homepage-page .admission-cta{padding:80px 40px;background:linear-gradient(135deg,rgba(242,213,1,0.2),rgba(242,213,1,0.08))}
.homepage-page .admission-cta-content{max-width:980px;margin:0 auto;text-align:center}
.homepage-page .admission-cta-content h2{font-family:'Montserrat',sans-serif;font-size:clamp(30px,3.5vw,46px);font-weight:900;color:var(--primary);margin-bottom:12px}
.homepage-page .admission-cta-content p{font-size:16px;color:rgba(8,15,47,0.7);margin-bottom:28px}
.homepage-page .admission-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.homepage-page .btn-admission{display:inline-block;padding:14px 28px;border:2px solid var(--gold);background:var(--gold);color:var(--primary);text-decoration:none;font-weight:700;border-radius:10px}
@media(max-width:1200px){
  .homepage-page .highlights-grid,.homepage-page .departments-grid,.homepage-page .facilities-grid,.homepage-page .achievements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .homepage-page .hero-slide{padding:90px 24px 60px}
  .homepage-page .about-grid,.homepage-page .vision-mission-grid{grid-template-columns:1fr;gap:40px}
  .homepage-page .management-grid,.homepage-page .departments-grid,.homepage-page .facilities-grid,.homepage-page .news-grid,.homepage-page .achievements-grid,.homepage-page .institutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homepage-page .activities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homepage-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .homepage-page .placement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .homepage-page .hero-slide{padding:84px 20px 56px}
  .homepage-page .hero-slider-controls{bottom:32px}
  .homepage-page .highlights-grid,.homepage-page .management-grid,.homepage-page .departments-grid,.homepage-page .facilities-grid,.homepage-page .news-grid,.homepage-page .activities-grid,.homepage-page .achievements-grid,.homepage-page .institutions-grid{grid-template-columns:1fr}
  .homepage-page .about-features{grid-template-columns:1fr}
  .homepage-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .homepage-page .placement-stats{grid-template-columns:1fr}
  .homepage-page .placement-ctas,.homepage-page .admission-cta-btns{flex-direction:column}
}

/* ===================== INDEX-2 PAGE ===================== */
.index-2-page .hero{min-height:100vh;background:linear-gradient(135deg,rgba(8,15,47,0.97) 0%,rgba(8,15,47,0.78) 100%),url('https://images.unsplash.com/photo-1562774053-701939374585?w=1920&q=80') center/cover no-repeat;display:flex;align-items:center;padding:100px 40px 60px;position:relative;overflow:hidden}
.index-2-page .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(242,213,1,0.06) 0%,transparent 60%);pointer-events:none}
.index-2-page .hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--primary));pointer-events:none}
.index-2-page .hero-grid{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:2}
.index-2-page .hero-left{min-width:0}
.index-2-page .hero-stats{display:flex;gap:36px;margin-top:48px}
.index-2-page .hero-stat-num{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:900;color:var(--gold);line-height:1}
.index-2-page .hero-stat-label{font-size:12px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:1px;margin-top:4px}
@media(max-width:1024px){
  .index-2-page .hero-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .index-2-page .hero{padding:90px 20px 56px}
  .index-2-page .hero-stats{flex-wrap:wrap;gap:20px}
}

/* ===================== ADMISSIONS PAGE ===================== */
.admissions-page .cm{max-width:1280px;margin:0 auto}
.admissions-page .sc{text-align:center}
.admissions-page .sc .gold-line{margin:16px auto 0}
.admissions-page .sc .section-desc{margin:0 auto}
.admissions-page .rev-l{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease}
.admissions-page .rev-l.visible{opacity:1;transform:none}
.admissions-page .rev-r{opacity:0;transform:translateX(40px);transition:opacity .7s ease,transform .7s ease}
.admissions-page .rev-r.visible{opacity:1;transform:none}
.admissions-page .btn-gold{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 32px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block}
.admissions-page .btn-gold:hover{background:var(--white);border-color:var(--white);color:var(--primary)}
.admissions-page .btn-outline-gold{background:transparent;color:var(--gold);border:2px solid var(--gold);padding:14px 32px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.admissions-page .btn-outline-gold:hover{background:var(--gold);color:var(--primary)}
.admissions-page .inner-hero{min-height:440px;background:linear-gradient(135deg,rgba(8,15,47,.96) 0%,rgba(8,15,47,.80) 100%),url('https://images.unsplash.com/photo-1531482615713-2afd69097998?w=1920&q=80') center/cover no-repeat}
.admissions-page .ih-content{position:relative;z-index:2;animation:fadeInUp .7s ease both;padding:0 20px}
.admissions-page .breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}
.admissions-page .breadcrumb a{color:rgba(255,255,255,.55);font-size:13px;text-decoration:none;transition:color .2s}
.admissions-page .breadcrumb a:hover{color:var(--gold)}
.admissions-page .breadcrumb span{color:var(--gold);font-size:13px}
.admissions-page .bc-sep{color:rgba(255,255,255,.3)}
.admissions-page .ih-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,.12);border:1px solid rgba(242,213,1,.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px}
.admissions-page .ih-badge span{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.admissions-page .inner-hero h1 .acc{color:var(--gold)}
.admissions-page .ih-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.admissions-page .ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.admissions-page .collage{position:relative;height:520px}
.admissions-page .col-main{width:75%;height:75%;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px rgba(8,15,47,.2);position:absolute;top:0;left:0}
.admissions-page .col-sub{width:55%;height:50%;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px rgba(8,15,47,.25);position:absolute;bottom:0;right:0;border:4px solid var(--white)}
.admissions-page .col-badge{position:absolute;width:90px;height:90px;background:var(--gold);border-radius:16px;bottom:80px;left:-20px;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 32px rgba(242,213,1,.5);animation:floatShape 4s ease-in-out infinite}
.admissions-page .mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.admissions-page .msc{background:var(--light);border-radius:14px;padding:18px 20px;border-left:4px solid var(--gold);transition:all .3s;display:flex;align-items:center;gap:14px}
.admissions-page .msc:hover{background:var(--gold)}
.admissions-page .msc-ic{width:40px;height:40px;background:rgba(242,213,1,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold);flex-shrink:0}
.admissions-page .msc-n{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;color:var(--primary);line-height:1}
.admissions-page .msc-l{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px}
.admissions-page .tab-bar,.index-2-page .tab-bar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:40px 0 0}
.admissions-page .tab-btn,.index-2-page .tab-btn{background:transparent;border:2px solid var(--soft);color:#888;padding:10px 28px;border-radius:50px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}
.admissions-page .tab-btn.active,.admissions-page .tab-btn:hover,.index-2-page .tab-btn.active,.index-2-page .tab-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--primary);box-shadow:0 4px 20px rgba(242,213,1,.35)}
.admissions-page .tab-content,.index-2-page .tab-content{display:none}
.admissions-page .tab-content.active,.index-2-page .tab-content.active{display:grid}
.admissions-page .cg,.index-2-page .cg{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.admissions-page .cg2,.index-2-page .cg2{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px}
.admissions-page .cc-img,.index-2-page .cc-img{position:relative;height:175px;overflow:hidden}
.admissions-page .cc-img img,.index-2-page .cc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.admissions-page .cc-img::after,.index-2-page .cc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(8,15,47,.9))}
.admissions-page .cc-badge,.index-2-page .cc-badge{position:absolute;top:14px;right:14px;background:var(--gold);color:var(--primary);font-size:10px;font-weight:800;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:1px;z-index:2}
.admissions-page .cc-body,.index-2-page .cc-body{padding:22px 24px}
.admissions-page .cc-title,.index-2-page .cc-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:10px}
.admissions-page .cc-meta,.index-2-page .cc-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}
.admissions-page .cc-meta-item,.index-2-page .cc-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:rgba(255,255,255,.5)}
.admissions-page .cc-elig,.index-2-page .cc-elig{font-size:12px;color:rgba(255,255,255,.4);line-height:1.6;margin-bottom:16px}
.admissions-page .cc-btn,.index-2-page .cc-btn{width:100%;background:rgba(255,255,255,.08);color:var(--white);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:11px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-align:center}
.admissions-page .cc-btn:hover,.index-2-page .cc-btn:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.admissions-page .elig-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:60px}
.admissions-page .elig-card{background:var(--white);border-radius:22px;padding:40px 36px;box-shadow:0 8px 40px rgba(8,15,47,.09);border:1px solid var(--soft);position:relative;overflow:hidden}
.admissions-page .elig-icon{width:64px;height:64px;background:var(--gold);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary);margin-bottom:22px;box-shadow:0 8px 24px rgba(242,213,1,.4)}
.admissions-page .proc-wrap{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;position:relative;align-items:start}
.admissions-page .proc-wrap::before{content:'';position:absolute;top:42px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,.3));z-index:0}
.admissions-page .proc-step{text-align:center;position:relative;z-index:1;padding:0 10px}
.admissions-page .ps-circle{width:84px;height:84px;background:var(--white);border:3px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 0 0 6px rgba(242,213,1,.12)}
.admissions-page .ps-label{font-size:10px;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.admissions-page .ps-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--primary);margin-bottom:8px}
.admissions-page .ps-desc{font-size:13px;color:#666;line-height:1.6}
.admissions-page .docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.admissions-page .doc-card{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--soft);border-radius:14px;padding:14px}
.admissions-page .doc-icon,.admissions-page .doc-chk{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.admissions-page .doc-icon{background:rgba(242,213,1,.12);color:var(--gold)}
.admissions-page .doc-chk{background:rgba(34,197,94,.14);color:#22c55e;margin-left:auto}
.admissions-page .doc-name{font-weight:700;font-size:13px}
.admissions-page .doc-note{font-size:11px;color:#777}
.admissions-page .sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}
.admissions-page .sc-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:26px}
.admissions-page .sc-icon{width:54px;height:54px;background:rgba(242,213,1,.14);color:var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}
.admissions-page .sc-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--white);margin-bottom:10px}
.admissions-page .sc-desc{font-size:13px;color:rgba(255,255,255,.62);line-height:1.7;margin-bottom:12px}
.admissions-page .sc-badge{display:inline-block;background:rgba(242,213,1,.16);border:1px solid rgba(242,213,1,.35);color:var(--gold);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:40px}
.admissions-page .form-wrap{background:linear-gradient(135deg,var(--primary) 0%,#0c1748 100%);padding:80px 40px}
.admissions-page .form-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:22px;padding:28px}
.admissions-page .fg2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.admissions-page .fg{margin-bottom:14px}
.admissions-page .fg label{display:block;font-size:12px;color:rgba(255,255,255,.62);margin-bottom:6px}
.admissions-page .fg input,.admissions-page .fg select,.admissions-page .fg textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px 14px;color:var(--white);font-family:'Poppins',sans-serif;font-size:14px}
.admissions-page .fg textarea{resize:vertical}
.admissions-page .btn-txt{display:inline-block}
.admissions-page .faq-list{margin-top:46px;display:grid;gap:14px}
.admissions-page .faq-item{border:1px solid var(--soft);border-radius:14px;background:var(--white);overflow:hidden}
.admissions-page .faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer}
.admissions-page .faq-q-txt{font-weight:600;color:var(--primary);font-size:14px}
.admissions-page .faq-ico{color:var(--gold)}
.admissions-page .faq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease}
.admissions-page .faq-ans-inner{padding:0 20px 18px;font-size:13px;color:#666;line-height:1.7}
@media(max-width:1100px){
  .admissions-page .ov-grid,.admissions-page .elig-grid,.admissions-page .sc-grid,.admissions-page .docs-grid,.admissions-page .proc-wrap{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .admissions-page .ov-grid,.admissions-page .cg,.admissions-page .cg2,.admissions-page .sc-grid,.admissions-page .docs-grid,.admissions-page .proc-wrap,.admissions-page .fg2,.index-2-page .cg,.index-2-page .cg2{grid-template-columns:1fr}
  .admissions-page .col-badge{display:none}
}

/* ===================== ABOUT COLLEGE PAGE ===================== */
.about-college-page .accent{color:var(--gold)}
/* ===================== ABOUT PAGE HERO BANNER ===================== */
.about-college-page .about-hero{position:relative;min-height:420px;display:flex;align-items:center;padding:0 40px;margin-top:0;overflow:hidden;background:var(--primary)}
.about-college-page .about-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(242,213,1,0.08) 0%,rgba(242,213,1,0) 100%);pointer-events:none}
.about-college-page .about-hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,47,0.4),rgba(8,15,47,0.8)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="dots" x="0" y="0" width="60" height="60" patternUnits="userSpaceOnUse"><circle cx="30" cy="30" r="2" fill="rgba(242,213,1,0.08)"/></pattern></defs><rect fill="url(%23dots)" width="1200" height="600"/></svg>');background-size:auto,60px 60px;opacity:1}
.about-college-page .about-hero-content{position:relative;z-index:3;max-width:1100px;margin:0 auto;width:100%}
.about-college-page .about-breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap;animation:fadeInDown .6s ease}
.about-college-page .about-breadcrumb a{color:rgba(255,255,255,0.65);text-decoration:none;font-size:13px;transition:color .2s}
.about-college-page .about-breadcrumb a:hover{color:var(--gold)}
.about-college-page .about-breadcrumb span{color:var(--gold);font-weight:600;font-size:13px}
.about-college-page .about-breadcrumb i{color:rgba(255,255,255,0.4);font-size:12px}
.about-college-page .about-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(40px,5vw,68px);font-weight:900;color:var(--white);line-height:1.2;margin-bottom:16px;animation:fadeInUp .7s ease .1s both}
.about-college-page .about-hero-subtitle{font-size:18px;color:rgba(255,255,255,0.75);line-height:1.6;max-width:500px;animation:fadeInUp .7s ease .2s both}

/* ===================== ABOUT INTRO SECTION ===================== */
.about-college-page .about-intro{padding:100px 40px;background:var(--white)}
.about-college-page .about-intro-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;max-width:1300px;margin:0 auto}
.about-college-page .about-intro-images{position:relative;animation:fadeInLeft .8s ease}
.about-college-page .about-img-grid{position:relative;height:500px}
.about-college-page .about-img-main{position:absolute;width:65%;height:70%;background:linear-gradient(135deg,var(--gold),rgba(242,213,1,0.6));border-radius:20px;top:0;left:0;box-shadow:0 20px 60px rgba(8,15,47,0.15);overflow:hidden}
.about-college-page .about-img-main img{width:100%;height:100%;object-fit:cover;opacity:0.9}
.about-college-page .about-img-accent1{position:absolute;width:45%;height:50%;background:var(--light);border-radius:16px;bottom:0;right:0;box-shadow:0 15px 40px rgba(8,15,47,0.1);overflow:hidden;border:2px solid rgba(242,213,1,0.3)}
.about-college-page .about-img-accent1 img{width:100%;height:100%;object-fit:cover}
.about-college-page .about-img-accent2{position:absolute;width:35%;height:40%;background:rgba(242,213,1,0.08);border-radius:14px;top:50%;right:10%;border:1px solid rgba(242,213,1,0.2);overflow:hidden}
.about-college-page .about-img-accent2 img{width:100%;height:100%;object-fit:cover}
.about-college-page .about-intro-content{animation:fadeInRight .8s ease}
.about-college-page .section-label{display:inline-block;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.about-college-page .section-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);line-height:1.2;margin-bottom:24px}
.about-college-page .section-title .accent{color:var(--gold)}
.about-college-page .about-intro-text{font-size:15.5px;line-height:1.9;color:rgba(8,15,47,0.75);margin-bottom:22px;font-weight:300}
.about-college-page .about-accreditations{display:flex;flex-direction:column;gap:14px;margin:32px 0}
.about-college-page .accred-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:rgba(242,213,1,0.06);border-left:3px solid var(--gold);border-radius:6px;transition:all .3s}
.about-college-page .accred-item:hover{background:rgba(242,213,1,0.12);transform:translateX(6px)}
.about-college-page .accred-icon{color:var(--gold);font-size:18px;margin-top:2px;flex-shrink:0}
.about-college-page .accred-text{font-size:14px;color:var(--primary);font-weight:500;line-height:1.5}
.about-college-page .btn-primary{background:var(--gold);color:var(--primary);border:none;padding:14px 32px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block;margin-top:16px}
.about-college-page .btn-primary:hover{background:var(--white);box-shadow:0 8px 36px rgba(255,255,255,0.3);transform:translateY(-2px)}

/* ===================== ACCREDITATION SECTION ===================== */
.about-college-page .accreditation-section{padding:100px 40px;background:linear-gradient(180deg,rgba(242,213,1,0.04),rgba(242,213,1,0.02));position:relative;overflow:hidden}
.about-college-page .accreditation-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(242,213,1,0.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(242,213,1,0.06),transparent 50%);pointer-events:none}
.about-college-page .accreditation-inner{position:relative;z-index:2;max-width:1300px;margin:0 auto}
.about-college-page .accreditation-header{text-align:center;margin-bottom:70px;animation:fadeInDown .6s ease}
.about-college-page .accreditation-subtitle{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
.about-college-page .accreditation-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);margin-bottom:16px}
.about-college-page .accreditation-desc{font-size:16px;color:rgba(8,15,47,0.65);max-width:600px;margin:0 auto;line-height:1.7}
.about-college-page .accreditation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.about-college-page .accred-card{background:var(--white);padding:40px 30px;border-radius:16px;border:2px solid rgba(242,213,1,0.15);transition:all .4s cubic-bezier(0.23,1,0.320,1);position:relative;overflow:hidden;animation:fadeInUp .7s ease;animation-fill-mode:both}
.about-college-page .accred-card:nth-child(1){animation-delay:.1s}
.about-college-page .accred-card:nth-child(2){animation-delay:.2s}
.about-college-page .accred-card:nth-child(3){animation-delay:.3s}
.about-college-page .accred-card:nth-child(4){animation-delay:.4s}
.about-college-page .accred-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(242,213,1,0.1),transparent);opacity:0;transition:opacity .4s;pointer-events:none}
.about-college-page .accred-card:hover{border-color:var(--gold);box-shadow:0 20px 60px rgba(242,213,1,0.15);transform:translateY(-8px)}
.about-college-page .accred-card:hover::before{opacity:1}
.about-college-page .accred-card-icon{font-size:44px;color:var(--gold);margin-bottom:16px;text-shadow:0 0 20px rgba(242,213,1,0.3)}
.about-college-page .accred-card-title{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:800;color:var(--primary);margin-bottom:12px;line-height:1.3}
.about-college-page .accred-card-desc{font-size:13px;color:rgba(8,15,47,0.65);line-height:1.6;font-weight:300}

/* ===================== EDUCATIONAL PHILOSOPHY ===================== */
.about-college-page .philosophy-section{padding:100px 40px;background:var(--white)}
.about-college-page .philosophy-inner{max-width:1300px;margin:0 auto}
.about-college-page .philosophy-header{text-align:center;margin-bottom:70px;animation:fadeInDown .6s ease}
.about-college-page .philosophy-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);margin-bottom:16px}
.about-college-page .philosophy-desc{font-size:16px;color:rgba(8,15,47,0.65);max-width:600px;margin:0 auto;line-height:1.7}
.about-college-page .philosophy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.about-college-page .phil-card{background:linear-gradient(135deg,var(--light),var(--white));padding:40px 24px;border-radius:16px;border:1px solid rgba(242,213,1,0.15);text-align:center;transition:all .4s;position:relative;overflow:hidden;animation:fadeInUp .7s ease;animation-fill-mode:both}
.about-college-page .phil-card:nth-child(1){animation-delay:.1s}
.about-college-page .phil-card:nth-child(2){animation-delay:.2s}
.about-college-page .phil-card:nth-child(3){animation-delay:.3s}
.about-college-page .phil-card:nth-child(4){animation-delay:.4s}
.about-college-page .phil-card:nth-child(5){animation-delay:.5s}
.about-college-page .phil-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.about-college-page .phil-card:hover::before{transform:scaleX(1)}
.about-college-page .phil-card:hover{border-color:var(--gold);box-shadow:0 15px 40px rgba(242,213,1,0.15);transform:translateY(-8px)}
.about-college-page .phil-icon{font-size:38px;color:var(--gold);margin-bottom:16px;text-shadow:0 0 15px rgba(242,213,1,0.3)}
.about-college-page .phil-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--primary);line-height:1.4;margin-bottom:8px}
.about-college-page .phil-text{font-size:12.5px;color:rgba(8,15,47,0.6);line-height:1.6;font-weight:300}

/* ===================== ACADEMIC EXCELLENCE ===================== */
.about-college-page .academic-section{padding:100px 40px;background:var(--light)}
.about-college-page .academic-inner{max-width:1300px;margin:0 auto}
.about-college-page .academic-header{text-align:center;margin-bottom:70px;animation:fadeInDown .6s ease}
.about-college-page .academic-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);margin-bottom:16px}
.about-college-page .academic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.about-college-page .academic-item{background:var(--white);padding:32px 24px;border-radius:16px;border:1px solid rgba(242,213,1,0.15);text-align:center;transition:all .4s;animation:fadeInUp .7s ease;animation-fill-mode:both}
.about-college-page .academic-item:nth-child(1){animation-delay:.1s}
.about-college-page .academic-item:nth-child(2){animation-delay:.2s}
.about-college-page .academic-item:nth-child(3){animation-delay:.3s}
.about-college-page .academic-item:nth-child(4){animation-delay:.4s}
.about-college-page .academic-item:nth-child(5){animation-delay:.1s}
.about-college-page .academic-item:nth-child(6){animation-delay:.2s}
.about-college-page .academic-item:nth-child(7){animation-delay:.3s}
.about-college-page .academic-item:nth-child(8){animation-delay:.4s}
.about-college-page .academic-item:hover{border-color:var(--gold);box-shadow:0 15px 40px rgba(242,213,1,0.15);transform:translateY(-6px)}
.about-college-page .academic-icon{font-size:36px;color:var(--gold);margin-bottom:14px;text-shadow:0 0 15px rgba(242,213,1,0.3)}
.about-college-page .academic-title-item{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;color:var(--primary);line-height:1.4}
.about-college-page .academic-text{font-size:12px;color:rgba(8,15,47,0.6);margin-top:8px;line-height:1.5}

/* ===================== FACULTY & SUPPORT SECTION ===================== */
.about-college-page .faculty-section{padding:100px 40px;background:var(--white)}
.about-college-page .faculty-inner{max-width:1300px;margin:0 auto}
.about-college-page .faculty-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-college-page .faculty-content{animation:fadeInLeft .8s ease}
.about-college-page .faculty-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);margin-bottom:24px}
.about-college-page .faculty-list{display:flex;flex-direction:column;gap:16px}
.about-college-page .faculty-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(242,213,1,0.06);border-left:3px solid var(--gold);border-radius:8px;transition:all .3s}
.about-college-page .faculty-item:hover{background:rgba(242,213,1,0.12);transform:translateX(6px)}
.about-college-page .faculty-icon{color:var(--gold);font-size:20px;margin-top:2px;flex-shrink:0}
.about-college-page .faculty-item-text{font-size:14px;color:var(--primary);font-weight:500;line-height:1.5}
.about-college-page .faculty-image{position:relative;height:480px;background:linear-gradient(135deg,var(--gold),rgba(242,213,1,0.6));border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(8,15,47,0.15);animation:fadeInRight .8s ease}
.about-college-page .faculty-image img{width:100%;height:100%;object-fit:cover;opacity:0.95}

/* ===================== LOCATION SECTION ===================== */
.about-college-page .location-section{padding:100px 40px;background:linear-gradient(180deg,rgba(242,213,1,0.04),rgba(242,213,1,0.02))}
.about-college-page .location-inner{max-width:1300px;margin:0 auto}
.about-college-page .location-header{text-align:center;margin-bottom:70px;animation:fadeInDown .6s ease}
.about-college-page .location-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);margin-bottom:16px}
.about-college-page .location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.about-college-page .location-info{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-college-page .location-card{background:var(--white);padding:32px;border-radius:16px;border:2px solid rgba(242,213,1,0.15);transition:all .4s;animation:fadeInUp .7s ease;animation-fill-mode:both;position:relative;overflow:hidden}
.about-college-page .location-card:nth-child(1){animation-delay:.1s}
.about-college-page .location-card:nth-child(2){animation-delay:.2s}
.about-college-page .location-card:nth-child(3){animation-delay:.3s}
.about-college-page .location-card:nth-child(4){animation-delay:.4s}
.about-college-page .location-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(242,213,1,0.05),transparent);opacity:0;transition:opacity .4s}
.about-college-page .location-card:hover{border-color:var(--gold);box-shadow:0 15px 40px rgba(242,213,1,0.15)}
.about-college-page .location-card:hover::before{opacity:1}
.about-college-page .location-icon{font-size:28px;color:var(--gold);margin-bottom:12px;text-shadow:0 0 15px rgba(242,213,1,0.3)}
.about-college-page .location-label{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.about-college-page .location-value{font-size:15px;color:rgba(8,15,47,0.75);font-weight:500;line-height:1.6}

/* ===================== HIGHLIGHTS/COUNTERS ===================== */
.about-college-page .highlights-section{padding:90px 40px;background:var(--primary)}
.about-college-page .highlights-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;animation:fadeInUp .8s ease}
.about-college-page .highlight-item{text-align:center;position:relative}
.about-college-page .highlight-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,0.1)}
.about-college-page .highlight-number{font-family:'Montserrat',sans-serif;font-size:52px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(242,213,1,0.4);margin-bottom:8px}
.about-college-page .highlight-suffix{font-size:28px;display:inline}
.about-college-page .highlight-label{font-size:13px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}

/* ===================== WHY CHOOSE US ===================== */
.about-college-page .why-choose-section{padding:100px 40px;background:var(--white)}
.about-college-page .why-choose-inner{max-width:1300px;margin:0 auto}
.about-college-page .why-header{text-align:center;margin-bottom:70px;animation:fadeInDown .6s ease}
.about-college-page .why-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);margin-bottom:16px}
.about-college-page .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.about-college-page .why-card{background:linear-gradient(135deg,var(--light),var(--white));padding:40px 32px;border-radius:16px;border:1px solid rgba(242,213,1,0.15);transition:all .4s;animation:fadeInUp .7s ease;animation-fill-mode:both;position:relative;overflow:hidden}
.about-college-page .why-card:nth-child(1){animation-delay:.1s}
.about-college-page .why-card:nth-child(2){animation-delay:.2s}
.about-college-page .why-card:nth-child(3){animation-delay:.3s}
.about-college-page .why-card:nth-child(4){animation-delay:.1s}
.about-college-page .why-card:nth-child(5){animation-delay:.2s}
.about-college-page .why-card:nth-child(6){animation-delay:.3s}
.about-college-page .why-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.about-college-page .why-card:hover::before{transform:scaleX(1)}
.about-college-page .why-card:hover{border-color:var(--gold);box-shadow:0 20px 60px rgba(242,213,1,0.15);transform:translateY(-8px)}
.about-college-page .why-icon{font-size:40px;color:var(--gold);margin-bottom:16px;text-shadow:0 0 20px rgba(242,213,1,0.3)}
.about-college-page .why-card-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--primary);margin-bottom:12px;line-height:1.3}
.about-college-page .why-card-desc{font-size:13.5px;color:rgba(8,15,47,0.65);line-height:1.7;font-weight:300}

/* ===================== GALLERY SECTION ===================== */
.about-college-page .gallery-section{padding:100px 40px;background:var(--light)}
.about-college-page .gallery-inner{max-width:1400px;margin:0 auto}
.about-college-page .gallery-header{text-align:center;margin-bottom:70px;animation:fadeInDown .6s ease}
.about-college-page .gallery-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;color:var(--primary);margin-bottom:16px}
.about-college-page .gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.about-college-page .gallery-item{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:1/1;cursor:pointer;animation:fadeInUp .7s ease;animation-fill-mode:both}
.about-college-page .gallery-item:nth-child(1){animation-delay:.1s}
.about-college-page .gallery-item:nth-child(2){animation-delay:.2s}
.about-college-page .gallery-item:nth-child(3){animation-delay:.3s}
.about-college-page .gallery-item:nth-child(4){animation-delay:.1s}
.about-college-page .gallery-item:nth-child(5){animation-delay:.2s}
.about-college-page .gallery-item:nth-child(6){animation-delay:.3s}
.about-college-page .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.about-college-page .gallery-item::before{content:'';position:absolute;inset:0;background:rgba(8,15,47,0.3);opacity:0;transition:opacity .4s;z-index:2}
.about-college-page .gallery-item:hover img{transform:scale(1.08)}
.about-college-page .gallery-item:hover::before{opacity:1}
.about-college-page .gallery-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;transition:opacity .4s}
.about-college-page .gallery-item:hover .gallery-overlay{opacity:1}
.about-college-page .gallery-icon{font-size:36px;color:var(--white);text-shadow:0 0 10px rgba(0,0,0,0.5)}

/* ===================== CTA SECTION ===================== */
.about-college-page .cta-section{padding:80px 40px;background:linear-gradient(135deg,var(--primary),rgba(8,15,47,0.8));position:relative;overflow:hidden;animation:fadeInUp .8s ease}
.about-college-page .cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(242,213,1,0.1),transparent 50%),radial-gradient(circle at 80% 50%,rgba(242,213,1,0.08),transparent 50%);pointer-events:none}
.about-college-page .cta-inner{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}
.about-college-page .cta-badge{display:inline-block;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.about-college-page .cta-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,52px);font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.2}
.about-college-page .cta-subtitle{font-size:16px;color:rgba(255,255,255,0.75);margin-bottom:40px;line-height:1.7}
.about-college-page .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.about-college-page .btn-cta-primary{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 36px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block}
.about-college-page .btn-cta-primary:hover{background:var(--white);border-color:var(--white);box-shadow:0 8px 36px rgba(255,255,255,0.3)}
.about-college-page .btn-cta-secondary{background:transparent;color:var(--gold);border:2px solid var(--gold);padding:14px 36px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.about-college-page .btn-cta-secondary:hover{background:var(--gold);color:var(--primary)}
/* ===================== RESPONSIVE ===================== */
@media(max-width:1200px){
  .about-college-page .accreditation-grid{grid-template-columns:repeat(2,1fr)}
  .about-college-page .philosophy-grid{grid-template-columns:repeat(3,1fr)}
  .about-college-page .academic-grid{grid-template-columns:repeat(3,1fr)}
  .about-college-page .why-grid{grid-template-columns:repeat(2,1fr)}
  .about-college-page .location-info{grid-template-columns:1fr}
  .about-college-page .faculty-split{grid-template-columns:1fr;gap:50px}
}

@media(max-width:1024px){
  .about-college-page .about-hero{padding:0 30px;margin-top:0;min-height:360px}
  .about-college-page .about-intro{padding:80px 30px}
  .about-college-page .about-intro-split{grid-template-columns:1fr;gap:50px}
  .about-college-page .about-img-grid{height:350px}
  .about-college-page .accreditation-section{padding:80px 30px}
  .about-college-page .accreditation-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .about-college-page .philosophy-section{padding:80px 30px}
  .about-college-page .philosophy-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .about-college-page .academic-section{padding:80px 30px}
  .about-college-page .academic-grid{grid-template-columns:repeat(2,1fr)}
  .about-college-page .faculty-section{padding:80px 30px}
  .about-college-page .location-section{padding:80px 30px}
  .about-college-page .why-choose-section{padding:80px 30px}
  .about-college-page .why-grid{grid-template-columns:1fr}
  .about-college-page .gallery-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .about-college-page .cta-section{padding:60px 30px}
}

@media(max-width:768px){
  .about-college-page .about-hero{padding:0 20px;margin-top:0;min-height:320px}
  .about-college-page .about-hero-title{font-size:clamp(28px,5vw,40px)}
  .about-college-page .about-hero-subtitle{font-size:15px}
  .about-college-page .about-breadcrumb{font-size:12px;gap:8px}
  .about-college-page .about-intro{padding:60px 20px}
  .about-college-page .about-intro-content{animation:fadeInUp .8s ease}
  .about-college-page .section-title{font-size:clamp(28px,4vw,36px)}
  .about-college-page .accreditation-section{padding:60px 20px}
  .about-college-page .accreditation-grid{grid-template-columns:1fr;gap:16px}
  .about-college-page .accred-card{padding:30px 20px}
  .about-college-page .philosophy-section{padding:60px 20px}
  .about-college-page .philosophy-grid{grid-template-columns:1fr}
  .about-college-page .academic-section{padding:60px 20px}
  .about-college-page .academic-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .about-college-page .academic-item{padding:24px 16px}
  .about-college-page .faculty-section{padding:60px 20px}
  .about-college-page .faculty-image{height:300px;margin-top:40px}
  .about-college-page .location-section{padding:60px 20px}
  .about-college-page .location-grid{grid-template-columns:1fr;gap:24px}
  .about-college-page .location-info{gap:16px}
  .about-college-page .highlights-section{padding:60px 20px}
  .about-college-page .highlights-grid{gap:16px;grid-template-columns:repeat(2,1fr)}
  .about-college-page .highlight-item:not(:last-child)::after{display:none}
  .about-college-page .highlight-number{font-size:40px}
  .about-college-page .why-choose-section{padding:60px 20px}
  .about-college-page .gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .about-college-page .gallery-item{aspect-ratio:1/1}
  .about-college-page .cta-section{padding:50px 20px}
  .about-college-page .cta-title{font-size:clamp(26px,4vw,36px)}
  .about-college-page .cta-subtitle{font-size:14px}
  .about-college-page .cta-buttons{gap:12px}
  .about-college-page .btn-cta-primary, .about-college-page .btn-cta-secondary{padding:12px 28px;font-size:14px}
}

@media(max-width:480px){
  .about-college-page .about-hero{padding:0 16px;margin-top:0;min-height:280px}
  .about-college-page .about-hero-title{font-size:clamp(24px,5vw,32px);margin-bottom:12px}
  .about-college-page .about-hero-subtitle{font-size:13px;margin-bottom:0}
  .about-college-page .about-breadcrumb{margin-bottom:16px}
  .about-college-page .about-intro{padding:40px 16px}
  .about-college-page .about-intro-split{gap:30px}
  .about-college-page .about-intro-images{height:300px}
  .about-college-page .about-intro-text{font-size:13.5px;margin-bottom:16px}
  .about-college-page .accreditation-section{padding:50px 16px}
  .about-college-page .accreditation-header{margin-bottom:50px}
  .about-college-page .accreditation-grid{grid-template-columns:1fr}
  .about-college-page .accred-card{padding:24px 16px}
  .about-college-page .accred-card-icon{font-size:36px}
  .about-college-page .accred-card-title{font-size:15px}
  .about-college-page .philosophy-section{padding:50px 16px}
  .about-college-page .philosophy-header{margin-bottom:40px}
  .about-college-page .philosophy-grid{gap:16px}
  .about-college-page .phil-card{padding:28px 16px}
  .about-college-page .phil-icon{font-size:32px}
  .about-college-page .phil-title{font-size:13px}
  .about-college-page .academic-section{padding:50px 16px}
  .about-college-page .academic-header{margin-bottom:40px}
  .about-college-page .academic-grid{grid-template-columns:1fr;gap:12px}
  .about-college-page .academic-item{padding:20px 14px}
  .about-college-page .academic-icon{font-size:28px}
  .about-college-page .faculty-section{padding:50px 16px}
  .about-college-page .faculty-list{gap:12px}
  .about-college-page .faculty-item{padding:12px}
  .about-college-page .faculty-icon{font-size:18px}
  .about-college-page .faculty-item-text{font-size:13px}
  .about-college-page .faculty-image{height:250px;margin-top:30px}
  .about-college-page .location-section{padding:50px 16px}
  .about-college-page .location-header{margin-bottom:40px}
  .about-college-page .location-grid{gap:20px}
  .about-college-page .location-card{padding:20px}
  .about-college-page .location-icon{font-size:24px}
  .about-college-page .location-label{font-size:11px}
  .about-college-page .location-value{font-size:13px}
  .about-college-page .highlights-section{padding:50px 16px}
  .about-college-page .highlights-grid{grid-template-columns:1fr;gap:20px}
  .about-college-page .highlight-number{font-size:36px}
  .about-college-page .highlight-label{font-size:11px}
  .about-college-page .why-choose-section{padding:50px 16px}
  .about-college-page .why-header{margin-bottom:40px}
  .about-college-page .why-grid{gap:20px}
  .about-college-page .why-card{padding:28px 16px}
  .about-college-page .why-icon{font-size:32px}
  .about-college-page .why-card-title{font-size:14px}
  .about-college-page .gallery-grid{grid-template-columns:1fr;gap:12px}
  .about-college-page .cta-section{padding:40px 16px}
  .about-college-page .cta-title{font-size:clamp(22px,4vw,28px);margin-bottom:12px}
  .about-college-page .cta-subtitle{font-size:13px;margin-bottom:24px}
  .about-college-page .cta-buttons{flex-direction:column}
  .about-college-page .btn-cta-primary, .about-college-page .btn-cta-secondary{width:100%;padding:12px 20px}
}

/* ============================================================
   VISION & MISSION PAGE
   Page-specific styles moved from vision-mission.php
   ============================================================ */
/* ============================================================
   VISION & MISSION PAGE — ADDITIONAL CSS ONLY
   (only selectors that don't exist in index.html)
   ============================================================ */

/* Inner Banner */
.vision-mission-page .inner-banner{position:relative;height:420px;display:flex;align-items:center;overflow:hidden}
.vision-mission-page .inner-banner-bg{position:absolute;inset:0;background-size:cover;background-position:center;animation:bannerZoom 14s ease-in-out infinite alternate}
@keyframes bannerZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.vision-mission-page .inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.94) 0%,rgba(8,15,47,0.7) 100%)}
.vision-mission-page .inner-banner-content{position:relative;z-index:2;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease both}
.vision-mission-page .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.vision-mission-page .breadcrumb a{color:rgba(255,255,255,0.6);font-size:13px;text-decoration:none;transition:color .2s}
.vision-mission-page .breadcrumb a:hover{color:var(--gold)}
.vision-mission-page .breadcrumb-sep{color:rgba(255,255,255,0.25);font-size:11px}
.vision-mission-page .breadcrumb-current{color:var(--gold);font-size:13px;font-weight:600}
.vision-mission-page .inner-banner-sub{font-size:16px;color:rgba(255,255,255,0.65);font-weight:300;max-width:560px;line-height:1.7;margin-top:8px}
.vision-mission-page .inner-banner-line{display:block;width:80px;height:4px;background:var(--gold);border-radius:2px;margin-top:20px}

/* Vision statement card */
.vision-mission-page .vision-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;padding:52px 48px;position:relative;overflow:hidden;margin-top:48px;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.vision-mission-page .vision-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3),var(--gold))}
.vision-mission-page .vision-card::after{content:'';position:absolute;bottom:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:rgba(242,213,1,0.05)}
.vision-mission-page .vision-quote-mark{font-family:'Georgia',serif;font-size:120px;color:rgba(242,213,1,0.15);line-height:.8;position:absolute;top:24px;left:32px;font-weight:900;pointer-events:none}
.vision-mission-page .vision-text{font-family:'Montserrat',sans-serif;font-size:clamp(16px,1.6vw,21px);font-weight:600;color:var(--white);line-height:1.75;position:relative;z-index:1}
.vision-mission-page .vision-text .kw{color:var(--gold);font-weight:800}

/* Mission numbered cards — reuse research-card from index but add number badge */
.vision-mission-page .mission-num{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.vision-mission-page .mission-num::after{content:'';flex:1;height:1px;background:rgba(242,213,1,0.2)}

/* Quote highlight strip */
.vision-mission-page .quote-strip{background:linear-gradient(135deg,var(--primary) 0%,#0d1650 50%,var(--primary) 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.vision-mission-page .quote-strip::before,.vision-mission-page .quote-strip::after{content:'';position:absolute;border-radius:50%;background:rgba(242,213,1,0.06);animation:floatOrb 10s ease-in-out infinite}
.vision-mission-page .quote-strip::before{width:600px;height:600px;top:-280px;left:-120px}
.vision-mission-page .quote-strip::after{width:500px;height:500px;bottom:-220px;right:-100px;animation-delay:-5s}
.vision-mission-page .quote-strip-text{font-family:'Montserrat',sans-serif;font-size:clamp(20px,2.5vw,34px);font-weight:800;color:var(--white);line-height:1.5;max-width:860px;margin:0 auto;position:relative;z-index:2}
.vision-mission-page .quote-strip-text .accent{color:var(--gold)}

/* Academic feature cards — split layout */
.vision-mission-page .acad-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.vision-mission-page .acad-img{position:relative;border-radius:20px;overflow:hidden;height:460px;box-shadow:0 24px 72px rgba(8,15,47,0.18)}
.vision-mission-page .acad-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.vision-mission-page .acad-img:hover img{transform:scale(1.04)}
.vision-mission-page .acad-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,47,0.6) 0%,transparent 55%)}
.vision-mission-page .acad-img-badge{position:absolute;bottom:24px;left:24px;background:var(--gold);color:var(--primary);font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;padding:10px 18px;border-radius:10px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(242,213,1,0.5)}
.vision-mission-page .acad-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.vision-mission-page .acad-feat{background:var(--light);border-radius:14px;padding:16px 18px;border-left:4px solid var(--gold);transition:all .3s}
.vision-mission-page .acad-feat:hover{background:var(--gold);transform:translateX(4px)}
.vision-mission-page .acad-feat:hover .af-title,.vision-mission-page .acad-feat:hover .af-sub{color:var(--primary)}
.vision-mission-page .af-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--primary);margin-bottom:3px;display:flex;align-items:center;gap:7px}
.vision-mission-page .af-title i{color:var(--gold);font-size:12px}
.vision-mission-page .acad-feat:hover .af-title i{color:var(--primary)}
.vision-mission-page .af-sub{font-size:12px;color:#777;line-height:1.5}

/* Responsive additions */
@media(max-width:1024px){
  .vision-mission-page .acad-split{grid-template-columns:1fr;gap:40px}
  .vision-mission-page .acad-img{height:320px}
}
@media(max-width:768px){
  .vision-mission-page .inner-banner{height:320px}
  .vision-mission-page .inner-banner-content{padding:0 20px}
  .vision-mission-page .vision-card{padding:32px 24px}
  .vision-mission-page .vision-quote-mark{font-size:72px}
  .vision-mission-page .quote-strip{padding:60px 20px}
  .vision-mission-page .acad-features{grid-template-columns:1fr}
}


/* ============================================================
   CAREERS PAGE
   Page-specific styles moved from sect-careers.php
   ============================================================ */
/* ============================================================
   CAREERS PAGE — ADDITIONAL CSS ONLY
   ============================================================ */

/* ── INNER HERO BANNER ── */
.careers-page .inner-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}
.careers-page .inner-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1920&q=80');background-size:cover;background-position:center;transform:scale(1.04);animation:heroBgZoom 10s ease-in-out infinite alternate}
@keyframes heroBgZoom{0%{transform:scale(1.04)}100%{transform:scale(1.08)}}
.careers-page .inner-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.95) 0%,rgba(8,15,47,0.78) 100%)}
.careers-page .inner-hero-orb{position:absolute;border-radius:50%;background:rgba(242,213,1,0.06);pointer-events:none}
.careers-page .inner-hero-orb.orb1{width:500px;height:500px;top:-180px;left:-100px;animation:floatOrb 9s ease-in-out infinite}
.careers-page .inner-hero-orb.orb2{width:350px;height:350px;bottom:-120px;right:-60px;animation:floatOrb 7s ease-in-out infinite;animation-delay:-4s}
.careers-page .inner-hero-content{position:relative;z-index:3;padding:0 24px;animation:fadeInUp .8s ease both}
.careers-page .breadcrumb-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}
.careers-page .breadcrumb-nav a{color:rgba(255,255,255,0.55);font-size:13px;text-decoration:none;transition:color .2s}
.careers-page .breadcrumb-nav a:hover{color:var(--gold)}
.careers-page .breadcrumb-nav .bc-sep{color:rgba(255,255,255,0.25);font-size:11px}
.careers-page .breadcrumb-nav span{color:var(--gold);font-size:13px;font-weight:600}
.careers-page .inner-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 18px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px}
.careers-page .inner-hero-badge .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.careers-page .inner-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(38px,5vw,68px);font-weight:900;color:var(--white);line-height:1.08;margin-bottom:18px}
.careers-page .inner-hero h1 .accent{color:var(--gold)}
.careers-page .inner-hero-sub{font-size:17px;color:rgba(255,255,255,0.65);max-width:640px;margin:0 auto 32px;line-height:1.8;font-weight:300}
.careers-page .inner-hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.careers-page .inner-hero-bottom{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--white))}

/* ── INTRO SPLIT SECTION ── */
.careers-page .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.careers-page .intro-img-stack{position:relative;height:520px}
.careers-page .intro-img-main{position:absolute;top:0;left:0;width:72%;height:74%;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px rgba(8,15,47,0.2)}
.careers-page .intro-img-sub{position:absolute;bottom:0;right:0;width:56%;height:50%;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px rgba(8,15,47,0.22);border:4px solid var(--white)}
.careers-page .intro-float-badge{position:absolute;bottom:88px;left:-18px;z-index:4;background:var(--gold);border-radius:16px;padding:16px 18px;text-align:center;box-shadow:0 8px 32px rgba(242,213,1,0.5);animation:floatShape 4s ease-in-out infinite;min-width:90px}
.careers-page .intro-float-badge strong{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:900;color:var(--primary);display:block;line-height:1.1}
.careers-page .intro-float-badge span{font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}
.careers-page .accred-pills{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.careers-page .accred-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(242,213,1,0.08);border:1px solid rgba(242,213,1,0.25);color:var(--primary);font-size:12px;font-weight:600;padding:7px 14px;border-radius:50px;transition:all .3s}
.careers-page .accred-pill i{color:var(--gold);font-size:13px}
.careers-page .accred-pill:hover{background:var(--gold);border-color:var(--gold)}
.careers-page .accred-pill:hover i{color:var(--primary)}

/* ── WHY JOIN GRID ── */
.careers-page .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px}

/* ── JOB OPENINGS ── */
.careers-page .opening-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.careers-page .o-tab{padding:10px 26px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;border:2px solid var(--soft);background:var(--white);color:#888;font-family:'Poppins',sans-serif;transition:all .3s}
.careers-page .o-tab.active,.careers-page .o-tab:hover{background:var(--gold);color:var(--primary);border-color:var(--gold);box-shadow:0 4px 18px rgba(242,213,1,0.35)}
.careers-page .openings-panel{display:none}
.careers-page .openings-panel.active{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.careers-page .job-card{background:var(--white);border-radius:18px;padding:28px 26px;box-shadow:0 4px 24px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.careers-page .job-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--gold);border-radius:4px 0 0 4px;transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease}
.careers-page .job-card:hover{transform:translateY(-6px);box-shadow:0 16px 44px rgba(8,15,47,0.13);border-color:rgba(242,213,1,0.25)}
.careers-page .job-card:hover::before{transform:scaleY(1)}
.careers-page .job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.careers-page .job-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--primary);line-height:1.2}
.careers-page .job-type-badge{background:rgba(242,213,1,0.12);color:var(--primary);font-size:10px;font-weight:800;padding:5px 12px;border-radius:50px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(242,213,1,0.3);flex-shrink:0}
.careers-page .job-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.careers-page .job-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}
.careers-page .job-meta-item i{color:var(--gold);width:14px;text-align:center}
.careers-page .job-desc{font-size:13px;color:#666;line-height:1.7;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--soft)}
.careers-page .job-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.careers-page .job-dept{font-size:12px;color:#aaa;display:flex;align-items:center;gap:5px}
.careers-page .job-dept i{color:var(--gold)}
.careers-page .btn-job-apply{background:var(--primary);color:var(--gold);border:2px solid var(--primary);padding:9px 22px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.careers-page .btn-job-apply:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}

/* ── RECRUITMENT PROCESS TIMELINE ── */
.careers-page .process-wrap{position:relative;margin-top:64px}
.careers-page .process-line{position:absolute;top:44px;left:calc(100%/12);right:calc(100%/12);height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3),var(--gold));z-index:0}
.careers-page .process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;position:relative;z-index:1}
.careers-page .process-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}
.careers-page .ps-circle{width:88px;height:88px;border-radius:50%;background:var(--white);border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);margin-bottom:20px;box-shadow:0 0 0 8px rgba(242,213,1,0.08),0 8px 28px rgba(8,15,47,0.12);transition:all .35s;position:relative}
.careers-page .ps-circle:hover,.careers-page .process-step:hover .ps-circle{background:var(--gold);color:var(--primary);box-shadow:0 0 0 12px rgba(242,213,1,0.12),0 12px 36px rgba(242,213,1,0.4);transform:scale(1.08)}
.careers-page .ps-num{position:absolute;top:-6px;right:-6px;width:26px;height:26px;background:var(--gold);color:var(--primary);border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;box-shadow:0 2px 8px rgba(242,213,1,0.5)}
.careers-page .ps-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:6px;line-height:1.3}
.careers-page .ps-desc{font-size:11.5px;color:#888;line-height:1.6}
.careers-page .process-step:hover .ps-title{color:var(--primary)}

/* ── BENEFITS SECTION ── */
.careers-page .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.careers-page .benefit-card{border-radius:20px;padding:38px 30px;transition:all .4s;position:relative;overflow:hidden;border:1px solid var(--soft);background:var(--white)}
.careers-page .benefit-card::after{content:'';position:absolute;bottom:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(242,213,1,0.05);transition:all .4s}
.careers-page .benefit-card:hover{transform:translateY(-8px);box-shadow:0 18px 52px rgba(8,15,47,0.12);border-color:rgba(242,213,1,0.3)}
.careers-page .benefit-card:hover::after{width:180px;height:180px}
.careers-page .benefit-icon-wrap{width:68px;height:68px;border-radius:18px;background:rgba(242,213,1,0.1);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--gold);margin-bottom:22px;transition:all .35s}
.careers-page .benefit-card:hover .benefit-icon-wrap{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.45);transform:scale(1.05)}
.careers-page .benefit-title{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:var(--primary);margin-bottom:10px}
.careers-page .benefit-desc{font-size:14px;color:#666;line-height:1.75}

/* ── APPLICATION FORM SECTION ── */
.careers-page .apply-section{background:linear-gradient(135deg,var(--primary) 0%,#0d1644 100%);padding:90px 40px;position:relative;overflow:hidden}
.careers-page .apply-section::before{content:'';position:absolute;top:-100px;left:-100px;width:420px;height:420px;border-radius:50%;background:rgba(242,213,1,0.05);animation:floatOrb 9s ease-in-out infinite}
.careers-page .apply-section::after{content:'';position:absolute;bottom:-80px;right:-80px;width:340px;height:340px;border-radius:50%;background:rgba(242,213,1,0.04);animation:floatOrb 7s ease-in-out infinite;animation-delay:-4s}
.careers-page .apply-grid{display:grid;grid-template-columns:1fr 540px;gap:80px;align-items:start;position:relative;z-index:2}
.careers-page .apply-info-title{font-family:'Montserrat',sans-serif;font-size:clamp(26px,2.5vw,38px);font-weight:800;color:var(--white);margin-bottom:16px;line-height:1.2}
.careers-page .apply-info-desc{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.8;margin-bottom:32px}
.careers-page .apply-perks{display:flex;flex-direction:column;gap:14px}
.careers-page .apply-perk{display:flex;align-items:flex-start;gap:14px;font-size:14px;color:rgba(255,255,255,0.72)}
.careers-page .perk-icon{width:40px;height:40px;min-width:40px;background:rgba(242,213,1,0.12);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold)}
.careers-page .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.careers-page .form-group textarea{height:100px;resize:vertical}
.careers-page .form-group .file-input-wrap{position:relative}
.careers-page .form-group .file-input-wrap input[type="file"]{padding:10px 14px;cursor:pointer}
.careers-page .form-group .file-input-wrap input[type="file"]::file-selector-button{background:rgba(242,213,1,0.15);color:var(--gold);border:1px solid rgba(242,213,1,0.3);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Poppins',sans-serif}
.careers-page .form-group .file-input-wrap input[type="file"]::file-selector-button:hover{background:var(--gold);color:var(--primary)}
.careers-page .btn-reset{width:100%;background:transparent;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.2);border-radius:10px;padding:13px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;margin-top:8px}
.careers-page .btn-reset:hover{border-color:rgba(242,213,1,0.4);color:var(--gold)}

/* ── CAREER HIGHLIGHTS ── */
.careers-page .highlights-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:60px}
.careers-page .highlight-card{background:var(--white);border-radius:18px;padding:30px 20px;text-align:center;box-shadow:0 4px 20px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.careers-page .highlight-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transition:transform .35s}
.careers-page .highlight-card:hover{transform:translateY(-8px);box-shadow:0 16px 44px rgba(8,15,47,0.13);border-color:rgba(242,213,1,0.2)}
.careers-page .highlight-card:hover::before{transform:scaleX(1)}
.careers-page .highlight-icon{width:64px;height:64px;border-radius:16px;background:rgba(242,213,1,0.1);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.careers-page .highlight-card:hover .highlight-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 22px rgba(242,213,1,0.4)}
.careers-page .highlight-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--primary);margin-bottom:8px}
.careers-page .highlight-desc{font-size:12px;color:#888;line-height:1.65}

/* ── WORK CULTURE SECTION ── */
.careers-page .culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.careers-page .culture-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px}
.careers-page .culture-img{border-radius:16px;overflow:hidden;position:relative}
.careers-page .culture-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.careers-page .culture-img:hover img{transform:scale(1.06)}
.careers-page .culture-img.tall{grid-row:span 2}
.careers-page .culture-img.tall img{height:360px}
.careers-page .culture-img.short img{height:170px}
.careers-page .culture-quote{font-size:22px;color:var(--gold);font-family:Georgia,serif;line-height:0.8;margin-bottom:10px}
.careers-page .culture-text{font-size:15px;color:#555;line-height:1.85;margin-bottom:24px}
.careers-page .culture-values{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.careers-page .culture-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(242,213,1,0.08);border:1px solid rgba(242,213,1,0.2);color:var(--primary);font-size:12px;font-weight:600;padding:7px 14px;border-radius:50px;transition:all .3s}
.careers-page .culture-tag i{color:var(--gold);font-size:12px}
.careers-page .culture-tag:hover{background:var(--gold);border-color:var(--gold)}
.careers-page .culture-tag:hover i{color:var(--primary)}

/* ── FAQ ACCORDION ── */
.careers-page .faq-list{margin-top:60px;max-width:900px;margin-left:auto;margin-right:auto}
.careers-page .faq-item{background:var(--white);border-radius:16px;margin-bottom:12px;box-shadow:0 3px 16px rgba(8,15,47,0.06);border:1px solid var(--soft);overflow:hidden;transition:all .3s}
.careers-page .faq-item.faq-open{border-color:rgba(242,213,1,0.35);box-shadow:0 6px 28px rgba(8,15,47,0.1)}
.careers-page .faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;cursor:pointer;transition:background .25s;gap:16px;user-select:none}
.careers-page .faq-q:hover{background:rgba(242,213,1,0.03)}
.careers-page .faq-q-text{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);line-height:1.4}
.careers-page .faq-toggle{width:36px;height:36px;min-width:36px;background:rgba(242,213,1,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;transition:all .3s}
.careers-page .faq-item.faq-open .faq-toggle{background:var(--gold);color:var(--primary);transform:rotate(45deg)}
.careers-page .faq-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.careers-page .faq-body-inner{padding:0 28px 22px;font-size:14px;color:#666;line-height:1.8;border-top:1px solid var(--soft)}
.careers-page .faq-item.faq-open .faq-body{max-height:300px}
.careers-page .faq-body-inner{padding-top:16px}

/* ── CONTACT CARDS SECTION ── */
.careers-page .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.careers-page .contact-card{background:var(--white);border-radius:20px;padding:36px 28px;text-align:center;box-shadow:0 6px 28px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.careers-page .contact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transition:transform .35s}
.careers-page .contact-card:hover{transform:translateY(-7px);box-shadow:0 16px 44px rgba(8,15,47,0.12);border-color:rgba(242,213,1,0.2)}
.careers-page .contact-card:hover::before{transform:scaleX(1)}
.careers-page .contact-icon{width:64px;height:64px;border-radius:18px;background:rgba(242,213,1,0.1);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);margin:0 auto 20px;transition:all .3s}
.careers-page .contact-card:hover .contact-icon{background:var(--gold);color:var(--primary)}
.careers-page .contact-label{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:12px}
.careers-page .contact-detail{font-size:14px;color:#666;line-height:1.8}
.careers-page .contact-detail a{color:var(--primary);text-decoration:none;transition:color .2s}
.careers-page .contact-detail a:hover{color:var(--gold)}

/* ── RESPONSIVE — CAREERS ADDITIONS ── */
@media(max-width:1100px){
  .careers-page .apply-grid{grid-template-columns:1fr}
  .careers-page .highlights-grid{grid-template-columns:repeat(3,1fr)}
  .careers-page .process-grid{grid-template-columns:repeat(3,1fr);row-gap:48px}
  .careers-page .process-line{display:none}
}
@media(max-width:1024px){
  .careers-page .intro-grid{grid-template-columns:1fr}
  .careers-page .culture-grid{grid-template-columns:1fr}
  .careers-page .why-grid{grid-template-columns:repeat(2,1fr)}
  .careers-page .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .careers-page .openings-panel.active{grid-template-columns:1fr}
  .careers-page .contact-grid{grid-template-columns:repeat(2,1fr)}
  .careers-page .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .careers-page .nav-links,.careers-page .btn-apply{display:none}
  .careers-page .hamburger{display:flex}
  .careers-page .section{padding:60px 20px}
  .careers-page .inner-hero{min-height:70vh}
  .careers-page .intro-img-stack{height:300px}
  .careers-page .intro-float-badge{display:none}
  .careers-page .why-grid,.careers-page .benefits-grid,.careers-page .highlights-grid{grid-template-columns:1fr}
  .careers-page .process-grid{grid-template-columns:1fr 1fr;gap:32px}
  .careers-page .process-step{flex-direction:row;text-align:left;gap:16px;align-items:flex-start}
  .careers-page .ps-circle{flex-shrink:0;margin-bottom:0}
  .careers-page .contact-grid{grid-template-columns:1fr}
  .careers-page .footer-grid{grid-template-columns:1fr}
  .careers-page .tb-inner{padding:0 16px;flex-direction:column;gap:6px}
  .careers-page .navbar{padding:12px 20px}
  .careers-page .form-row-2{grid-template-columns:1fr}
  .careers-page .apply-grid{grid-template-columns:1fr}
  .careers-page .culture-images{grid-template-columns:1fr}
  .careers-page .culture-img.tall img{height:220px}
  .careers-page .culture-img.short img{height:160px}
  .careers-page .culture-img.tall{grid-row:auto}
}
@media(max-width:480px){
  .careers-page .process-grid{grid-template-columns:1fr}
  .careers-page .highlights-grid{grid-template-columns:1fr 1fr}
  .careers-page .opening-tabs{gap:8px}
  .careers-page .o-tab{padding:8px 18px;font-size:12px}
}


/* ============================================================
   REGULATIONS PAGE
   Page-specific styles moved from regulations.php
   ============================================================ */
/* ===================== INNER HERO BANNER (Regulations) ===================== */
.regulations-page .inner-hero{position:relative;height:500px;min-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:0}
.regulations-page .inner-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.85) 0%,rgba(8,15,47,0.75) 100%);background-color:var(--primary)}
.regulations-page .inner-hero-content{position:relative;z-index:3;text-align:center;animation:fadeInUp .9s ease both;max-width:700px;padding:40px}
.regulations-page .inner-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(36px,5vw,64px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:16px}
.regulations-page .inner-hero-subtitle{font-size:18px;color:rgba(255,255,255,0.78);line-height:1.6;margin-bottom:28px;font-weight:300}
.regulations-page .breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.65);flex-wrap:wrap}
.regulations-page .breadcrumb a{color:var(--gold);text-decoration:none;transition:color .2s;font-weight:500}
.regulations-page .breadcrumb a:hover{color:var(--white)}
.regulations-page .breadcrumb span{color:rgba(255,255,255,0.4)}

/* ===================== INTRO SECTION ===================== */
.regulations-page .intro-section{padding:90px 40px;background:var(--white)}
.regulations-page .intro-container{max-width:1200px;margin:0 auto}
.regulations-page .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.regulations-page .intro-left{position:relative;height:400px;background:linear-gradient(135deg,rgba(242,213,1,0.1) 0%,rgba(242,213,1,0.05) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(242,213,1,0.15)}
.regulations-page .intro-left i{font-size:80px;color:var(--gold);opacity:0.4}
.regulations-page .intro-right h2{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,44px);font-weight:800;color:var(--primary);line-height:1.2;margin-bottom:24px}
.regulations-page .intro-right h2 .accent{color:var(--gold)}
.regulations-page .intro-right p{font-size:15.5px;color:rgba(8,15,47,0.75);line-height:1.8;margin-bottom:20px;font-weight:300}
.regulations-page .intro-right .cta-group{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}
.regulations-page .btn-explore{background:var(--gold);color:var(--primary);border:none;padding:12px 32px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 4px 20px rgba(242,213,1,0.3)}
.regulations-page .btn-explore:hover{background:var(--white);box-shadow:0 6px 28px rgba(0,0,0,0.2);transform:translateY(-2px)}

/* ===================== SECTION HEADER ===================== */
.regulations-page .section-header{text-align:center;margin-bottom:60px;animation:fadeInUp .8s ease both}
.regulations-page .section-header h2{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,44px);font-weight:900;color:var(--primary);line-height:1.1;margin-bottom:16px}
.regulations-page .section-header h2 .accent{color:var(--gold)}
.regulations-page .section-header p{font-size:15.5px;color:rgba(8,15,47,0.65);line-height:1.6;max-width:600px;margin:0 auto}
.regulations-page .header-underline{display:inline-block;height:3px;width:60px;background:var(--gold);border-radius:2px;margin-top:12px}

/* ===================== REGULATIONS SECTION ===================== */
.regulations-page .regulations-section{padding:90px 40px;background:var(--light)}
.regulations-page .regulations-container{max-width:1300px;margin:0 auto}
.regulations-page .regulation-block{margin-bottom:80px}
.regulations-page .regulation-title{font-family:'Montserrat',sans-serif;font-size:clamp(28px,3.5vw,36px);font-weight:800;color:var(--primary);margin-bottom:40px;display:flex;align-items:center;gap:16px}
.regulations-page .regulation-badge{background:var(--gold);color:var(--primary);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.regulations-page .regulation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.regulations-page .regulation-card{background:var(--white);border:1px solid rgba(8,15,47,0.08);border-radius:12px;padding:28px;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 10px rgba(0,0,0,0.05);cursor:pointer;position:relative;overflow:hidden}
.regulations-page .regulation-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold) 0%,rgba(242,213,1,0.5) 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.regulations-page .regulation-card:hover::before{transform:scaleX(1)}
.regulations-page .regulation-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.12);border-color:rgba(242,213,1,0.25)}
.regulations-page .regulation-icon{width:50px;height:50px;background:rgba(242,213,1,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s}
.regulations-page .regulation-card:hover .regulation-icon{background:rgba(242,213,1,0.2);transform:scale(1.1)}
.regulations-page .regulation-icon i{color:var(--gold);font-size:24px}
.regulations-page .regulation-name{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:12px;line-height:1.3}
.regulations-page .regulation-meta{font-size:12px;color:rgba(8,15,47,0.55);margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}
.regulations-page .regulation-meta span{display:inline-flex;align-items:center;gap:4px}
.regulations-page .regulation-actions{display:flex;gap:10px;margin-top:16px}
.regulations-page .btn-view{background:var(--gold);color:var(--primary);border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;font-family:'Poppins',sans-serif;flex:1;text-align:center}
.regulations-page .btn-view:hover{background:var(--white);box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.regulations-page .btn-download{background:transparent;color:var(--gold);border:1px solid var(--gold);padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;font-family:'Poppins',sans-serif;flex:1}
.regulations-page .btn-download:hover{background:var(--gold);color:var(--primary)}

/* ===================== PDF DETAILS SECTION ===================== */
.regulations-page .pdf-details-section{padding:90px 40px;background:var(--white)}
.regulations-page .pdf-details-container{max-width:1000px;margin:0 auto}
.regulations-page .pdf-details-card{background:linear-gradient(135deg,rgba(242,213,1,0.08) 0%,rgba(242,213,1,0.04) 100%);border:2px solid rgba(242,213,1,0.2);border-radius:12px;padding:50px;position:relative;overflow:hidden}
.regulations-page .pdf-details-card::before{content:'';position:absolute;top:-40%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(242,213,1,0.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.regulations-page .pdf-details-inner{position:relative;z-index:2}
.regulations-page .pdf-header{display:flex;gap:30px;align-items:flex-start;margin-bottom:40px}
.regulations-page .pdf-icon{width:80px;height:80px;background:var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 28px rgba(242,213,1,0.3)}
.regulations-page .pdf-icon i{font-size:40px;color:var(--primary)}
.regulations-page .pdf-header-text h3{font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;color:var(--primary);margin-bottom:8px}
.regulations-page .pdf-header-text p{font-size:13px;color:rgba(8,15,47,0.65);line-height:1.6}
.regulations-page .pdf-details-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px}
.regulations-page .detail-item{border-left:3px solid var(--gold);padding-left:20px}
.regulations-page .detail-label{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:6px}
.regulations-page .detail-value{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);line-height:1.4}
.regulations-page .definitions-section{background:var(--white);border-radius:8px;padding:30px;margin-top:30px}
.regulations-page .definitions-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--primary);margin-bottom:20px}
.regulations-page .definitions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.regulations-page .definition-tag{background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.2);color:var(--primary);padding:10px 14px;border-radius:6px;font-size:13px;font-weight:600;text-align:center;transition:all .2s}
.regulations-page .definition-tag:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.regulations-page .pdf-download-btn{background:var(--gold);color:var(--primary);border:none;padding:14px 36px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.3);display:inline-flex;align-items:center;gap:10px;margin-top:30px}
.regulations-page .pdf-download-btn:hover{background:var(--white);box-shadow:0 8px 36px rgba(0,0,0,0.15);transform:translateY(-2px)}

/* ===================== TIMELINE SECTION ===================== */
.regulations-page .timeline-section{padding:90px 40px;background:var(--light)}
.regulations-page .timeline-container{max-width:900px;margin:0 auto}
.regulations-page .timeline{position:relative;padding:40px 0}
.regulations-page .timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:3px;height:100%;background:linear-gradient(180deg,var(--gold) 0%,rgba(242,213,1,0.2) 100%)}
.regulations-page .timeline-item{margin-bottom:50px;opacity:0;animation:fadeInUp .8s ease forwards}
.regulations-page .timeline-item:nth-child(1){animation-delay:.1s}
.regulations-page .timeline-item:nth-child(2){animation-delay:.2s}
.regulations-page .timeline-item:nth-child(3){animation-delay:.3s}
.regulations-page .timeline-item:nth-child(4){animation-delay:.4s}
.regulations-page .timeline-item:nth-child(5){animation-delay:.5s}
.regulations-page .timeline-item:nth-child(odd){text-align:right;padding-right:calc(50% + 30px)}
.regulations-page .timeline-item:nth-child(even){padding-left:calc(50% + 30px)}
.regulations-page .timeline-dot{position:absolute;left:50%;top:0;width:20px;height:20px;background:var(--white);border:3px solid var(--gold);border-radius:50%;transform:translateX(-50%);transition:all .3s;box-shadow:0 0 0 8px rgba(242,213,1,0.15)}
.regulations-page .timeline-item:hover .timeline-dot{box-shadow:0 0 0 12px rgba(242,213,1,0.3);transform:translateX(-50%) scale(1.2)}
.regulations-page .timeline-content{background:var(--white);border:1px solid rgba(8,15,47,0.08);border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.regulations-page .timeline-item:hover .timeline-content{box-shadow:0 8px 28px rgba(0,0,0,0.12);border-color:rgba(242,213,1,0.25)}
.regulations-page .timeline-year{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--gold);margin-bottom:4px}
.regulations-page .timeline-label{font-size:13px;color:rgba(8,15,47,0.65);font-weight:600}

/* ===================== COMPLIANCE SECTION ===================== */
.regulations-page .compliance-section{padding:90px 40px;background:var(--primary)}
.regulations-page .compliance-container{max-width:1300px;margin:0 auto}
.regulations-page .compliance-header{text-align:center;margin-bottom:60px}
.regulations-page .compliance-header h2{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,44px);font-weight:900;color:var(--white);margin-bottom:16px}
.regulations-page .compliance-header p{font-size:16px;color:rgba(255,255,255,0.7);max-width:700px;margin:0 auto}
.regulations-page .compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.regulations-page .compliance-card{background:rgba(255,255,255,0.08);border:1px solid rgba(242,213,1,0.25);border-radius:12px;padding:32px;text-align:center;transition:all .4s cubic-bezier(0.4,0,0.2,1);cursor:pointer}
.regulations-page .compliance-card:hover{background:rgba(242,213,1,0.15);border-color:var(--gold);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.regulations-page .compliance-icon{width:70px;height:70px;background:rgba(242,213,1,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all .3s}
.regulations-page .compliance-card:hover .compliance-icon{background:var(--gold);transform:scale(1.15)}
.regulations-page .compliance-icon i{font-size:32px;color:var(--gold);transition:color .3s}
.regulations-page .compliance-card:hover .compliance-icon i{color:var(--primary)}
.regulations-page .compliance-name{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--white);margin-bottom:10px}
.regulations-page .compliance-desc{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.6}

/* ===================== CTA SECTION ===================== */
.regulations-page .cta-section{padding:100px 40px;background:linear-gradient(135deg,var(--primary) 0%,rgba(8,15,47,0.95) 100%);position:relative;overflow:hidden}
.regulations-page .cta-bg-elements{position:absolute;inset:0;opacity:0.05}
.regulations-page .cta-container{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.regulations-page .cta-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,5vw,48px);font-weight:900;color:var(--white);line-height:1.2;margin-bottom:24px}
.regulations-page .cta-subtitle{font-size:17px;color:rgba(255,255,255,0.75);line-height:1.8;margin-bottom:40px}
.regulations-page .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.regulations-page .btn-cta-primary{background:var(--gold);color:var(--primary);padding:14px 36px;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4)}
.regulations-page .btn-cta-primary:hover{background:var(--white);box-shadow:0 8px 36px rgba(255,255,255,0.3);transform:translateY(-2px)}
.regulations-page .btn-cta-secondary{background:transparent;color:var(--gold);border:2px solid var(--gold);padding:12px 32px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif}
.regulations-page .btn-cta-secondary:hover{background:var(--gold);color:var(--primary)}

/* ===================== CONTACT SECTION ===================== */
.regulations-page .contact-section{padding:80px 40px;background:var(--white)}
.regulations-page .contact-container{max-width:1200px;margin:0 auto}
.regulations-page .contact-header{text-align:center;margin-bottom:50px}
.regulations-page .contact-header h2{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,44px);font-weight:800;color:var(--primary);margin-bottom:16px}
.regulations-page .contact-header p{font-size:15px;color:rgba(8,15,47,0.65)}
.regulations-page .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.regulations-page .contact-card{background:var(--light);border:1px solid rgba(8,15,47,0.08);border-radius:12px;padding:32px;text-align:center;transition:all .3s;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.regulations-page .contact-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,0.1);border-color:rgba(242,213,1,0.25)}
.regulations-page .contact-icon{width:60px;height:60px;background:var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 20px rgba(242,213,1,0.3)}
.regulations-page .contact-icon i{font-size:28px;color:var(--primary)}
.regulations-page .contact-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--primary);margin-bottom:12px}
.regulations-page .contact-details{font-size:13.5px;color:rgba(8,15,47,0.7);line-height:1.8}
.regulations-page .contact-details a{color:var(--gold);text-decoration:none;transition:color .2s;font-weight:600}
.regulations-page .contact-details a:hover{color:var(--primary)}

/* ===================== FOOTER ===================== */
footer{background:var(--primary);padding:60px 40px 30px;border-top:1px solid rgba(255,255,255,0.1)}
.regulations-page .footer-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.regulations-page .footer-col h4{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.regulations-page .footer-col ul{list-style:none}
.regulations-page .footer-col ul li{margin-bottom:10px}
.regulations-page .footer-col ul li a{color:rgba(255,255,255,0.65);text-decoration:none;font-size:13.5px;transition:color .2s}
.regulations-page .footer-col ul li a:hover{color:var(--gold)}
.regulations-page .footer-col ul li a i{color:var(--gold);margin-right:8px;font-size:12px}
.regulations-page .footer-bottom{max-width:1300px;margin:0 auto;text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);font-size:13px;color:rgba(255,255,255,0.55)}
.regulations-page .footer-bottom p{margin:8px 0}
.regulations-page .footer-bottom a{color:var(--gold);text-decoration:none;transition:color .2s}
.regulations-page .footer-bottom a:hover{color:var(--white)}

/* ===================== ANIMATIONS ===================== */
@keyframes fadeInUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:0.5}
}
.regulations-page .reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}
.regulations-page .reveal.visible{opacity:1;transform:translateY(0)}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1024px){
  .regulations-page .intro-split{grid-template-columns:1fr;gap:40px}
  .regulations-page .timeline::before{left:20px}
  .regulations-page .timeline-item:nth-child(odd),
  .regulations-page .timeline-item:nth-child(even){text-align:left;padding-left:60px;padding-right:0}
  .regulations-page .timeline-dot{left:20px}
  .regulations-page .compliance-grid{grid-template-columns:repeat(2,1fr)}
  .regulations-page .contact-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  .regulations-page .top-bar,.regulations-page .ticker-wrap{display:none}
  .regulations-page .navbar{padding:12px 20px}
  .regulations-page .navbar.scrolled{padding:8px 20px}
  .regulations-page .inner-hero{height:350px}
  .regulations-page .inner-hero-title{font-size:32px}
  .regulations-page .inner-hero-subtitle{font-size:15px}
  .regulations-page .section{padding:60px 20px}
  .regulations-page .intro-split{grid-template-columns:1fr}
  .regulations-page .intro-left{display:none}
  .regulations-page .intro-right h2{font-size:28px}
  .regulations-page .regulation-grid{grid-template-columns:1fr}
  .regulations-page .section-header h2{font-size:28px}
  .regulations-page .pdf-details-card{padding:30px}
  .regulations-page .pdf-header{flex-direction:column;gap:20px;align-items:center;text-align:center}
  .regulations-page .pdf-details-list{grid-template-columns:1fr}
  .regulations-page .detail-item{border-left:none;border-top:3px solid var(--gold);padding-left:0;padding-top:20px}
  .regulations-page .timeline{padding:20px 0}
  .regulations-page .timeline-item:nth-child(odd),.regulations-page .timeline-item:nth-child(even){padding-left:60px;padding-right:0;text-align:left}
  .regulations-page .compliance-grid{grid-template-columns:1fr;gap:20px}
  .regulations-page .contact-grid{grid-template-columns:1fr}
  .regulations-page .cta-section{padding:60px 20px}
  .regulations-page .cta-title{font-size:28px}
  .regulations-page .cta-buttons{flex-direction:column}
  .regulations-page .btn-cta-primary,.regulations-page .btn-cta-secondary{width:100%;max-width:300px}
}

@media(max-width:480px){
  .regulations-page .navbar{padding:10px 12px}
  .regulations-page .brand-logo{width:44px;height:44px;font-size:15px}
  .regulations-page .brand-name{font-size:14px}
  .regulations-page .brand-tagline{font-size:8px}
  .regulations-page .nav-links{gap:0;font-size:12px}
  .regulations-page .btn-apply{padding:8px 14px!important;font-size:11px!important}
  .regulations-page .inner-hero{height:280px}
  .regulations-page .inner-hero-title{font-size:24px}
  .regulations-page .inner-hero-subtitle{font-size:13px}
  .regulations-page .breadcrumb{font-size:11px}
  .regulations-page .section{padding:40px 16px}
  .regulations-page .intro-right h2{font-size:22px}
  .regulations-page .intro-right p{font-size:14px}
  .regulations-page .section-header h2{font-size:24px}
  .regulations-page .section-header p{font-size:13px}
  .regulations-page .regulation-title{font-size:20px}
  .regulations-page .regulation-grid{gap:16px}
  .regulations-page .regulation-card{padding:20px}
  .regulations-page .regulation-name{font-size:14px}
  .regulations-page .regulation-icon{width:40px;height:40px}
  .regulations-page .regulation-icon i{font-size:20px}
  .regulations-page .pdf-details-card{padding:20px}
  .regulations-page .pdf-icon{width:60px;height:60px}
  .regulations-page .pdf-icon i{font-size:28px}
  .regulations-page .pdf-header-text h3{font-size:18px}
  .regulations-page .definitions-grid{grid-template-columns:1fr;gap:12px}
  .regulations-page .timeline{padding:10px 0}
  .regulations-page .timeline-item{margin-bottom:30px}
  .regulations-page .timeline::before{left:15px}
  .regulations-page .timeline-dot{width:16px;height:16px;left:15px}
  .regulations-page .timeline-item:nth-child(odd),.regulations-page .timeline-item:nth-child(even){padding-left:45px}
  .regulations-page .timeline-year{font-size:18px}
  .regulations-page .compliance-grid{grid-template-columns:1fr;gap:16px}
  .regulations-page .compliance-card{padding:24px}
  .regulations-page .compliance-icon{width:50px;height:50px}
  .regulations-page .compliance-icon i{font-size:24px}
  .regulations-page .compliance-name{font-size:14px}
  .regulations-page .cta-title{font-size:22px}
  .regulations-page .cta-subtitle{font-size:14px}
  .regulations-page .contact-header h2{font-size:24px}
  .regulations-page .contact-grid{gap:20px}
  .regulations-page .contact-card{padding:24px}
  .regulations-page .contact-icon{width:50px;height:50px}
  .regulations-page .contact-icon i{font-size:24px}
  .regulations-page .contact-title{font-size:14px}
  .regulations-page .contact-details{font-size:12px}
  .regulations-page .footer-col h4{font-size:13px}
  .regulations-page .footer-col ul li a{font-size:12px}
}

/* ============================================================
   ACADEMIC SCHEDULE PAGE
   Page-specific styles moved from academic-schedule.php
   ============================================================ */
/* ============================================================
   INNER BANNER — shared across inner pages
   ============================================================ */
.academic-schedule-page .inner-banner{position:relative;height:420px;display:flex;align-items:center;overflow:hidden}
.academic-schedule-page .inner-banner-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);animation:academicBannerZoom 12s ease-in-out infinite alternate}
@keyframes academicBannerZoom{from{transform:scale(1.04)}to{transform:scale(1.08)}}
.academic-schedule-page .inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.93) 0%,rgba(8,15,47,0.72) 100%)}
.academic-schedule-page .inner-banner-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.academic-schedule-page .ib-shape{position:absolute;border-radius:50%;background:rgba(242,213,1,0.06);animation:floatOrb 8s ease-in-out infinite}
.academic-schedule-page .ib-shape:nth-child(1){width:320px;height:320px;top:-80px;right:10%;animation-delay:0s}
.academic-schedule-page .ib-shape:nth-child(2){width:200px;height:200px;bottom:-40px;right:30%;animation-delay:-3s}
.academic-schedule-page .ib-shape:nth-child(3){width:140px;height:140px;top:30%;left:5%;animation-delay:-6s}
.academic-schedule-page .inner-banner-content{position:relative;z-index:3;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease both}
.academic-schedule-page .ib-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 18px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}
.academic-schedule-page .ib-tag .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.academic-schedule-page .ib-title{font-family:'Montserrat',sans-serif;font-size:clamp(34px,5vw,60px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:14px}
.academic-schedule-page .ib-title .accent{color:var(--gold)}
.academic-schedule-page .ib-sub{font-size:15px;color:rgba(255,255,255,0.65);margin-bottom:22px;font-weight:300;max-width:560px;line-height:1.7}
.academic-schedule-page .breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.academic-schedule-page .breadcrumb a{color:rgba(255,255,255,0.5);font-size:13px;text-decoration:none;transition:color .2s}
.academic-schedule-page .breadcrumb a:hover{color:var(--gold)}
.academic-schedule-page .breadcrumb .sep{color:rgba(255,255,255,0.25);font-size:12px}
.academic-schedule-page .breadcrumb .current{color:var(--gold);font-size:13px;font-weight:600}

/* ============================================================
   INTRO SPLIT — shared across inner pages
   ============================================================ */
.academic-schedule-page .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.academic-schedule-page .intro-img-wrap{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 70px rgba(8,15,47,0.18)}
.academic-schedule-page .intro-img-wrap img{width:100%;height:420px;object-fit:cover;display:block;transition:transform .6s}
.academic-schedule-page .intro-img-wrap:hover img{transform:scale(1.04)}
.academic-schedule-page .intro-img-badge{position:absolute;bottom:24px;left:24px;background:var(--gold);color:var(--primary);padding:10px 18px;border-radius:12px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(242,213,1,0.5);animation:floatShape 4s ease-in-out infinite}
.academic-schedule-page .intro-img-badge i{font-size:18px}
.academic-schedule-page .intro-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,47,0.35) 0%,transparent 60%)}
.academic-schedule-page .intro-glass-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08)}
.academic-schedule-page .intro-glass-row:last-child{border-bottom:none}
.academic-schedule-page .intro-glass-row i{color:var(--gold);width:20px;text-align:center;font-size:14px;flex-shrink:0}
.academic-schedule-page .intro-glass-row span{font-size:13px;color:rgba(255,255,255,0.75);font-weight:500}

/* CONTACT CARDS */
.academic-schedule-page .contact-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.academic-schedule-page .contact-info-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px 28px;transition:all .35s;text-align:center}
.academic-schedule-page .contact-info-card:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.3);transform:translateY(-6px);box-shadow:0 16px 50px rgba(0,0,0,0.2)}
.academic-schedule-page .contact-card-icon{width:60px;height:60px;background:rgba(242,213,1,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.academic-schedule-page .contact-info-card:hover .contact-card-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.academic-schedule-page .contact-card-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:14px}
.academic-schedule-page .contact-card-lines{display:flex;flex-direction:column;gap:6px}
.academic-schedule-page .contact-card-lines a,.academic-schedule-page .contact-card-lines span{font-size:13px;color:rgba(255,255,255,0.55);text-decoration:none;transition:color .2s;line-height:1.7}
.academic-schedule-page .contact-card-lines a:hover{color:var(--gold)}

/* ============================================================
   ACADEMIC SCHEDULE PAGE — page-specific only
   ============================================================ */

/* SCHEDULE FILTER TABS */
.academic-schedule-page .sched-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;justify-content:center}
.academic-schedule-page .sched-tab{background:var(--white);border:1px solid var(--soft);color:#555;font-size:12px;font-weight:600;padding:7px 18px;border-radius:50px;cursor:pointer;transition:all .25s;font-family:'Poppins',sans-serif;letter-spacing:.3px}
.academic-schedule-page .sched-tab:hover,.academic-schedule-page .sched-tab.active{background:var(--primary);color:var(--gold);border-color:var(--primary);box-shadow:0 4px 16px rgba(8,15,47,0.2)}

/* SCHEDULE CARDS */
.academic-schedule-page .schedules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.academic-schedule-page .sched-card{background:var(--white);border-radius:18px;padding:26px 22px;box-shadow:0 4px 24px rgba(8,15,47,0.07);border:1px solid var(--soft);position:relative;overflow:hidden;transition:all .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:0}
.academic-schedule-page .sched-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.25));transform:scaleX(0);transform-origin:left;transition:transform .38s ease}
.academic-schedule-page .sched-card::after{content:'';position:absolute;bottom:-50px;right:-50px;width:130px;height:130px;border-radius:50%;background:rgba(242,213,1,0.04);transition:all .38s}
.academic-schedule-page .sched-card:hover{transform:translateY(-8px);box-shadow:0 18px 52px rgba(8,15,47,0.13);border-color:rgba(242,213,1,0.22)}
.academic-schedule-page .sched-card:hover::before{transform:scaleX(1)}
.academic-schedule-page .sched-card:hover::after{width:180px;height:180px;background:rgba(242,213,1,0.07)}
.academic-schedule-page .sched-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.academic-schedule-page .sched-file-icon{width:48px;height:48px;background:rgba(242,213,1,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);flex-shrink:0;transition:all .3s}
.academic-schedule-page .sched-card:hover .sched-file-icon{background:var(--gold);color:var(--primary);box-shadow:0 6px 20px rgba(242,213,1,0.4)}
.academic-schedule-page .sched-card-meta{flex:1;min-width:0}
.academic-schedule-page .sched-year-badge{display:inline-block;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.22);color:var(--gold);font-size:10px;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;white-space:nowrap}
.academic-schedule-page .sched-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--primary);line-height:1.35}
.academic-schedule-page .sched-sem{display:flex;align-items:center;gap:5px;font-size:12px;color:#888;margin-top:10px;margin-bottom:18px}
.academic-schedule-page .sched-sem i{color:var(--gold);font-size:11px}
.academic-schedule-page .sched-actions{display:flex;gap:8px;margin-top:auto;position:relative;z-index:1}
.academic-schedule-page .btn-sched-view{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);color:var(--white);padding:9px 12px;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;transition:all .28s;border:none;cursor:pointer;font-family:'Poppins',sans-serif}
.academic-schedule-page .btn-sched-view:hover{background:var(--gold);color:var(--primary);box-shadow:0 5px 18px rgba(242,213,1,0.4)}
.academic-schedule-page .btn-sched-dl{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--gold);border-radius:8px;font-size:13px;text-decoration:none;transition:all .28s;flex-shrink:0}
.academic-schedule-page .btn-sched-dl:hover{background:var(--gold);color:var(--primary);border-color:var(--gold);box-shadow:0 5px 18px rgba(242,213,1,0.4)}

/* YEAR GROUP HEADER */
.academic-schedule-page .year-group{margin-bottom:52px}
.academic-schedule-page .year-group-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.academic-schedule-page .year-group-line{flex:1;height:1px;background:linear-gradient(to right,rgba(242,213,1,0.4),transparent)}
.academic-schedule-page .year-group-pill{background:var(--primary);color:var(--gold);font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;padding:7px 20px;border-radius:50px;letter-spacing:.8px;white-space:nowrap;box-shadow:0 4px 16px rgba(8,15,47,0.2);border:1px solid rgba(242,213,1,0.2)}

/* ANNUAL REPORT SPOTLIGHT */
.academic-schedule-page .annual-report-card{background:linear-gradient(135deg,var(--primary) 0%,#0e1a4a 100%);border-radius:24px;padding:44px 40px;display:flex;align-items:center;gap:40px;border:1px solid rgba(242,213,1,0.2);position:relative;overflow:hidden;box-shadow:0 12px 48px rgba(8,15,47,0.25);transition:all .4s;margin-top:60px}
.academic-schedule-page .annual-report-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3),var(--gold))}
.academic-schedule-page .annual-report-card::after{content:'';position:absolute;bottom:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:rgba(242,213,1,0.05);transition:all .4s}
.academic-schedule-page .annual-report-card:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(8,15,47,0.35)}
.academic-schedule-page .annual-report-card:hover::after{width:340px;height:340px;background:rgba(242,213,1,0.08)}
.academic-schedule-page .ar-icon-wrap{width:90px;height:90px;background:rgba(242,213,1,0.12);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:38px;color:var(--gold);flex-shrink:0;transition:all .3s;animation:floatShape 4s ease-in-out infinite}
.academic-schedule-page .annual-report-card:hover .ar-icon-wrap{background:var(--gold);color:var(--primary);box-shadow:0 12px 32px rgba(242,213,1,0.5)}
.academic-schedule-page .ar-body{flex:1;position:relative;z-index:1}
.academic-schedule-page .ar-label{display:inline-block;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);font-size:10px;font-weight:800;padding:4px 14px;border-radius:20px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.academic-schedule-page .ar-title{font-family:'Montserrat',sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:900;color:var(--white);margin-bottom:8px;line-height:1.2}
.academic-schedule-page .ar-desc{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:22px}
.academic-schedule-page .ar-actions{display:flex;gap:12px;flex-wrap:wrap}
.academic-schedule-page .btn-ar-view{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--primary);padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:all .28s;box-shadow:0 6px 24px rgba(242,213,1,0.4)}
.academic-schedule-page .btn-ar-view:hover{background:var(--white);box-shadow:0 8px 30px rgba(255,255,255,0.2)}
.academic-schedule-page .btn-ar-dl{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);color:var(--white);padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .28s}
.academic-schedule-page .btn-ar-dl:hover{background:rgba(242,213,1,0.15);border-color:rgba(242,213,1,0.35);color:var(--gold)}

/* TIMELINE */
.academic-schedule-page .acad-timeline{position:relative;max-width:800px;margin:60px auto 0;padding:0 20px}
.academic-schedule-page .acad-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(242,213,1,0.5) 10%,rgba(242,213,1,0.5) 90%,transparent);transform:translateX(-50%)}
.academic-schedule-page .at-item{display:flex;gap:0;align-items:flex-start;margin-bottom:44px;position:relative}
.academic-schedule-page .at-item:nth-child(odd){flex-direction:row}
.academic-schedule-page .at-item:nth-child(even){flex-direction:row-reverse}
.academic-schedule-page .at-dot{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:16px;height:16px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(242,213,1,0.18),0 0 0 8px rgba(242,213,1,0.07);z-index:2;flex-shrink:0;transition:box-shadow .3s}
.academic-schedule-page .at-item:hover .at-dot{box-shadow:0 0 0 6px rgba(242,213,1,0.28),0 0 0 12px rgba(242,213,1,0.12)}
.academic-schedule-page .at-card{background:var(--white);border-radius:16px;padding:22px 22px;box-shadow:0 4px 24px rgba(8,15,47,0.08);border:1px solid var(--soft);width:calc(50% - 30px);transition:all .32s;position:relative;overflow:hidden}
.academic-schedule-page .at-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .32s}
.academic-schedule-page .at-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(8,15,47,0.12)}
.academic-schedule-page .at-card:hover::before{transform:scaleX(1)}
.academic-schedule-page .at-year{display:inline-block;background:var(--primary);color:var(--gold);font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;padding:5px 14px;border-radius:8px;margin-bottom:10px}
.academic-schedule-page .at-items-list{display:flex;flex-direction:column;gap:6px}
.academic-schedule-page .at-list-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#555}
.academic-schedule-page .at-list-item i{color:var(--gold);font-size:10px;flex-shrink:0}
.academic-schedule-page .at-spacer{width:calc(50% - 30px)}

/* HIGHLIGHTS GRID */
.academic-schedule-page .highlights-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:60px}
.academic-schedule-page .highlight-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:30px 18px;text-align:center;transition:all .38s;position:relative;overflow:hidden}
.academic-schedule-page .highlight-card::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--gold);transition:width .38s}
.academic-schedule-page .highlight-card:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.3);transform:translateY(-7px);box-shadow:0 18px 52px rgba(0,0,0,0.22)}
.academic-schedule-page .highlight-card:hover::before{width:100%}
.academic-schedule-page .highlight-icon{width:60px;height:60px;background:rgba(242,213,1,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin:0 auto 16px;transition:all .3s}
.academic-schedule-page .highlight-card:hover .highlight-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4);transform:scale(1.08)}
.academic-schedule-page .highlight-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;color:var(--white);margin-bottom:6px}
.academic-schedule-page .highlight-sub{font-size:12px;color:rgba(255,255,255,0.45);line-height:1.6}

/* RESPONSIVE — page-specific additions */
@media(max-width:1200px){
  .academic-schedule-page .schedules-grid{grid-template-columns:repeat(2,1fr)}
  .academic-schedule-page .highlights-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
  .academic-schedule-page .intro-split{grid-template-columns:1fr;gap:40px}
  .academic-schedule-page .annual-report-card{flex-direction:column;padding:32px 24px;gap:24px}
  .academic-schedule-page .ar-icon-wrap{width:70px;height:70px;font-size:28px}
  .academic-schedule-page .contact-cards-grid{grid-template-columns:1fr 1fr}
  .academic-schedule-page .footer-grid{grid-template-columns:1fr 1fr}
  .academic-schedule-page .acad-timeline::before{left:18px}
  .academic-schedule-page .at-item,.academic-schedule-page .at-item:nth-child(even){flex-direction:column;padding-left:48px}
  .academic-schedule-page .at-dot{left:18px;top:16px}
  .academic-schedule-page .at-card,.academic-schedule-page .at-spacer{width:100%}
  .academic-schedule-page .at-spacer{display:none}
}
@media(max-width:768px){
  .academic-schedule-page .nav-links,.academic-schedule-page .btn-apply{display:none}
  .academic-schedule-page .hamburger{display:flex}
  .academic-schedule-page .section{padding:60px 20px}
  .academic-schedule-page .inner-banner{height:340px}
  .academic-schedule-page .inner-banner-content{padding:0 20px}
  .academic-schedule-page .schedules-grid{grid-template-columns:1fr}
  .academic-schedule-page .highlights-grid{grid-template-columns:repeat(2,1fr)}
  .academic-schedule-page .contact-cards-grid{grid-template-columns:1fr}
  .academic-schedule-page .intro-img-wrap img{height:260px}
  .academic-schedule-page .navbar{padding:12px 20px}
  .academic-schedule-page .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .academic-schedule-page .footer-grid{grid-template-columns:1fr}
  .academic-schedule-page .sched-tabs{gap:7px}
}
@media(max-width:480px){
  .academic-schedule-page .highlights-grid{grid-template-columns:1fr 1fr}
  .academic-schedule-page .ib-title{font-size:30px}
  .academic-schedule-page .annual-report-card{padding:24px 18px}
}

/* ============================================================
   PRINCIPAL MESSAGE PAGE
   Page-specific styles moved from principal-message.php
   ============================================================ */
/* ============================================================
   PAGE-SPECIFIC CSS — Principal Message page ONLY
   ============================================================ */

/* ---- INNER PAGE HERO ---- */
.principal-message-page .inner-hero{
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 100px 40px 80px;
}
.principal-message-page .inner-hero-bg{
  position: absolute;
  inset: 0;
  background-image: url('https://images.unsplash.com/photo-1562774053-701939374585?w=1920&q=80');
  background-size: cover;
  background-position: center 30%;
  transform: scale(1.04);
  transition: transform 8s ease;
}
.principal-message-page .inner-hero.loaded .inner-hero-bg{ transform: scale(1); }
.principal-message-page .inner-hero-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(8,15,47,0.96) 0%, rgba(8,15,47,0.78) 60%, rgba(8,15,47,0.55) 100%);
}
/* floating decorative shapes */
.principal-message-page .inner-hero-shape{
  position: absolute;
  border-radius: 50%;
  background: rgba(242,213,1,0.06);
  animation: floatOrb 9s ease-in-out infinite;
  pointer-events: none;
}
.principal-message-page .inner-hero-shape.s1{ width: 380px; height: 380px; top: -120px; right: -80px; animation-delay: 0s; }
.principal-message-page .inner-hero-shape.s2{ width: 220px; height: 220px; bottom: -60px; left: 10%; animation-delay: -3s; }
.principal-message-page .inner-hero-shape.s3{
  width: 60px; height: 60px;
  border: 2px solid rgba(242,213,1,0.15);
  border-radius: 14px;
  background: transparent;
  top: 28%; right: 20%;
  animation: floatShape 6s ease-in-out infinite;
}
.principal-message-page .inner-hero-content{
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  animation: fadeInUp .8s ease .1s both;
}
.principal-message-page .breadcrumb{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.5);
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.principal-message-page .breadcrumb a{
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  transition: color .2s;
}
.principal-message-page .breadcrumb a:hover{ color: var(--gold); }
.principal-message-page .breadcrumb .bc-sep{ color: rgba(255,255,255,0.25); font-size: 11px; }
.principal-message-page .breadcrumb .bc-current{ color: var(--gold); font-weight: 600; }
.principal-message-page .inner-hero-badge{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(242,213,1,0.12);
  border: 1px solid rgba(242,213,1,0.3);
  color: var(--gold);
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.principal-message-page .inner-hero-badge .dot{
  width: 6px; height: 6px;
  background: var(--gold);
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.principal-message-page .inner-hero-title{
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 900;
  color: var(--white);
  line-height: 1.1;
  margin-bottom: 16px;
}
.principal-message-page .inner-hero-title .accent{ color: var(--gold); }
.principal-message-page .inner-hero-sub{
  font-size: 16px;
  color: rgba(255,255,255,0.65);
  line-height: 1.8;
  max-width: 560px;
  font-weight: 300;
}

/* ---- PRINCIPAL PROFILE SECTION ---- */
.principal-message-page .principal-section{
  padding: 90px 40px;
  background: var(--white);
  position: relative;
  overflow: hidden;
}
.principal-message-page .principal-section::before{
  content: '';
  position: absolute;
  top: -100px; right: -120px;
  width: 440px; height: 440px;
  border-radius: 50%;
  background: rgba(242,213,1,0.04);
  pointer-events: none;
}
.principal-message-page .principal-grid{
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 80px;
  align-items: start;
  max-width: 1280px;
  margin: 0 auto;
}

/* LEFT — portrait card */
.principal-message-page .principal-portrait-wrap{
  position: relative;
}
.principal-message-page .principal-portrait-card{
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 24px 72px rgba(8,15,47,0.18);
  border: 4px solid var(--white);
  outline: 1px solid rgba(242,213,1,0.2);
  transition: transform .4s ease, box-shadow .4s ease;
  cursor: pointer;
}
.principal-message-page .principal-portrait-card:hover{
  transform: scale(1.02) translateY(-6px);
  box-shadow: 0 36px 90px rgba(8,15,47,0.22), 0 0 0 4px rgba(242,213,1,0.25);
}
.principal-message-page .principal-portrait-card img{
  width: 100%;
  display: block;
  aspect-ratio: 4/5;
  object-fit: cover;
  object-position: top center;
  transition: transform .5s ease;
}
.principal-message-page .principal-portrait-card:hover img{ transform: scale(1.04); }
/* gold top bar */
.principal-message-page .principal-portrait-card::before{
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--gold);
  z-index: 2;
}
/* name plate inside image */
.principal-message-page .portrait-nameplate{
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(to top, rgba(8,15,47,0.97) 0%, rgba(8,15,47,0.6) 60%, transparent 100%);
  padding: 32px 24px 22px;
  z-index: 2;
}
.principal-message-page .portrait-name{
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 800;
  color: var(--white);
  line-height: 1.3;
  margin-bottom: 4px;
}
.principal-message-page .portrait-desig{
  font-size: 12px;
  color: var(--gold);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* decorative accent floating badge */
.principal-message-page .portrait-accent{
  position: absolute;
  top: 24px; right: -18px;
  width: 80px; height: 80px;
  background: var(--gold);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 8px 32px rgba(242,213,1,0.5);
  animation: floatShape 5s ease-in-out infinite;
  z-index: 3;
}
.principal-message-page .portrait-accent i{
  font-size: 22px;
  color: var(--primary);
  margin-bottom: 3px;
}
.principal-message-page .portrait-accent span{
  font-size: 9px;
  font-weight: 800;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: .5px;
  text-align: center;
  line-height: 1.2;
}
/* small stat badges below portrait */
.principal-message-page .portrait-stats{
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.principal-message-page .portrait-stat{
  flex: 1;
  background: var(--light);
  border-radius: 14px;
  padding: 14px 16px;
  text-align: center;
  border: 1px solid var(--soft);
  transition: all .3s;
}
.principal-message-page .portrait-stat:hover{
  background: var(--gold);
  border-color: var(--gold);
}
.principal-message-page .portrait-stat:hover .ps-num,.principal-message-page .portrait-stat:hover .ps-lbl{ color: var(--primary); }
.principal-message-page .ps-num{
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: var(--primary);
  line-height: 1;
}
.principal-message-page .ps-lbl{
  font-size: 10px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 3px;
}

/* RIGHT — message content */
.principal-message-page .principal-content{}
.principal-message-page .principal-message-body{
  margin-top: 22px;
}
.principal-message-page .principal-message-body p{
  font-size: 15.5px;
  color: #444;
  line-height: 1.9;
  margin-bottom: 20px;
}
.principal-message-page .principal-message-body p:last-of-type{ margin-bottom: 0; }
/* opening quote accent */
.principal-message-page .msg-opening{
  position: relative;
  padding-left: 20px;
  border-left: 3px solid var(--gold);
  margin-bottom: 28px !important;
  font-size: 16.5px !important;
  color: var(--primary) !important;
  font-weight: 500 !important;
}

/* SIGNATURE */
.principal-message-page .signature-area{
  margin-top: 40px;
  padding: 28px 32px;
  background: var(--light);
  border-radius: 18px;
  border: 1px solid var(--soft);
  border-left: 4px solid var(--gold);
  display: flex;
  align-items: center;
  gap: 24px;
}
.principal-message-page .sig-icon{
  width: 56px; height: 56px;
  background: var(--gold);
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  color: var(--primary);
  flex-shrink: 0;
  box-shadow: 0 6px 20px rgba(242,213,1,0.35);
}
.principal-message-page .sig-text{}
.principal-message-page .sig-cursive{
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: var(--primary);
  letter-spacing: -.3px;
  line-height: 1.2;
  /* faux-handwriting tilt */
  display: inline-block;
  transform: rotate(-1.5deg);
  margin-bottom: 4px;
}
.principal-message-page .sig-name{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 800;
  color: var(--primary);
  margin-bottom: 2px;
}
.principal-message-page .sig-desig{
  font-size: 12px;
  color: var(--gold);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.principal-message-page .sig-college{
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}

/* ---- FOCUS AREAS ---- */
.principal-message-page .focus-section{
  padding: 90px 40px;
  background: var(--light);
}

/* ============================================================
   RESPONSIVE — page-specific breakpoints
   ============================================================ */
@media(max-width:1100px){
  .principal-message-page .principal-grid { grid-template-columns: 360px 1fr; gap: 56px; }
}
@media(max-width:900px){
  .principal-message-page .principal-grid{ grid-template-columns: 1fr; gap: 48px; }
  .principal-message-page .principal-portrait-wrap{ max-width: 420px; margin: 0 auto; }
  .principal-message-page .features-grid{ grid-template-columns: repeat(2,1fr); }
}
@media(max-width:768px){
  .principal-message-page .nav-links,.principal-message-page .btn-apply{ display: none; }
  .principal-message-page .hamburger{ display: flex; }
  .principal-message-page .inner-hero{ padding: 80px 20px 60px; min-height: 340px; }
  .principal-message-page .inner-hero-shape.s1{ width: 220px; height: 220px; }
  .principal-message-page .principal-section,.principal-message-page .focus-section{ padding: 60px 20px; }
  .principal-message-page .section{ padding: 60px 20px; }
  .principal-message-page .signature-area{ flex-direction: column; text-align: center; gap: 16px; }
  .principal-message-page .portrait-accent{ right: -10px; top: 16px; width: 64px; height: 64px; }
  .principal-message-page .portrait-accent i{ font-size: 18px; }
}
@media(max-width:540px){
  .principal-message-page .features-grid{ grid-template-columns: 1fr; }
  .principal-message-page .portrait-stats{ flex-direction: column; gap: 8px; }
  .principal-message-page .tb-left{ gap: 12px; }
  .principal-message-page .tb-right{ display: none; }
}

/* ============================================================
   ABOUT TRUST PAGE
   Page-specific styles moved from about-trust.php
   ============================================================ */
/* ============================================================
   ADDITIONAL CSS — About Trust Page ONLY
   ============================================================ */

/* INNER BANNER */
.about-trust-page .inner-banner{position:relative;height:380px;display:flex;align-items:center;overflow:hidden}
.about-trust-page .inner-banner-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=1920&q=80');background-size:cover;background-position:center;transform:scale(1.04)}
.about-trust-page .inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.95) 0%,rgba(8,15,47,0.72) 100%)}
.about-trust-page .inner-banner-content{position:relative;z-index:2;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .7s ease both}
.about-trust-page .inner-banner-content .page-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,54px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:16px}
.about-trust-page .inner-banner-content .page-title span{color:var(--gold)}
.about-trust-page .breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,0.55)}
.about-trust-page .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;transition:color .2s}
.about-trust-page .breadcrumb a:hover{color:var(--gold)}
.about-trust-page .breadcrumb i{font-size:10px;color:var(--gold)}
.about-trust-page .breadcrumb .bc-current{color:var(--gold);font-weight:600}
.about-trust-page .banner-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px}
.about-trust-page .banner-badge .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}

/* ABOUT TRUST SPLIT */
.about-trust-page .about-trust-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-trust-page .trust-highlight-list{list-style:none;margin:22px 0 28px}
.about-trust-page .trust-highlight-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#555;line-height:1.7;margin-bottom:12px}
.about-trust-page .trust-highlight-list li i{color:var(--gold);font-size:14px;margin-top:3px;flex-shrink:0}
.about-trust-page .trust-badge-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.about-trust-page .trust-badge{background:rgba(8,15,47,0.06);border:1px solid rgba(8,15,47,0.1);border-radius:50px;padding:6px 16px;font-size:12px;font-weight:700;color:var(--primary);letter-spacing:.5px;display:flex;align-items:center;gap:6px}
.about-trust-page .trust-badge i{color:var(--gold)}

/* TRUST OBJECTIVES GRID */
.about-trust-page .objectives-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.about-trust-page .objective-card{background:var(--white);border-radius:18px;padding:32px 24px;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent}
.about-trust-page .objective-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.about-trust-page .objective-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.2)}
.about-trust-page .objective-card:hover::before{transform:scaleX(1)}
.about-trust-page .obj-icon{width:60px;height:60px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin-bottom:20px;transition:all .3s}
.about-trust-page .objective-card:hover .obj-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.about-trust-page .obj-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;margin-bottom:12px;color:var(--primary)}
.about-trust-page .obj-list{list-style:none;padding:0}
.about-trust-page .obj-list li{font-size:13px;color:#666;line-height:1.7;margin-bottom:7px;display:flex;align-items:flex-start;gap:8px}
.about-trust-page .obj-list li::before{content:'›';color:var(--gold);font-size:16px;line-height:1.4;flex-shrink:0}

/* TRUST MEMBERS */
.about-trust-page .members-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:56px}
.about-trust-page .member-card{background:var(--white);border-radius:18px;padding:24px 16px;text-align:center;box-shadow:0 4px 20px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.about-trust-page .member-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .35s ease}
.about-trust-page .member-card:hover{transform:translateY(-7px);box-shadow:0 16px 44px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.25)}
.about-trust-page .member-card:hover::after{transform:scaleX(1)}
.about-trust-page .member-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#1a2860);display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:24px;color:var(--gold);margin:0 auto 16px;border:3px solid var(--soft);transition:border-color .3s}
.about-trust-page .member-card:hover .member-avatar{border-color:var(--gold)}
.about-trust-page .member-name{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:6px;line-height:1.3}
.about-trust-page .member-role{font-size:11px;color:#888;font-weight:500;line-height:1.4}
.about-trust-page .member-role-badge{display:inline-block;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--primary);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;margin-top:8px;letter-spacing:.3px}

/* ADMISSION ENQUIRY SECTION */
.about-trust-page .admission-section{background:var(--primary);padding:90px 40px;position:relative;overflow:hidden}
.about-trust-page .admission-section::before{content:'';position:absolute;top:-120px;right:-120px;width:400px;height:400px;border-radius:50%;background:rgba(242,213,1,0.05);pointer-events:none}
.about-trust-page .admission-section::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:rgba(242,213,1,0.04);pointer-events:none}
.about-trust-page .admission-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;position:relative;z-index:2}
.about-trust-page .admission-info{padding-top:8px}
.about-trust-page .admission-info .section-title{color:var(--white)}
.about-trust-page .admission-info .section-desc{color:rgba(255,255,255,0.6);max-width:100%}
.about-trust-page .contact-detail-list{list-style:none;margin-top:28px}
.about-trust-page .contact-detail-list li{display:flex;align-items:center;gap:14px;font-size:14px;color:rgba(255,255,255,0.65);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.07)}
.about-trust-page .contact-detail-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.about-trust-page .contact-icon-box{width:38px;height:38px;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;flex-shrink:0}
.about-trust-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-trust-page .form-group textarea{resize:vertical;min-height:90px}
.about-trust-page .btn-reset{width:100%;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:14px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;margin-top:8px}
.about-trust-page .btn-reset:hover{background:rgba(255,255,255,0.12);color:var(--white)}
.about-trust-page .admission-support-note{font-size:12px;color:rgba(255,255,255,0.4);margin-top:14px;text-align:center;line-height:1.6}
.about-trust-page .admission-support-note i{color:var(--gold);margin-right:4px}

/* ===================== RESPONSIVE — About Trust page additions ===================== */
@media(max-width:1200px){
  .about-trust-page .objectives-grid{grid-template-columns:repeat(2,1fr)}
  .about-trust-page .members-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:1024px){
  .about-trust-page .about-trust-split{grid-template-columns:1fr}
  .about-trust-page .admission-inner{grid-template-columns:1fr}
  .about-trust-page .members-grid{grid-template-columns:repeat(3,1fr)}
  .about-trust-page .objectives-grid{grid-template-columns:repeat(2,1fr)}
  .about-trust-page .footer-grid{grid-template-columns:1fr 1fr}
  .about-trust-page .about-img-collage{height:360px}
}
@media(max-width:768px){
  .about-trust-page .nav-links,.about-trust-page .btn-apply{display:none}
  .about-trust-page .hamburger{display:flex}
  .about-trust-page .inner-banner{height:280px}
  .about-trust-page .inner-banner-content{padding:0 20px}
  .about-trust-page .section{padding:60px 20px}
  .about-trust-page .objectives-grid{grid-template-columns:1fr}
  .about-trust-page .members-grid{grid-template-columns:repeat(2,1fr)}
  .about-trust-page .about-img-collage{height:280px}
  .about-trust-page .collage-accent{display:none}
  .about-trust-page .vm-cards{grid-template-columns:1fr}
  .about-trust-page .footer-grid{grid-template-columns:1fr}
  .about-trust-page .admission-inner{gap:40px}
  .about-trust-page .form-row{grid-template-columns:1fr}
  .about-trust-page .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .about-trust-page .navbar{padding:12px 20px}
  .about-trust-page .trust-badge-row{gap:8px}
  .about-trust-page .cta-section{padding:60px 20px}
  .about-trust-page .cta-btns{flex-direction:column;align-items:center}
  .about-trust-page .btn-cta-gold,.about-trust-page .btn-cta-outline{width:100%;text-align:center}
}
@media(max-width:480px){
  .about-trust-page .members-grid{grid-template-columns:repeat(2,1fr)}
  .about-trust-page .trust-badge-row{flex-direction:column}
}

/* ============================================================
   PROGRAM DETAIL PAGE
   Page-specific styles moved from program-detail.php
   ============================================================ */
/* ============================================================
   PAGE-SPECIFIC — only new selectors
   ============================================================ */

/* ---- HERO BANNER ---- */
.program-detail-page .inner-banner{position:relative;overflow:hidden}
.program-detail-page .ib-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1559757148-5c350d0d3c56?w=1920&q=80');background-size:cover;background-position:center;animation:ibzoom 14s ease-in-out infinite alternate}
@keyframes ibzoom{from{transform:scale(1)}to{transform:scale(1.06)}}
.program-detail-page .ib-overlay{position:absolute;inset:0;background:linear-gradient(115deg,rgba(8,15,47,0.96) 0%,rgba(8,15,47,0.8) 55%,rgba(8,15,47,0.55) 100%)}
.program-detail-page .ib-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:70px 40px;display:grid;grid-template-columns:1fr 360px;gap:52px;align-items:center}
.program-detail-page .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.program-detail-page .breadcrumb a{color:rgba(255,255,255,0.5);font-size:12.5px;text-decoration:none;transition:color .2s}
.program-detail-page .breadcrumb a:hover{color:var(--gold)}
.program-detail-page .bc-sep{color:rgba(255,255,255,0.2);font-size:10px}
.program-detail-page .bc-cur{color:var(--gold);font-size:12.5px;font-weight:600}
.program-detail-page .ib-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,54px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:12px;animation:fadeInUp .75s ease both}
.program-detail-page .ib-title span{color:var(--gold)}
.program-detail-page .ib-sub{font-size:15px;color:rgba(255,255,255,0.6);font-weight:300;max-width:500px;line-height:1.75;margin-bottom:8px;animation:fadeInUp .75s ease .1s both}
.program-detail-page .ib-line{display:block;width:64px;height:4px;background:var(--gold);border-radius:2px;margin-top:16px;margin-bottom:26px;animation:lineGrow .8s ease .3s both}
@keyframes lineGrow{from{width:0}to{width:64px}}
.program-detail-page .ib-btns{display:flex;gap:12px;flex-wrap:wrap;animation:fadeInUp .75s ease .2s both}
/* Hero pills */
.program-detail-page .ib-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;animation:fadeInUp .75s ease .15s both}
.program-detail-page .ib-pill{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.75);font-size:11.5px;font-weight:500;padding:5px 13px;border-radius:20px;display:flex;align-items:center;gap:6px}
.program-detail-page .ib-pill i{color:var(--gold);font-size:10.5px}
/* ENQUIRY FORM CARD */
.program-detail-page .ib-form{background:var(--glass-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:20px;padding:32px 28px;animation:fadeInUp .75s ease .25s both}
.program-detail-page .ib-form-top{height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.25),var(--gold));border-radius:2px;margin-bottom:22px}
.program-detail-page .ib-form-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--white);margin-bottom:3px}
.program-detail-page .ib-form-sub{font-size:12px;color:rgba(255,255,255,0.4);margin-bottom:20px}
.program-detail-page .fg{margin-bottom:12px}
.program-detail-page .fg label{display:block;font-size:11px;color:rgba(255,255,255,0.5);margin-bottom:5px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}
.program-detail-page .fg input,.program-detail-page .fg select{width:100%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.13);border-radius:9px;padding:11px 14px;color:var(--white);font-family:'Poppins',sans-serif;font-size:13px;outline:none;transition:border-color .25s;-webkit-appearance:none}
.program-detail-page .fg select option{background:var(--primary);color:var(--white)}
.program-detail-page .fg input::placeholder{color:rgba(255,255,255,0.28)}
.program-detail-page .fg input:focus,.program-detail-page .fg select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,213,1,0.12)}
.program-detail-page .btn-submit{width:100%;background:var(--gold);color:var(--primary);border:none;border-radius:9px;padding:13px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px}
.program-detail-page .btn-submit:hover{background:var(--white)}

/* ---- PROGRAMME SECTIONS (UG / PG / PhD) ---- */
/* Shared split layout */
.program-detail-page .prog-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
/* Programme image */
.program-detail-page .prog-img{position:relative;border-radius:22px;overflow:hidden;height:420px;box-shadow:0 20px 60px rgba(8,15,47,0.16)}
.program-detail-page .prog-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.program-detail-page .prog-img:hover img{transform:scale(1.04)}
.program-detail-page .prog-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,47,0.65) 0%,transparent 55%)}
.program-detail-page .prog-img-badge{position:absolute;bottom:22px;left:22px;background:var(--gold);color:var(--primary);font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;padding:9px 18px;border-radius:50px;display:flex;align-items:center;gap:7px;box-shadow:0 4px 18px rgba(242,213,1,0.45)}
/* Programme info card */
.program-detail-page .prog-info-card{background:var(--white);border-radius:18px;border:1px solid var(--soft);overflow:hidden;box-shadow:0 4px 24px rgba(8,15,47,0.07)}
.program-detail-page .prog-info-head{background:var(--primary);padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.program-detail-page .prog-info-head-left h4{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--white);margin-bottom:3px}
.program-detail-page .prog-info-head-left p{font-size:12px;color:rgba(255,255,255,0.5)}
.program-detail-page .prog-badge{background:var(--gold);color:var(--primary);font-size:11px;font-weight:800;padding:5px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.4px}
.program-detail-page .prog-info-body{padding:22px 26px}
.program-detail-page .prog-info-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--soft)}
.program-detail-page .prog-info-row:last-child{border-bottom:none;padding-bottom:0}
.program-detail-page .prog-info-icon{width:36px;height:36px;background:rgba(242,213,1,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--gold);flex-shrink:0;margin-top:1px}
.program-detail-page .prog-info-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:3px}
.program-detail-page .prog-info-val{font-size:14px;color:var(--primary);font-weight:600;line-height:1.5}
/* Section accent bar */
.program-detail-page .section-accent-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.program-detail-page .section-accent-bar span{display:block;width:5px;height:36px;background:var(--gold);border-radius:3px}
.program-detail-page .section-accent-bar h2{font-family:'Montserrat',sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:800;color:var(--primary);line-height:1.2}
.program-detail-page .section-dark .section-accent-bar h2{color:var(--white)}

/* ---- VISION & MISSION ---- */
.program-detail-page .vision-card{background:var(--primary);border-radius:20px;padding:40px 38px;position:relative;overflow:hidden;height:100%}
.program-detail-page .vision-card::before{content:'"';font-family:Georgia,serif;font-size:110px;color:rgba(242,213,1,0.1);position:absolute;top:8px;left:20px;line-height:.8;pointer-events:none}
.program-detail-page .vision-card::after{content:'';position:absolute;bottom:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:rgba(242,213,1,0.04)}
.program-detail-page .vision-text{font-family:'Montserrat',sans-serif;font-size:15.5px;font-weight:600;color:var(--white);line-height:1.82;position:relative;z-index:1}
.program-detail-page .vision-text .kw{color:var(--gold);font-weight:800}
.program-detail-page .vision-label{display:flex;align-items:center;gap:9px;margin-top:26px;position:relative;z-index:1}
.program-detail-page .vision-label-icon{width:34px;height:34px;background:var(--gold);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--primary);flex-shrink:0}
.program-detail-page .vision-label span{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:2px}
/* Mission items */
.program-detail-page .mission-list{display:flex;flex-direction:column;gap:12px}
.program-detail-page .mission-item{display:flex;align-items:flex-start;gap:14px;background:var(--light);border-radius:13px;padding:17px 19px;border:1px solid var(--soft);transition:all .28s}
.program-detail-page .mission-item:hover{border-color:rgba(242,213,1,0.32);box-shadow:0 4px 18px rgba(8,15,47,0.07);transform:translateX(3px)}
.program-detail-page .mi-num{width:50px;height:36px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:12px;color:var(--gold);flex-shrink:0;margin-top:1px}
.program-detail-page .mi-text{font-size:13.5px;color:#444;line-height:1.75;padding-top:6px}

/* ---- HORIZONTAL TABS ---- */
.program-detail-page .htabs-bar{border-bottom:2px solid var(--soft);display:flex;gap:0;overflow-x:auto;scrollbar-width:none;margin-bottom:42px}
.program-detail-page .htabs-bar::-webkit-scrollbar{display:none}
.program-detail-page .htab{font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:#888;padding:13px 22px;cursor:pointer;border:none;background:none;white-space:nowrap;position:relative;transition:color .25s;display:flex;align-items:center;gap:7px}
.program-detail-page .htab i{font-size:13px;transition:color .25s}
.program-detail-page .htab::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .28s ease;border-radius:1px}
.program-detail-page .htab:hover{color:var(--primary)}
.program-detail-page .htab.active{color:var(--primary);font-weight:700}
.program-detail-page .htab.active i{color:var(--gold)}
.program-detail-page .htab.active::after{transform:scaleX(1)}
.program-detail-page .htab-panel{display:none}
.program-detail-page .htab-panel.active{display:block;animation:fadeInUp .38s ease both}

/* ---- TABLE ---- */
.program-detail-page .data-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--soft);box-shadow:0 2px 14px rgba(8,15,47,0.06)}
.program-detail-page .data-table{width:100%;border-collapse:collapse;background:var(--white)}
.program-detail-page .data-table thead tr{background:var(--primary)}
.program-detail-page .data-table thead th{padding:14px 18px;text-align:left;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}
.program-detail-page .data-table tbody tr{border-bottom:1px solid var(--soft);transition:background .18s}
.program-detail-page .data-table tbody tr:nth-child(even){background:var(--light)}
.program-detail-page .data-table tbody tr:hover{background:rgba(242,213,1,0.04)}
.program-detail-page .data-table tbody tr:last-child{border-bottom:none}
.program-detail-page .data-table td{padding:13px 18px;font-size:13.5px;color:var(--primary);vertical-align:top;line-height:1.6}
.program-detail-page .po-code{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;color:var(--gold);background:rgba(8,15,47,0.07);padding:3px 10px;border-radius:7px;display:inline-block;white-space:nowrap}
/* PSO items */
.program-detail-page .pso-item{background:var(--light);border-radius:14px;padding:20px 22px;border-left:4px solid var(--gold);margin-bottom:14px;transition:all .28s}
.program-detail-page .pso-item:hover{background:var(--white);border-color:var(--primary);box-shadow:0 4px 18px rgba(8,15,47,0.07);transform:translateX(3px)}
.program-detail-page .pso-num{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:7px}
.program-detail-page .pso-text{font-size:13.5px;color:#444;line-height:1.78}
/* COE */
.program-detail-page .coe-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.program-detail-page .coe-box{background:var(--light);border-radius:12px;padding:14px 17px;border-left:3px solid var(--gold)}
.program-detail-page .coe-box-label{font-size:10.5px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.program-detail-page .coe-box-val{font-size:13.5px;font-weight:600;color:var(--primary);line-height:1.5}
/* CLUBS */
.program-detail-page .club-row{display:flex;align-items:center;gap:14px;background:var(--light);border-radius:12px;padding:15px 18px;border:1px solid var(--soft);margin-bottom:11px;transition:all .25s}
.program-detail-page .club-row:hover{border-color:rgba(242,213,1,0.3);background:var(--white);box-shadow:0 4px 16px rgba(8,15,47,0.06)}
.program-detail-page .club-num{width:32px;height:32px;background:var(--primary);border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;color:var(--gold);flex-shrink:0}
.program-detail-page .club-name{font-family:'Montserrat',sans-serif;font-size:13.5px;font-weight:700;color:var(--primary);margin-bottom:2px}
.program-detail-page .club-fac{font-size:12px;color:#777}
/* GALLERY */
.program-detail-page .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.program-detail-page .gal-cell{border-radius:14px;overflow:hidden;position:relative;height:188px}
.program-detail-page .gal-cell img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.program-detail-page .gal-cell:hover img{transform:scale(1.06)}
.program-detail-page .gal-cell-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(8,15,47,0.82));padding:18px 14px 11px;font-size:12px;font-weight:600;color:var(--white);transform:translateY(5px);transition:transform .28s}
.program-detail-page .gal-cell:hover .gal-cell-cap{transform:translateY(0)}
/* PANEL TITLE */
.program-detail-page .panel-head{margin-bottom:22px}
.program-detail-page .panel-head h3{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:800;color:var(--primary);margin-bottom:5px}
.program-detail-page .panel-head p{font-size:13.5px;color:#777;line-height:1.6}

/* ---- RESPONSIVE ---- */
@media(max-width:1024px){
  .program-detail-page .ib-inner{grid-template-columns:1fr;gap:36px;padding:56px 28px}
  .program-detail-page .ib-form{max-width:480px}
  .program-detail-page .prog-split{grid-template-columns:1fr;gap:36px}
  .program-detail-page .prog-img{height:300px}
  .program-detail-page .vm-split{grid-template-columns:1fr!important}
  .program-detail-page .coe-grid{grid-template-columns:1fr}
  .program-detail-page .gallery-grid{grid-template-columns:1fr 1fr}
  .program-detail-page .footer-grid{grid-template-columns:1fr 1fr}
  .program-detail-page .about-img-collage{height:360px}
  .program-detail-page .collage-accent{display:none}
}
@media(max-width:768px){
  .program-detail-page .nav-links,.program-detail-page .btn-apply{display:none}
  .program-detail-page .hamburger{display:flex}
  .program-detail-page .navbar{padding:12px 20px}
  .program-detail-page .tb-inner{padding:0 16px;flex-direction:column;gap:6px}
  .program-detail-page .section{padding:60px 20px}
  .program-detail-page .ib-inner{padding:44px 20px}
  .program-detail-page .vm-cards{grid-template-columns:1fr}
  .program-detail-page .footer-grid{grid-template-columns:1fr}
  .program-detail-page .gallery-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:540px){
  .program-detail-page .gallery-grid{grid-template-columns:1fr}
}

/* ============================================================
   COE PAGE
   Page-specific styles moved from coe.php
   ============================================================ */
/* ============================================================
   COE PAGE — ADDITIONAL CSS ONLY
   (None of these classes exist in index.html)
   ============================================================ */

/* Inner Banner */
.coe-page .inner-banner{position:relative;height:400px;display:flex;align-items:center;overflow:hidden}
.coe-page .inner-banner-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1606761568499-6d2451b23c66?w=1920&q=80');background-size:cover;background-position:center}
.coe-page .inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.96) 0%,rgba(8,15,47,0.72) 100%)}
.coe-page .inner-banner-content{position:relative;z-index:2;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease both}
.coe-page .breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:20px;flex-wrap:wrap}
.coe-page .breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;transition:color .2s}
.coe-page .breadcrumb a:hover{color:var(--gold)}
.coe-page .breadcrumb i{font-size:9px;color:rgba(255,255,255,0.3)}
.coe-page .breadcrumb .bc-active{color:var(--gold);font-weight:600}

/* About-style split for intro */
.coe-page .about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}

/* Responsibilities numbered list */
.coe-page .resp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.coe-page .resp-item{background:var(--white);border-radius:16px;padding:22px 20px;box-shadow:0 4px 20px rgba(8,15,47,0.06);border:1px solid var(--soft);transition:all .3s;display:flex;gap:14px;align-items:flex-start}
.coe-page .resp-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(8,15,47,0.12);border-color:rgba(242,213,1,0.3)}
.coe-page .resp-num{min-width:36px;height:36px;background:var(--gold);color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;flex-shrink:0}
.coe-page .resp-text{font-size:13px;color:#555;line-height:1.7;padding-top:8px}

/* Announcements timeline */
.coe-page .announce-list{margin-top:50px;display:flex;flex-direction:column;gap:16px}
.coe-page .announce-item{background:var(--white);border-radius:16px;padding:22px 24px;box-shadow:0 4px 20px rgba(8,15,47,0.06);border:1px solid var(--soft);display:flex;align-items:center;gap:22px;transition:all .3s;position:relative;overflow:hidden}
.coe-page .announce-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold);border-radius:4px 0 0 4px}
.coe-page .announce-item:hover{transform:translateX(6px);box-shadow:0 8px 32px rgba(8,15,47,0.12);border-color:rgba(242,213,1,0.3)}
.coe-page .ann-date{background:var(--primary);color:var(--gold);border-radius:12px;padding:10px 14px;text-align:center;min-width:80px;flex-shrink:0}
.coe-page .ann-date-day{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:900;line-height:1}
.coe-page .ann-date-month{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:2px;color:rgba(255,255,255,0.6)}
.coe-page .ann-body{flex:1}
.coe-page .ann-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);margin-bottom:4px;line-height:1.4}
.coe-page .ann-pdf-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--gold);font-size:11px;font-weight:700;padding:5px 14px;border-radius:6px;text-decoration:none;transition:all .2s;white-space:nowrap}
.coe-page .ann-pdf-btn:hover{background:var(--gold);color:var(--primary)}
.coe-page .ann-fee-badge{background:var(--gold);color:var(--primary);border-radius:12px;padding:10px 16px;text-align:center;min-width:80px;flex-shrink:0;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:900;letter-spacing:.5px;line-height:1.3}

/* Results card */
.coe-page .result-card{background:var(--white);border-radius:20px;padding:30px 28px;box-shadow:0 6px 32px rgba(8,15,47,0.1);border:2px solid rgba(242,213,1,0.3);position:relative;overflow:hidden;margin-top:50px}
.coe-page .result-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3),var(--gold))}
.coe-page .result-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.coe-page .result-icon-box{width:70px;height:70px;background:rgba(242,213,1,0.12);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--gold);flex-shrink:0;transition:all .3s}
.coe-page .result-card:hover .result-icon-box{background:var(--gold);color:var(--primary)}
.coe-page .result-body{flex:1}
.coe-page .result-date{font-size:12px;color:var(--gold);font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.coe-page .result-title{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:800;color:var(--primary);margin-bottom:6px;line-height:1.3}
.coe-page .result-sub{font-size:13px;color:#666;line-height:1.6}
.coe-page .result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.coe-page .btn-result{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;font-family:'Poppins',sans-serif}
.coe-page .btn-result.gold{background:var(--gold);color:var(--primary);box-shadow:0 4px 16px rgba(242,213,1,0.35)}
.coe-page .btn-result.gold:hover{background:var(--primary);color:var(--gold)}
.coe-page .btn-result.outline{background:transparent;color:var(--primary);border:2px solid var(--soft)}
.coe-page .btn-result.outline:hover{border-color:var(--gold);color:var(--gold)}

/* Process flow */
.coe-page .process-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:50px;position:relative}
.coe-page .process-flow::before{content:'';position:absolute;top:30px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.2),var(--gold));z-index:0}
.coe-page .process-step{text-align:center;position:relative;z-index:1;padding:0 12px}
.coe-page .process-icon{width:60px;height:60px;background:var(--white);border:3px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 16px;box-shadow:0 4px 20px rgba(242,213,1,0.25);transition:all .3s}
.coe-page .process-step:hover .process-icon{background:var(--gold);color:var(--primary);transform:scale(1.12)}
.coe-page .process-num{position:absolute;top:-6px;right:calc(50% - 38px);width:20px;height:20px;background:var(--primary);color:var(--gold);border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif}
.coe-page .process-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:6px}
.coe-page .process-desc{font-size:12px;color:#777;line-height:1.5}

/* Highlights */
.coe-page .highlight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:50px}
.coe-page .highlight-card{background:var(--white);border-radius:18px;padding:28px 20px;text-align:center;box-shadow:0 4px 20px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.coe-page .highlight-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .35s}
.coe-page .highlight-card:hover{transform:translateY(-7px);box-shadow:0 14px 44px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.3)}
.coe-page .highlight-card:hover::after{transform:scaleX(1)}
.coe-page .hl-icon{width:56px;height:56px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 14px;transition:all .3s}
.coe-page .highlight-card:hover .hl-icon{background:var(--gold);color:var(--primary)}
.coe-page .hl-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--primary);line-height:1.3}

/* Contact cards */
.coe-page .contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
.coe-page .contact-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:28px 24px;transition:all .3s;text-align:center}
.coe-page .contact-card:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.3);transform:translateY(-5px)}
.coe-page .contact-icon{width:54px;height:54px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 16px;transition:all .3s}
.coe-page .contact-card:hover .contact-icon{background:var(--gold);color:var(--primary)}
.coe-page .contact-label{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.coe-page .contact-value{font-size:14px;color:rgba(255,255,255,0.75);line-height:1.7}
.coe-page .contact-value a{color:rgba(255,255,255,0.75);text-decoration:none;transition:color .2s}
.coe-page .contact-value a:hover{color:var(--gold)}

/* Responsive — CoE page only */
@media(max-width:1024px){
  .coe-page .resp-grid{grid-template-columns:repeat(2,1fr)}
  .coe-page .process-flow{grid-template-columns:repeat(4,1fr)}
  .coe-page .highlight-grid{grid-template-columns:repeat(3,1fr)}
  .coe-page .contact-grid{grid-template-columns:1fr 1fr}
  .coe-page .about-split{grid-template-columns:1fr!important}
}
@media(max-width:768px){
  .coe-page .inner-banner{height:280px}
  .coe-page .inner-banner-content{padding:0 20px}
  .coe-page .resp-grid{grid-template-columns:1fr}
  .coe-page .process-flow{grid-template-columns:repeat(2,1fr)}
  .coe-page .process-flow::before{display:none}
  .coe-page .highlight-grid{grid-template-columns:repeat(2,1fr)}
  .coe-page .contact-grid{grid-template-columns:1fr}
  .coe-page .result-inner{flex-direction:column;align-items:flex-start}
  .coe-page .announce-item{flex-wrap:wrap}
}
@media(max-width:480px){
  .coe-page .highlight-grid{grid-template-columns:1fr 1fr}
  .coe-page .process-flow{grid-template-columns:1fr 1fr}
}

/* ============================================================
   CONTACT US PAGE
   Page-specific styles moved from contact-us.php
   ============================================================ */
/* ============================================================
   PAGE-SPECIFIC CSS — Contact Us page ONLY
   ============================================================ */

/* INNER HERO */
.contact-us-page .inner-hero{position:relative;min-height:440px;display:flex;align-items:center;overflow:hidden;padding:110px 40px 90px}
.contact-us-page .inner-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=1920&q=80');background-size:cover;background-position:center 40%;transform:scale(1.04);transition:transform 8s ease}
.contact-us-page .inner-hero.loaded .inner-hero-bg{transform:scale(1)}
.contact-us-page .inner-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.97) 0%,rgba(8,15,47,0.82) 60%,rgba(8,15,47,0.55) 100%)}
.contact-us-page .inner-hero-shape{position:absolute;border-radius:50%;background:rgba(242,213,1,0.06);animation:floatOrb 9s ease-in-out infinite;pointer-events:none}
.contact-us-page .inner-hero-shape.s1{width:420px;height:420px;top:-140px;right:-80px}
.contact-us-page .inner-hero-shape.s2{width:240px;height:240px;bottom:-70px;left:8%;animation-delay:-3.5s}
.contact-us-page .inner-hero-shape.s3{width:64px;height:64px;border:2px solid rgba(242,213,1,0.15);border-radius:16px;background:transparent;top:30%;right:22%;animation:floatShape 7s ease-in-out infinite}
.contact-us-page .inner-hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease .1s both}
.contact-us-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:22px;flex-wrap:wrap}
.contact-us-page .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;transition:color .2s}
.contact-us-page .breadcrumb a:hover{color:var(--gold)}
.contact-us-page .breadcrumb .bc-sep{color:rgba(255,255,255,0.25);font-size:11px}
.contact-us-page .breadcrumb .bc-current{color:var(--gold);font-weight:600}
.contact-us-page .inner-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.contact-us-page .inner-hero-badge .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.contact-us-page .inner-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(34px,4.5vw,62px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:16px}
.contact-us-page .inner-hero-title .accent{color:var(--gold)}
.contact-us-page .inner-hero-sub{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:640px;font-weight:300}

/* CONTACT INFO CARDS — main grid */
.contact-us-page .contact-us-page .contact-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.contact-us-page .contact-info-card{background:var(--white);border-radius:20px;padding:32px 24px;box-shadow:0 4px 28px rgba(8,15,47,0.08);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden;text-decoration:none;display:block}
.contact-us-page .contact-info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.contact-us-page .contact-info-card:hover{transform:translateY(-7px);box-shadow:0 18px 52px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.2)}
.contact-us-page .contact-info-card:hover::before{transform:scaleX(1)}
.contact-us-page .ci-icon{width:60px;height:60px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin-bottom:20px;transition:all .3s}
.contact-us-page .contact-info-card:hover .ci-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.contact-us-page .ci-label{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.contact-us-page .ci-value{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);line-height:1.5;margin-bottom:4px}
.contact-us-page .ci-sub{font-size:13px;color:#777;line-height:1.6}
.contact-us-page .ci-link{font-size:13px;color:var(--gold);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px;margin-top:4px;transition:gap .2s}
.contact-us-page .ci-link:hover{gap:9px}

/* CONTACT FORM */
.contact-us-page .contact-form-wrap{background:var(--white);border-radius:24px;padding:48px;box-shadow:0 8px 48px rgba(8,15,47,0.1);border:1px solid var(--soft)}
.contact-us-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.contact-us-page .form-group{position:relative;margin-bottom:0}
.contact-us-page .form-group.full{grid-column:1/-1}
.contact-us-page .form-field{width:100%;padding:16px 18px;border:2px solid var(--soft);border-radius:12px;font-family:'Poppins',sans-serif;font-size:14px;color:var(--primary);background:var(--light);transition:all .3s;outline:none;resize:vertical}
.contact-us-page .form-field:focus{border-color:var(--gold);background:var(--white);box-shadow:0 0 0 4px rgba(242,213,1,0.1)}
.contact-us-page .form-label{display:block;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}
.contact-us-page .form-field::placeholder{color:#bbb}
.contact-us-page textarea.form-field{min-height:130px}
.contact-us-page .form-btns{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.contact-us-page .btn-form-send{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 36px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 24px rgba(242,213,1,0.35)}
.contact-us-page .btn-form-send:hover{background:var(--primary);color:var(--gold);border-color:var(--primary)}
.contact-us-page .btn-form-reset{background:transparent;color:var(--primary);border:2px solid var(--soft);padding:14px 28px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif}
.contact-us-page .btn-form-reset:hover{border-color:var(--primary)}
.contact-us-page select.form-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}

/* MAP SECTION */
.contact-us-page .map-container{border-radius:24px;overflow:hidden;box-shadow:0 12px 48px rgba(8,15,47,0.15);position:relative;border:4px solid var(--white);outline:1px solid rgba(242,213,1,0.15)}
.contact-us-page .map-container iframe{width:100%;height:480px;display:block;border:none}
.contact-us-page .map-overlay-card{position:absolute;bottom:24px;left:24px;background:var(--primary);border-radius:16px;padding:22px 24px;max-width:300px;box-shadow:0 8px 40px rgba(0,0,0,0.3);border:1px solid rgba(242,213,1,0.2);z-index:2}
.contact-us-page .map-overlay-card h4{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--white);margin-bottom:12px;line-height:1.3}
.contact-us-page .map-overlay-row{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:rgba(255,255,255,0.65);margin-bottom:8px;line-height:1.5}
.contact-us-page .map-overlay-row i{color:var(--gold);font-size:12px;margin-top:2px;flex-shrink:0}
.contact-us-page .map-overlay-row a{color:rgba(255,255,255,0.65);text-decoration:none;transition:color .2s}
.contact-us-page .map-overlay-row a:hover{color:var(--gold)}

/* QUICK ENQUIRY CARDS */
.contact-us-page .contact-us-page .enquiry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:56px}
.contact-us-page .enquiry-card{background:var(--white);border-radius:18px;padding:28px 20px;text-align:center;box-shadow:0 4px 24px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:block}
.contact-us-page .enquiry-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),#1a2560);opacity:0;transition:opacity .35s}
.contact-us-page .enquiry-card:hover{transform:translateY(-7px);box-shadow:0 18px 50px rgba(8,15,47,0.16)}
.contact-us-page .enquiry-card:hover::before{opacity:1}
.contact-us-page .eq-icon{width:64px;height:64px;background:rgba(242,213,1,0.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin:0 auto 16px;transition:all .35s;position:relative;z-index:2}
.contact-us-page .enquiry-card:hover .eq-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.contact-us-page .eq-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--primary);margin-bottom:6px;position:relative;z-index:2;transition:color .35s}
.contact-us-page .eq-sub{font-size:11.5px;color:#888;line-height:1.5;position:relative;z-index:2;transition:color .35s}
.contact-us-page .enquiry-card:hover .eq-title,.contact-us-page .enquiry-card:hover .eq-sub{color:rgba(255,255,255,0.9)}
.contact-us-page .eq-badge{display:inline-block;background:rgba(242,213,1,0.15);color:var(--gold);font-size:10px;font-weight:700;padding:2px 10px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:2;transition:all .35s}
.contact-us-page .enquiry-card:hover .eq-badge{background:rgba(242,213,1,0.2);color:var(--gold)}

/* CONNECT SECTION CARDS */
.contact-us-page .contact-us-page .connect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.contact-us-page .connect-card{background:var(--white);border-radius:20px;padding:36px 24px;text-align:center;box-shadow:0 4px 28px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.contact-us-page .connect-card::after{content:'';position:absolute;bottom:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(242,213,1,0.05);transition:all .4s}
.contact-us-page .connect-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.2)}
.contact-us-page .connect-card:hover::after{width:180px;height:180px}
.contact-us-page .cc-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,rgba(242,213,1,0.15),rgba(242,213,1,0.05));border:2px solid rgba(242,213,1,0.2);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);margin:0 auto 20px;transition:all .35s}
.contact-us-page .connect-card:hover .cc-icon-wrap{background:var(--gold);border-color:var(--gold);color:var(--primary);box-shadow:0 10px 30px rgba(242,213,1,0.4);transform:scale(1.1)}
.contact-us-page .cc-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--primary);margin-bottom:10px}
.contact-us-page .cc-desc{font-size:13px;color:#666;line-height:1.7;margin-bottom:16px}
.contact-us-page .cc-detail{font-size:13px;color:var(--gold);font-weight:600}

/* FAQ ACCORDION */
.contact-us-page .faq-list{max-width:840px;margin:56px auto 0}
.contact-us-page .faq-item{border:1px solid var(--soft);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:all .3s;background:var(--white)}
.contact-us-page .faq-item.open{box-shadow:0 6px 28px rgba(8,15,47,0.08);border-color:rgba(242,213,1,0.3)}
.contact-us-page .faq-question{width:100%;background:none;border:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;color:var(--primary);text-align:left;gap:16px;transition:color .3s}
.contact-us-page .faq-question:hover,.contact-us-page .faq-item.open .faq-question{color:var(--gold)}
.contact-us-page .faq-icon{width:32px;height:32px;border-radius:8px;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gold);flex-shrink:0;transition:all .3s}
.contact-us-page .faq-item.open .faq-icon{background:var(--gold);color:var(--primary);transform:rotate(45deg)}
.contact-us-page .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 24px}
.contact-us-page .faq-item.open .faq-answer{max-height:200px;padding:0 24px 20px}
.contact-us-page .faq-answer p{font-size:14px;color:#555;line-height:1.8;border-top:1px solid var(--soft);padding-top:16px}

/* CONTACT + FORM LAYOUT */
.contact-us-page .contact-us-page .contact-main-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}

/* RESPONSIVE — page-specific */
@media(max-width:1100px){.contact-us-page .contact-info-grid{grid-template-columns:repeat(2,1fr)}.contact-us-page .enquiry-grid{grid-template-columns:repeat(3,1fr)}.contact-us-page .connect-grid{grid-template-columns:repeat(2,1fr)}.contact-us-page .contact-main-grid{grid-template-columns:1fr;gap:48px}}
@media(max-width:900px){.contact-us-page .about-img-collage{height:360px}}
@media(max-width:768px){.contact-us-page .inner-hero{padding:80px 20px 60px;min-height:340px}.contact-us-page .contact-form-wrap{padding:28px 20px}.contact-us-page .form-row{grid-template-columns:1fr}.contact-us-page .contact-us-page .enquiry-grid{grid-template-columns:repeat(2,1fr)}.contact-us-page .map-overlay-card{max-width:220px;padding:16px 18px}.contact-us-page .map-container iframe{height:360px}}
@media(max-width:540px){.contact-us-page .contact-us-page .contact-info-grid{grid-template-columns:1fr}.contact-us-page .contact-us-page .enquiry-grid{grid-template-columns:1fr}.contact-us-page .contact-us-page .connect-grid{grid-template-columns:1fr}.contact-us-page .form-btns{flex-direction:column}.contact-us-page .btn-form-send,.contact-us-page .btn-form-reset{width:100%;text-align:center}}

/* ============================================================
   CHAIRMAN MESSAGE PAGE
   Page-specific styles moved from chairman-message.php
   ============================================================ */
/* ============================================================
   CHAIRMAN PAGE — ADDITIONAL CSS ONLY
   (Nothing here exists in index.html)
   ============================================================ */

/* Inner banner - shared by inner pages */
.chairman-message-page .inner-banner{position:relative;height:380px;display:flex;align-items:center;overflow:hidden}
.chairman-message-page .inner-banner-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=1920&q=80');background-size:cover;background-position:center top;}
.chairman-message-page .inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.96) 0%,rgba(8,15,47,0.72) 100%)}
.chairman-message-page .inner-banner-content{position:relative;z-index:2;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease both}

/* Breadcrumb — not in index */
.chairman-message-page .breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:20px;flex-wrap:wrap}
.chairman-message-page .breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;transition:color .2s}
.chairman-message-page .breadcrumb a:hover{color:var(--gold)}
.chairman-message-page .breadcrumb i{font-size:9px;color:rgba(255,255,255,0.3)}
.chairman-message-page .breadcrumb .bc-active{color:var(--gold);font-weight:600}

/* Chairman profile split layout */
.chairman-message-page .chairman-split{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}

/* Chairman image frame — uses collage-main sizing concept but is its own shape */
.chairman-message-page .chairman-img-wrap{position:relative;height:960px}
.chairman-message-page .chairman-img-wrap img{width:82%;height:88%;object-fit:cover;object-position:top center;border-radius:20px;box-shadow:0 20px 60px rgba(8,15,47,0.22);position:absolute;top:0;left:0;transition:transform .5s ease}
.chairman-message-page .chairman-img-wrap:hover img{transform:scale(1.02)}

.chairman-message-page .chairman-img-accent{position:absolute;bottom:60px;right:0;background:var(--primary);border-radius:16px;padding:18px 22px;box-shadow:0 8px 32px rgba(8,15,47,0.35);border:1px solid rgba(242,213,1,0.2);z-index:3;animation:floatShape 4s ease-in-out infinite}
.chairman-message-page .chairman-img-accent strong{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:900;color:var(--gold);display:block;line-height:1.1}
.chairman-message-page .chairman-img-accent span{font-size:11px;color:rgba(255,255,255,0.55);font-weight:500;letter-spacing:.5px}

/* Message body typography */
.chairman-message-page .chairman-message-text p{font-size:15.5px;color:#4a4a5a;line-height:1.95;margin-bottom:20px}
.chairman-message-page .chairman-message-text p:first-child{font-size:16.5px;color:#333;font-weight:500}

/* Opening quote mark */
.chairman-message-page .quote-opener{font-size:80px;color:var(--gold);font-family:Georgia,serif;line-height:.6;margin-bottom:10px;opacity:.7}

/* Signature block */
.chairman-message-page .chairman-signature{margin-top:36px;padding-top:28px;border-top:1px solid var(--soft);display:flex;align-items:center;gap:22px}
.chairman-message-page .sig-line{flex:1}
.chairman-message-page .sig-name{font-family:'Montserrat',sans-serif;font-size:19px;font-weight:800;color:var(--primary);letter-spacing:.3px}
.chairman-message-page .sig-designation{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:3px}
.chairman-message-page .sig-org{font-size:12px;color:#888;margin-top:2px}
.chairman-message-page .sig-icon{width:56px;height:56px;background:var(--gold);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--primary);flex-shrink:0;box-shadow:0 6px 20px rgba(242,213,1,0.4)}

/* Responsive — chairman page */
@media(max-width:1024px){
  .chairman-message-page .chairman-split{grid-template-columns:1fr;gap:50px}
  .chairman-message-page .chairman-img-wrap{height:420px}
}
@media(max-width:768px){
  .chairman-message-page .inner-banner{height:260px}
  .chairman-message-page .inner-banner-content{padding:0 20px}
  .chairman-message-page .chairman-img-wrap{height:320px}
  .chairman-message-page .chairman-img-accent{display:none}
}
/* ============================================================
   CORRESPONDENT MESSAGE PAGE
   Page-specific styles moved from about/correspondent-message.php
   ============================================================ */
.correspondent-message-page .inner-banner {
  position: relative;
  height: 380px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.correspondent-message-page .inner-banner-bg {
  position: absolute;
  inset: 0;
  background-image: url('https://images.unsplash.com/photo-1509062522246-3755977927d7?w=1920&q=80');
  background-size: cover;
  background-position: center;
}

.correspondent-message-page .inner-banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(8, 15, 47, 0.96) 0%, rgba(8, 15, 47, 0.70) 100%);
}

.correspondent-message-page .inner-banner-content {
  position: relative;
  z-index: 2;
  padding: 0 40px;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  animation: fadeInUp .8s ease both;
}

.correspondent-message-page .breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.correspondent-message-page .breadcrumb a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: color .2s;
}

.correspondent-message-page .breadcrumb a:hover {
  color: var(--gold);
}

.correspondent-message-page .breadcrumb i.sep {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.3);
}

.correspondent-message-page .breadcrumb .bc-active {
  color: var(--gold);
  font-weight: 600;
}

.correspondent-message-page .corr-split {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 80px;
  align-items: start;
}

.correspondent-message-page .corr-img-wrap {
  position: relative;
  height: 960px;
}

.correspondent-message-page .corr-img-wrap img {
  width: 80%;
  height: 86%;
  object-fit: cover;
  object-position: top center;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(8, 15, 47, 0.22);
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .5s ease;
}

.correspondent-message-page .corr-img-wrap:hover img {
  transform: scale(1.025);
}


.correspondent-message-page .corr-img-accent {
  position: absolute;
  bottom: 52px;
  right: 0;
  background: var(--primary);
  border-radius: 16px;
  padding: 18px 22px;
  box-shadow: 0 8px 32px rgba(8, 15, 47, 0.35);
  border: 1px solid rgba(242, 213, 1, 0.2);
  z-index: 3;
  animation: floatShape 4s ease-in-out infinite;
}

.correspondent-message-page .corr-img-accent strong {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 900;
  color: var(--gold);
  display: block;
  line-height: 1.15;
}

.correspondent-message-page .corr-img-accent span {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  letter-spacing: .5px;
}

.correspondent-message-page .corr-message-text p {
  font-size: 15.5px;
  color: #4a4a5a;
  line-height: 1.95;
  margin-bottom: 20px;
}

.correspondent-message-page .corr-message-text p:first-child {
  font-size: 16.5px;
  color: #333;
  font-weight: 500;
}

.correspondent-message-page .quote-opener {
  font-size: 80px;
  color: var(--gold);
  font-family: Georgia, serif;
  line-height: .6;
  margin-bottom: 10px;
  opacity: .65;
}

.correspondent-message-page .corr-signature {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--soft);
  display: flex;
  align-items: center;
  gap: 20px;
}

.correspondent-message-page .sig-icon {
  width: 56px;
  height: 56px;
  background: var(--gold);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--primary);
  flex-shrink: 0;
  box-shadow: 0 6px 20px rgba(242, 213, 1, 0.4);
}

.correspondent-message-page .sig-name {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--primary);
  letter-spacing: .3px;
}

.correspondent-message-page .sig-qualification {
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}

.correspondent-message-page .sig-designation {
  font-size: 12px;
  color: var(--gold);
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-top: 3px;
}

@media (max-width: 1024px) {
  .correspondent-message-page .corr-split {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .correspondent-message-page .corr-img-wrap {
    height: 420px;
  }
}

@media (max-width: 768px) {
  .correspondent-message-page .inner-banner {
    height: 260px;
  }

  .correspondent-message-page .inner-banner-content {
    padding: 0 20px;
  }

  .correspondent-message-page .corr-img-wrap {
    height: 320px;
  }

  .correspondent-message-page .corr-img-accent {
    display: none;
  }
}

/* ============================================================
   FACULTY PROFILE PAGE
   Page-specific styles moved from faculty-profile.php
   ============================================================ */
/* ============================================================
   PAGE-SPECIFIC CSS — Faculty Profile page ONLY
   ============================================================ */

/* INNER HERO */
.faculty-profile-page .inner-hero{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;padding:110px 40px 90px}
.faculty-profile-page .inner-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=1920&q=80');background-size:cover;background-position:center 35%;transform:scale(1.04);transition:transform 8s ease}
.faculty-profile-page .inner-hero.loaded .inner-hero-bg{transform:scale(1)}
.faculty-profile-page .inner-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.97) 0%,rgba(8,15,47,0.80) 60%,rgba(8,15,47,0.55) 100%)}
.faculty-profile-page .inner-hero-shape{position:absolute;border-radius:50%;background:rgba(242,213,1,0.06);animation:floatOrb 9s ease-in-out infinite;pointer-events:none}
.faculty-profile-page .inner-hero-shape.s1{width:420px;height:420px;top:-140px;right:-80px}
.faculty-profile-page .inner-hero-shape.s2{width:240px;height:240px;bottom:-70px;left:8%;animation-delay:-3.5s}
.faculty-profile-page .inner-hero-shape.s3{width:64px;height:64px;border:2px solid rgba(242,213,1,0.15);border-radius:16px;background:transparent;top:32%;right:22%;animation:floatShape 7s ease-in-out infinite}
.faculty-profile-page .inner-hero-shape.s4{width:36px;height:36px;border:2px solid rgba(242,213,1,0.10);border-radius:8px;background:transparent;bottom:25%;right:38%;animation:floatShape 5s ease-in-out infinite;animation-delay:-2s}
.faculty-profile-page .inner-hero-content{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease .1s both}

/* BREADCRUMB */
.faculty-profile-page .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:22px;flex-wrap:wrap}
.faculty-profile-page .breadcrumb a{color:rgba(255,255,255,0.55);text-decoration:none;transition:color .2s}
.faculty-profile-page .breadcrumb a:hover{color:var(--gold)}
.faculty-profile-page .breadcrumb .bc-sep{color:rgba(255,255,255,0.25);font-size:11px}
.faculty-profile-page .breadcrumb .bc-current{color:var(--gold);font-weight:600}

/* INNER HERO TEXT */
.faculty-profile-page .inner-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.faculty-profile-page .inner-hero-badge .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.faculty-profile-page .inner-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(34px,4.5vw,62px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:16px}
.faculty-profile-page .inner-hero-title .accent{color:var(--gold)}
.faculty-profile-page .inner-hero-sub{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:620px;font-weight:300}

/* FACULTY PROFILE CARDS */
.faculty-profile-page .faculty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.faculty-profile-page .faculty-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 6px 32px rgba(8,15,47,0.08);transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid var(--soft);position:relative}
.faculty-profile-page .faculty-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease;z-index:2}
.faculty-profile-page .faculty-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.2)}
.faculty-profile-page .faculty-card:hover::before{transform:scaleX(1)}
.faculty-profile-page .faculty-img-wrap{position:relative;height:220px;overflow:hidden;background:linear-gradient(135deg,#e8eaf0,#d0d4e8)}
.faculty-profile-page .faculty-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease}
.faculty-profile-page .faculty-card:hover .faculty-img-wrap img{transform:scale(1.07)}
.faculty-profile-page .faculty-dept-tag{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--primary);font-size:9px;font-weight:800;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;z-index:2}
.faculty-profile-page .faculty-body{padding:20px 18px 18px}
.faculty-profile-page .faculty-name{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--primary);margin-bottom:3px;line-height:1.2}
.faculty-profile-page .faculty-desig{font-size:11px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.faculty-profile-page .faculty-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;border-top:1px solid var(--soft);padding-top:12px}
.faculty-profile-page .faculty-meta-row{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:#666;line-height:1.4}
.faculty-profile-page .faculty-meta-row i{color:var(--gold);font-size:11px;margin-top:2px;flex-shrink:0}
.faculty-profile-page .faculty-meta-row strong{color:var(--primary);font-weight:600}
.faculty-profile-page .faculty-socials{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--soft)}
.faculty-profile-page .faculty-social-btn{width:32px;height:32px;border-radius:8px;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:12px;text-decoration:none;transition:all .25s}
.faculty-profile-page .faculty-social-btn:hover{background:var(--gold);color:var(--primary);transform:translateY(-2px)}

/* DEPT SECTION FILTER TABS */
.faculty-profile-page .dept-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;justify-content:center}
.faculty-profile-page .dept-tab{background:rgba(8,15,47,0.06);border:1px solid var(--soft);color:var(--primary);font-size:12px;font-weight:600;padding:8px 18px;border-radius:50px;cursor:pointer;transition:all .25s;font-family:'Poppins',sans-serif;letter-spacing:.3px;text-decoration:none;display:inline-block}
.faculty-profile-page .dept-tab:hover,.faculty-profile-page .dept-tab.active{background:var(--primary);color:var(--gold);border-color:var(--primary)}

/* FACULTY DEPT SECTION HEADER LABEL */
.faculty-profile-page .dept-section-label{display:inline-flex;align-items:center;gap:10px;background:rgba(242,213,1,0.08);border:1px solid rgba(242,213,1,0.2);color:var(--primary);font-size:11px;font-weight:700;padding:5px 14px;border-radius:50px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.faculty-profile-page .dept-section-label i{color:var(--gold)}

/* FACULTY PLACEHOLDER AVATAR */
.faculty-profile-page .fac-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#1a2560 100%)}
.faculty-profile-page .fac-avatar-placeholder span{font-family:'Montserrat',sans-serif;font-weight:900;font-size:40px;color:rgba(242,213,1,0.5)}

/* DEPT CARDS — faculty count badge */
.faculty-profile-page .dept-fac-count{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:rgba(255,255,255,0.55);margin-bottom:12px}
.faculty-profile-page .dept-fac-count i{color:var(--gold);font-size:10px}

/* SLIDER WRAPPER (testimonials) */
.faculty-profile-page .slider-wrapper{position:relative;overflow:hidden}
.faculty-profile-page .slider-track{display:flex;transition:transform .5s ease;gap:0}
.faculty-profile-page .slider-nav{display:flex;justify-content:center;gap:12px;margin-top:40px;align-items:center}
.faculty-profile-page .slider-btn{width:44px;height:44px;border-radius:50%;background:var(--white);border:2px solid var(--soft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:15px;color:var(--primary)}
.faculty-profile-page .slider-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--primary)}
.faculty-profile-page .slider-dots-row{display:flex;gap:8px;align-items:center}
.faculty-profile-page .s-dot{width:8px;height:8px;border-radius:50%;background:var(--soft);cursor:pointer;transition:all .3s;border:none;padding:0}
.faculty-profile-page .s-dot.active{background:var(--gold);width:22px;border-radius:4px}

/* RESPONSIVE — page-specific */
@media(max-width:1200px){.faculty-profile-page .faculty-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.faculty-profile-page .faculty-grid{grid-template-columns:repeat(2,1fr)}.faculty-profile-page .about-img-collage{height:400px}}
@media(max-width:768px){.faculty-profile-page .inner-hero{padding:80px 20px 60px;min-height:360px}.faculty-profile-page .inner-hero-shape.s1{width:240px;height:240px}.faculty-profile-page .about-img-collage{height:320px}}
@media(max-width:600px){.faculty-profile-page .faculty-grid{grid-template-columns:1fr}}

/* Faculty profile utility classes moved from inline attributes */
.faculty-profile-page .top-bar a:hover{color:var(--gold)}
.faculty-profile-page .tb-inner{padding:0 40px}
.faculty-profile-page .tb-left{gap:24px}

.faculty-profile-page .hamburger span{background:var(--white)}
.faculty-profile-page .collage-accent strong{font-size:18px}
.faculty-profile-page .collage-accent span{font-size:9px;text-align:center;line-height:1.3}
.faculty-profile-page .dept-card{border-radius:18px}
.faculty-profile-page .tb-badge-muted{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.75)}
.faculty-profile-page .tnea-code,.faculty-profile-page .text-gold{color:var(--gold)}
.faculty-profile-page .tnea-code{margin-left:4px}
.faculty-profile-page .social-gold{color:var(--gold)}
.faculty-profile-page .breadcrumb-home-icon{font-size:11px;margin-right:3px}
.faculty-profile-page .about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.faculty-profile-page .section-desc-wide{max-width:100%;margin-bottom:20px}
.faculty-profile-page .section-desc-spaced{margin-top:14px}
.faculty-profile-page .faculty-points{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.faculty-profile-page .faculty-point{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#555}
.faculty-profile-page .faculty-point i{color:var(--gold)}
.faculty-profile-page .dept-filter-tabs-spaced{margin-top:36px}
.faculty-profile-page .faculty-action{text-align:center;margin-top:50px}
.faculty-profile-page .slider-wrapper-spaced{margin-top:60px}
.faculty-profile-page .cta-inner{position:relative;z-index:2}
.faculty-profile-page .icon-gap{margin-right:8px}
.faculty-profile-page .footer-contact-icon{color:var(--gold);margin-right:6px}
.faculty-profile-page .footer-code{color:var(--gold)}

/* ============================================================
   GOVERNING BODY PAGE
   Page-specific styles moved from governing-body.php
   ============================================================ */
/* ============================================================
   GOVERNING BODY PAGE — ADDITIONAL CSS ONLY
   ============================================================ */

/* ---- INNER BANNER / HERO ---- */
.governing-body-page .inner-banner{position:relative;height:420px;display:flex;align-items:center;overflow:hidden}
.governing-body-page .inner-banner-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=1920&q=80');background-size:cover;background-position:center;transform:scale(1.04);animation:bannerZoom 12s ease-in-out infinite alternate}
@keyframes bannerZoom{0%{transform:scale(1.04)}100%{transform:scale(1.1)}}
.governing-body-page .inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.93) 0%,rgba(8,15,47,0.72) 60%,rgba(8,15,47,0.55) 100%)}
.governing-body-page .inner-banner-content{position:relative;z-index:2;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease both}
.governing-body-page .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.governing-body-page .breadcrumb a{color:rgba(255,255,255,0.6);font-size:13px;text-decoration:none;transition:color .2s}
.governing-body-page .breadcrumb a:hover{color:var(--gold)}
.governing-body-page .breadcrumb-sep{color:rgba(255,255,255,0.25);font-size:13px}
.governing-body-page .breadcrumb-current{color:var(--gold);font-size:13px;font-weight:600}
.governing-body-page .inner-banner-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,56px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:14px}
.governing-body-page .inner-banner-title span{color:var(--gold)}
.governing-body-page .inner-banner-sub{font-size:15px;color:rgba(255,255,255,0.65);font-weight:300;max-width:620px;line-height:1.7}
.governing-body-page .inner-banner-line{display:block;width:80px;height:4px;background:var(--gold);border-radius:2px;margin-top:20px;animation:lineExpand .8s ease .4s both}
@keyframes lineExpand{from{width:0}to{width:80px}}

/* ---- INTRO SECTION ---- */
.governing-body-page .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.governing-body-page .intro-img-wrap{position:relative;border-radius:20px;overflow:hidden;height:460px;box-shadow:0 24px 72px rgba(8,15,47,0.18)}
.governing-body-page .intro-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.governing-body-page .intro-img-wrap:hover img{transform:scale(1.04)}
.governing-body-page .intro-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,47,0.7) 0%,transparent 55%)}
.governing-body-page .intro-img-badge{position:absolute;bottom:24px;left:24px;background:var(--gold);color:var(--primary);font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;padding:10px 18px;border-radius:10px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(242,213,1,0.5)}
.governing-body-page .intro-text p{font-size:15.5px;color:#4a4a4a;line-height:1.9;margin-bottom:20px}
.governing-body-page .intro-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.governing-body-page .intro-hl{background:var(--light);border-radius:12px;padding:16px 18px;border-left:4px solid var(--gold);transition:all .3s}
.governing-body-page .intro-hl:hover{background:var(--gold);transform:translateX(4px)}
.governing-body-page .intro-hl:hover .hl-title,.governing-body-page .intro-hl:hover .hl-sub{color:var(--primary)}
.governing-body-page .hl-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--primary);margin-bottom:3px}
.governing-body-page .hl-sub{font-size:12px;color:#777;line-height:1.5}

/* ---- MEMBERS TABLE / CARD SECTION ---- */
.governing-body-page .members-table-wrap{overflow-x:auto;border-radius:16px;box-shadow:0 6px 40px rgba(8,15,47,0.1);margin-top:50px}
.governing-body-page .members-table{width:100%;border-collapse:collapse;background:var(--white)}
.governing-body-page .members-table thead tr{background:var(--primary)}
.governing-body-page .members-table thead th{padding:18px 20px;text-align:left;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}
.governing-body-page .members-table thead th:first-child{border-radius:16px 0 0 0;width:60px}
.governing-body-page .members-table thead th:last-child{border-radius:0 16px 0 0}
.governing-body-page .members-table tbody tr{border-bottom:1px solid var(--soft);transition:all .28s}
.governing-body-page .members-table tbody tr:hover{background:rgba(242,213,1,0.06);transform:translateX(3px)}
.governing-body-page .members-table tbody tr:last-child{border-bottom:none}
.governing-body-page .members-table tbody tr:nth-child(even){background:rgba(248,249,252,0.8)}
.governing-body-page .members-table tbody tr:nth-child(even):hover{background:rgba(242,213,1,0.08)}
.governing-body-page .members-table td{padding:18px 20px;vertical-align:top}
.governing-body-page .td-sno{font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;color:var(--gold)}
.governing-body-page .td-role{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.8px;background:rgba(8,15,47,0.06);display:inline-block;padding:3px 10px;border-radius:20px;margin-bottom:4px;border:1px solid rgba(8,15,47,0.1)}
.governing-body-page .td-role.chair{background:rgba(242,213,1,0.15);color:#7a6a00;border-color:rgba(242,213,1,0.3)}
.governing-body-page .td-role.ugc{background:rgba(34,139,34,0.1);color:#1a5c1a;border-color:rgba(34,139,34,0.2)}
.governing-body-page .td-role.govt{background:rgba(25,118,210,0.1);color:#0d47a1;border-color:rgba(25,118,210,0.2)}
.governing-body-page .td-role.univ{background:rgba(156,39,176,0.1);color:#6a0080;border-color:rgba(156,39,176,0.2)}
.governing-body-page .td-role.industry{background:rgba(230,81,0,0.1);color:#b34000;border-color:rgba(230,81,0,0.2)}
.governing-body-page .td-role.principal{background:rgba(8,15,47,0.12);color:var(--primary);border-color:rgba(8,15,47,0.2)}
.governing-body-page .td-name{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);margin-top:2px}
.governing-body-page .td-designation{font-size:13px;color:#555;line-height:1.5;margin-top:3px}
.governing-body-page .td-institution{font-size:12px;color:#888;margin-top:2px;font-style:italic}

/* Mobile member cards */
.governing-body-page .member-cards-mobile{display:none;flex-direction:column;gap:16px;margin-top:40px}
.governing-body-page .member-card-m{background:var(--white);border-radius:16px;padding:22px 20px;box-shadow:0 4px 24px rgba(8,15,47,0.08);border:1px solid var(--soft);transition:all .3s;border-left:4px solid var(--gold)}
.governing-body-page .member-card-m:hover{box-shadow:0 10px 40px rgba(8,15,47,0.14);transform:translateY(-3px)}
.governing-body-page .mc-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}
.governing-body-page .mc-sno{width:40px;height:40px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:14px;color:var(--gold);flex-shrink:0}
.governing-body-page .mc-info .mc-role{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}
.governing-body-page .mc-info .mc-name{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);line-height:1.3}
.governing-body-page .mc-body .mc-designation{font-size:13px;color:#555;margin-bottom:3px}
.governing-body-page .mc-body .mc-institution{font-size:12px;color:#888;font-style:italic}

/* ---- MINUTES TIMELINE ---- */
.governing-body-page .minutes-timeline{position:relative;margin-top:56px;padding-left:40px}
.governing-body-page .minutes-timeline::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gold),rgba(242,213,1,0.1));border-radius:1px}
.governing-body-page .timeline-item{position:relative;margin-bottom:28px;animation:fadeInUp .6s ease both}
.governing-body-page .timeline-item:nth-child(2){animation-delay:.08s}
.governing-body-page .timeline-item:nth-child(3){animation-delay:.16s}
.governing-body-page .timeline-item:nth-child(4){animation-delay:.24s}
.governing-body-page .timeline-item:nth-child(5){animation-delay:.32s}
.governing-body-page .timeline-item:nth-child(6){animation-delay:.40s}
.governing-body-page .timeline-dot{position:absolute;left:-32px;top:22px;width:18px;height:18px;border-radius:50%;background:var(--gold);border:3px solid var(--white);box-shadow:0 0 0 3px var(--gold),0 0 16px rgba(242,213,1,0.4);z-index:2;transition:all .3s}
.governing-body-page .timeline-item:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 4px var(--gold),0 0 28px rgba(242,213,1,0.6)}
.governing-body-page .timeline-card{background:var(--white);border-radius:16px;padding:22px 26px;box-shadow:0 4px 24px rgba(8,15,47,0.07);border:1px solid var(--soft);display:flex;align-items:center;justify-content:space-between;gap:20px;transition:all .35s;position:relative;overflow:hidden}
.governing-body-page .timeline-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold);transform:scaleY(0);transform-origin:top;transition:transform .35s}
.governing-body-page .timeline-card:hover{box-shadow:0 12px 42px rgba(8,15,47,0.13);transform:translateX(6px)}
.governing-body-page .timeline-card:hover::before{transform:scaleY(1)}
.governing-body-page .tc-left{display:flex;align-items:center;gap:18px}
.governing-body-page .tc-icon{width:52px;height:52px;background:rgba(242,213,1,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);flex-shrink:0;transition:all .3s}
.governing-body-page .timeline-card:hover .tc-icon{background:var(--gold);color:var(--primary)}
.governing-body-page .tc-sno{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}
.governing-body-page .tc-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary)}
.governing-body-page .tc-date{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#777;margin-top:4px}
.governing-body-page .tc-date i{color:var(--gold);font-size:12px}
.governing-body-page .tc-btn{background:rgba(8,15,47,0.05);border:1px solid rgba(8,15,47,0.12);color:var(--primary);font-size:12px;font-weight:700;padding:9px 18px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .3s;white-space:nowrap;font-family:'Poppins',sans-serif}
.governing-body-page .tc-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--primary);box-shadow:0 4px 16px rgba(242,213,1,0.35)}

/* ---- RESPONSIBILITIES ---- */
.governing-body-page .resp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.governing-body-page .resp-card{background:var(--white);border-radius:18px;padding:28px 24px;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent}
.governing-body-page .resp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.governing-body-page .resp-card:hover{transform:translateY(-7px);box-shadow:0 16px 48px rgba(8,15,47,0.13);border-color:rgba(242,213,1,0.2)}
.governing-body-page .resp-card:hover::before{transform:scaleX(1)}
.governing-body-page .resp-num{font-family:'Montserrat',sans-serif;font-size:36px;font-weight:900;color:rgba(8,15,47,0.07);position:absolute;top:14px;right:18px;line-height:1;transition:color .3s}
.governing-body-page .resp-card:hover .resp-num{color:rgba(242,213,1,0.2)}
.governing-body-page .resp-icon{width:52px;height:52px;background:rgba(242,213,1,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;color:var(--gold);margin-bottom:16px;transition:all .3s}
.governing-body-page .resp-card:hover .resp-icon{background:var(--gold);color:var(--primary);box-shadow:0 6px 20px rgba(242,213,1,0.35)}
.governing-body-page .resp-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--primary);margin-bottom:8px;line-height:1.35;position:relative;z-index:1}
.governing-body-page .resp-sub-list{list-style:none;margin-top:10px}
.governing-body-page .resp-sub-list li{font-size:12.5px;color:#666;padding:4px 0;padding-left:14px;position:relative;line-height:1.5}
.governing-body-page .resp-sub-list li::before{content:'›';position:absolute;left:0;color:var(--gold);font-weight:700}

/* ---- STATS / HIGHLIGHTS SECTION ---- */
.governing-body-page .gb-stats-strip{background:var(--primary);padding:70px 40px}
.governing-body-page .gb-stats-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.governing-body-page .gb-stat-item{text-align:center;position:relative;padding:32px 20px;background:rgba(255,255,255,0.04);border-radius:16px;border:1px solid rgba(255,255,255,0.08);transition:all .35s}
.governing-body-page .gb-stat-item:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.25);transform:translateY(-4px)}
.governing-body-page .gb-stat-icon{font-size:28px;color:var(--gold);margin-bottom:14px}
.governing-body-page .gb-stat-number{font-family:'Montserrat',sans-serif;font-size:42px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(242,213,1,0.3);margin-bottom:4px}
.governing-body-page .gb-stat-label{font-size:13px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:1.5px;font-weight:500;line-height:1.4;margin-top:6px}

/* ---- RESPONSIVE ---- */
@media(max-width:1024px){
  .governing-body-page .intro-split{grid-template-columns:1fr;gap:40px}
  .governing-body-page .intro-img-wrap{height:320px}
  .governing-body-page .resp-grid{grid-template-columns:repeat(2,1fr)}
  .governing-body-page .gb-stats-grid{grid-template-columns:repeat(2,1fr)}
  .governing-body-page .footer-grid{grid-template-columns:1fr 1fr}
  .governing-body-page .members-table-wrap{display:none}
  .governing-body-page .member-cards-mobile{display:flex}
}
@media(max-width:768px){
  .governing-body-page .nav-links,.governing-body-page .btn-apply{display:none}
  .governing-body-page .hamburger{display:flex}
  .governing-body-page .inner-banner{height:320px}
  .governing-body-page .inner-banner-content{padding:0 20px}
  .governing-body-page .section{padding:60px 20px}
  .governing-body-page .gb-stats-strip{padding:50px 20px}
  .governing-body-page .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .governing-body-page .navbar{padding:12px 20px}
  .governing-body-page .minutes-timeline{padding-left:28px}
  .governing-body-page .timeline-card{flex-direction:column;align-items:flex-start;gap:14px}
  .governing-body-page .tc-btn{align-self:stretch;justify-content:center}
  .governing-body-page .resp-grid{grid-template-columns:1fr}
  .governing-body-page .gb-stats-grid{grid-template-columns:1fr 1fr}
  .governing-body-page .footer-grid{grid-template-columns:1fr}
  .governing-body-page .intro-highlights{grid-template-columns:1fr}
}
@media(max-width:480px){
  .governing-body-page .gb-stats-grid{grid-template-columns:1fr}
  .governing-body-page .inner-banner-title{font-size:28px}
}

/* Governing body shared-header overrides and moved inline utilities */
.governing-body-page #particles-canvas{opacity:1}
.governing-body-page .top-bar a:hover{color:var(--gold)}
.governing-body-page .tb-inner{padding:0 40px}
.governing-body-page .tb-left{gap:24px}


.governing-body-page .gb-inline-1{margin-right:6px}
.governing-body-page .gb-inline-2{margin-right:5px}
.governing-body-page .gb-inline-3{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.75)}
.governing-body-page .gb-inline-4{margin-right:5px;color:var(--gold)}
.governing-body-page .gb-inline-5{color:var(--gold);margin-left:4px}
.governing-body-page .gb-inline-6{color:var(--gold)}
.governing-body-page .gb-inline-7{font-size:10px}
.governing-body-page .gb-inline-8{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.governing-body-page .gb-inline-9{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.governing-body-page .gb-inline-10{color:var(--gold);margin-right:7px}
.governing-body-page .gb-inline-11{max-width:680px;margin:16px auto 0}
.governing-body-page .gb-inline-12{color:var(--white)}
.governing-body-page .gb-inline-13{margin:16px auto 0}
.governing-body-page .gb-inline-14{color:rgba(255,255,255,0.55);max-width:580px;margin:14px auto 0}
.governing-body-page .gb-inline-15{background:var(--gold);box-shadow:0 0 0 3px var(--white),0 0 0 5px var(--gold),0 0 24px rgba(242,213,1,0.7)}
.governing-body-page .gb-inline-16{border-color:rgba(242,213,1,0.3);background:rgba(242,213,1,0.03)}
.governing-body-page .gb-inline-17{background:var(--gold);color:var(--primary)}
.governing-body-page .gb-inline-18{display:flex;align-items:center;gap:8px}
.governing-body-page .gb-inline-19{background:var(--gold);color:var(--primary);font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.5px}
.governing-body-page .gb-inline-20{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.governing-body-page .gb-inline-21{max-width:700px;margin:14px auto 0}
.governing-body-page .gb-inline-22{font-size:13px;color:#666;line-height:1.7}
.governing-body-page .gb-inline-23{font-size:13px;color:#666;line-height:1.7;margin-bottom:6px}
.governing-body-page .gb-inline-24{font-size:24px}
.governing-body-page .gb-inline-25{position:relative;z-index:2}
.governing-body-page .gb-inline-26{margin-right:10px}
.governing-body-page .gb-inline-27{color:var(--gold);margin-right:6px}

/* ============================================================
   APPROVALS PAGE
   Page-specific styles moved from approvals.php
   ============================================================ */
/* ============================================================
   APPROVALS PAGE — ONLY additional page-specific CSS
   ============================================================ */

/* INNER BANNER */
.approvals-page .inner-banner{position:relative;height:420px;display:flex;align-items:center;overflow:hidden}
.approvals-page .inner-banner-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1521587760476-6c12a4b040da?w=1920&q=80');background-size:cover;background-position:center;transform:scale(1.04);animation:approvalsBannerZoom 12s ease-in-out infinite alternate}
@keyframes approvalsBannerZoom{from{transform:scale(1.04)}to{transform:scale(1.08)}}
.approvals-page .inner-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.93) 0%,rgba(8,15,47,0.72) 100%)}
.approvals-page .inner-banner-shapes{position:absolute;inset:0;overflow:hidden}
.approvals-page .ib-shape{position:absolute;border-radius:50%;background:rgba(242,213,1,0.06);animation:floatOrb 8s ease-in-out infinite}
.approvals-page .ib-shape:nth-child(1){width:320px;height:320px;top:-80px;right:10%;animation-delay:0s}
.approvals-page .ib-shape:nth-child(2){width:200px;height:200px;bottom:-40px;right:30%;animation-delay:-3s}
.approvals-page .ib-shape:nth-child(3){width:140px;height:140px;top:30%;left:5%;animation-delay:-6s}
.approvals-page .inner-banner-content{position:relative;z-index:3;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease both}
.approvals-page .ib-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 18px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}
.approvals-page .ib-tag .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.approvals-page .ib-title{font-family:'Montserrat',sans-serif;font-size:clamp(34px,5vw,60px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:14px}
.approvals-page .ib-title .accent{color:var(--gold)}
.approvals-page .ib-sub{font-size:15px;color:rgba(255,255,255,0.65);margin-bottom:22px;font-weight:300;max-width:560px;line-height:1.7}
.approvals-page .breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.approvals-page .breadcrumb a{color:rgba(255,255,255,0.5);font-size:13px;text-decoration:none;transition:color .2s}
.approvals-page .breadcrumb a:hover{color:var(--gold)}
.approvals-page .breadcrumb .sep{color:rgba(255,255,255,0.25);font-size:12px}
.approvals-page .breadcrumb .current{color:var(--gold);font-size:13px;font-weight:600}

/* INTRO SPLIT */
.approvals-page .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.approvals-page .intro-img-wrap{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 70px rgba(8,15,47,0.18)}
.approvals-page .intro-img-wrap img{width:100%;height:420px;object-fit:cover;display:block;transition:transform .6s}
.approvals-page .intro-img-wrap:hover img{transform:scale(1.04)}
.approvals-page .intro-img-badge{position:absolute;bottom:24px;left:24px;background:var(--gold);color:var(--primary);padding:10px 18px;border-radius:12px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;gap:8px;box-shadow:0 6px 24px rgba(242,213,1,0.5);animation:floatShape 4s ease-in-out infinite}
.approvals-page .intro-img-badge i{font-size:18px}
.approvals-page .intro-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,15,47,0.35) 0%,transparent 60%)}
.approvals-page .intro-glass{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:20px;padding:28px;margin-top:24px;position:relative;overflow:hidden}
.approvals-page .intro-glass::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3),var(--gold))}
.approvals-page .intro-glass-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08)}
.approvals-page .intro-glass-row:last-child{border-bottom:none}
.approvals-page .intro-glass-row i{color:var(--gold);width:20px;text-align:center;font-size:14px}
.approvals-page .intro-glass-row span{font-size:13px;color:rgba(255,255,255,0.75);font-weight:500}

/* APPROVAL CARDS GRID */
.approvals-page .approvals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}
.approvals-page .approval-card{background:var(--white);border-radius:20px;padding:32px 28px;box-shadow:0 6px 32px rgba(8,15,47,0.09);border:1px solid var(--soft);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}
.approvals-page .approval-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.approvals-page .approval-card::after{content:'';position:absolute;bottom:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:rgba(242,213,1,0.04);transition:all .4s}
.approvals-page .approval-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(8,15,47,0.15);border-color:rgba(242,213,1,0.2)}
.approvals-page .approval-card:hover::before{transform:scaleX(1)}
.approvals-page .approval-card:hover::after{width:220px;height:220px;background:rgba(242,213,1,0.07)}
.approvals-page .approval-card-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.approvals-page .approval-file-icon{width:56px;height:56px;background:rgba(242,213,1,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);flex-shrink:0;transition:all .3s}
.approvals-page .approval-card:hover .approval-file-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.approvals-page .approval-card-meta{flex:1}
.approvals-page .approval-badge{display:inline-block;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--gold);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.approvals-page .approval-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--primary);line-height:1.3;margin-bottom:0}
.approvals-page .approval-desc{font-size:13px;color:#666;line-height:1.7;margin-bottom:24px;position:relative;z-index:1}
.approvals-page .approval-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--soft);position:relative;z-index:1}
.approvals-page .approval-type{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;font-weight:500}
.approvals-page .approval-type i{color:var(--gold);font-size:11px}
.approvals-page .btn-view{display:inline-flex;align-items:center;gap:7px;background:var(--primary);color:var(--white);padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;border:none;cursor:pointer;font-family:'Poppins',sans-serif}
.approvals-page .btn-view:hover{background:var(--gold);color:var(--primary);box-shadow:0 6px 20px rgba(242,213,1,0.4)}
.approvals-page .btn-view i{font-size:12px}
.approvals-page .approval-card.featured{background:var(--primary);border-color:rgba(242,213,1,0.2)}
.approvals-page .approval-card.featured .approval-title{color:var(--white)}
.approvals-page .approval-card.featured .approval-desc{color:rgba(255,255,255,0.55)}
.approvals-page .approval-card.featured .approval-file-icon{background:rgba(242,213,1,0.12)}
.approvals-page .approval-card.featured .approval-footer{border-top-color:rgba(255,255,255,0.1)}
.approvals-page .approval-card.featured .approval-type{color:rgba(255,255,255,0.4)}
.approvals-page .approval-card.featured::after{background:rgba(242,213,1,0.05)}
.approvals-page .approval-card.featured:hover::after{background:rgba(242,213,1,0.08)}
.approvals-page .btn-view-outline{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--gold);padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;border:1px solid rgba(242,213,1,0.35);cursor:pointer;font-family:'Poppins',sans-serif}
.approvals-page .btn-view-outline:hover{background:var(--gold);color:var(--primary);border-color:var(--gold);box-shadow:0 6px 20px rgba(242,213,1,0.4)}

/* HIGHLIGHTS */
.approvals-page .highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.approvals-page .highlight-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px 24px;text-align:center;transition:all .4s;position:relative;overflow:hidden}
.approvals-page .highlight-card::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--gold);transition:width .4s}
.approvals-page .highlight-card:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.3);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.25)}
.approvals-page .highlight-card:hover::before{width:100%}
.approvals-page .highlight-icon{width:70px;height:70px;background:rgba(242,213,1,0.12);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--gold);margin:0 auto 20px;transition:all .3s}
.approvals-page .highlight-card:hover .highlight-icon{background:var(--gold);color:var(--primary);box-shadow:0 10px 28px rgba(242,213,1,0.4);transform:scale(1.1)}
.approvals-page .highlight-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--white);margin-bottom:8px}
.approvals-page .highlight-sub{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6}

/* COMPLIANCE FEATURES */
.approvals-page .compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}
.approvals-page .compliance-card{background:var(--white);border-radius:18px;padding:34px 28px;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent;display:flex;gap:20px;align-items:flex-start}
.approvals-page .compliance-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease}
.approvals-page .compliance-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(8,15,47,0.13);border-color:rgba(242,213,1,0.15)}
.approvals-page .compliance-card:hover::before{transform:scaleY(1)}
.approvals-page .compliance-icon{width:52px;height:52px;background:rgba(242,213,1,0.1);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);flex-shrink:0;transition:all .3s}
.approvals-page .compliance-card:hover .compliance-icon{background:var(--gold);color:var(--primary);box-shadow:0 6px 20px rgba(242,213,1,0.4)}
.approvals-page .compliance-body{}
.approvals-page .compliance-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;margin-bottom:8px;color:var(--primary)}
.approvals-page .compliance-desc{font-size:13px;color:#666;line-height:1.7}

/* TIMELINE */
.approvals-page .timeline-wrap{position:relative;max-width:860px;margin:60px auto 0;padding:0 20px}
.approvals-page .timeline-wrap::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(242,213,1,0.5) 10%,rgba(242,213,1,0.5) 90%,transparent);transform:translateX(-50%)}
.approvals-page .timeline-item{display:flex;gap:40px;align-items:flex-start;margin-bottom:50px;position:relative}
.approvals-page .timeline-item:nth-child(odd){flex-direction:row}
.approvals-page .timeline-item:nth-child(even){flex-direction:row-reverse}
.approvals-page .timeline-dot{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:18px;height:18px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(242,213,1,0.2),0 0 0 8px rgba(242,213,1,0.08);z-index:2;flex-shrink:0;transition:box-shadow .3s}
.approvals-page .timeline-item:hover .timeline-dot{box-shadow:0 0 0 6px rgba(242,213,1,0.3),0 0 0 12px rgba(242,213,1,0.12)}
.approvals-page .timeline-card{background:var(--white);border-radius:18px;padding:28px 26px;box-shadow:0 6px 32px rgba(8,15,47,0.09);border:1px solid var(--soft);width:calc(50% - 40px);transition:all .35s;position:relative;overflow:hidden}
.approvals-page .timeline-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.approvals-page .timeline-card:hover{transform:translateY(-5px);box-shadow:0 16px 50px rgba(8,15,47,0.13)}
.approvals-page .timeline-card:hover::before{transform:scaleX(1)}
.approvals-page .timeline-year{display:inline-block;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--gold);font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:1px;margin-bottom:10px}
.approvals-page .timeline-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:6px}
.approvals-page .timeline-desc{font-size:13px;color:#666;line-height:1.6}
.approvals-page .timeline-icon-wrap{width:44px;height:44px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold);margin-top:8px;flex-shrink:0;transition:all .3s}
.approvals-page .timeline-card:hover .timeline-icon-wrap{background:var(--gold);color:var(--primary)}

/* CONTACT CARDS */
.approvals-page .contact-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.approvals-page .contact-info-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:36px 28px;transition:all .35s;text-align:center}
.approvals-page .contact-info-card:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.3);transform:translateY(-6px);box-shadow:0 16px 50px rgba(0,0,0,0.2)}
.approvals-page .contact-card-icon{width:60px;height:60px;background:rgba(242,213,1,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.approvals-page .contact-info-card:hover .contact-card-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.approvals-page .contact-card-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:14px}
.approvals-page .contact-card-lines{display:flex;flex-direction:column;gap:6px}
.approvals-page .contact-card-lines a,.approvals-page .contact-card-lines span{font-size:13px;color:rgba(255,255,255,0.55);text-decoration:none;transition:color .2s;line-height:1.7}
.approvals-page .contact-card-lines a:hover{color:var(--gold)}

/* RESPONSIVE — page-specific */
@media(max-width:1200px){
  .approvals-page .highlights-grid{grid-template-columns:repeat(2,1fr)}
  .approvals-page .approvals-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .approvals-page .intro-split{grid-template-columns:1fr;gap:40px}
  .approvals-page .compliance-grid{grid-template-columns:repeat(2,1fr)}
  .approvals-page .contact-cards-grid{grid-template-columns:1fr 1fr}
  .approvals-page .timeline-wrap::before{left:18px}
  .approvals-page .timeline-item,.approvals-page .timeline-item:nth-child(even){flex-direction:column;padding-left:50px}
  .approvals-page .timeline-dot{left:18px;top:18px}
  .approvals-page .timeline-card{width:100%}
  .approvals-page .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .approvals-page .nav-links,.approvals-page .btn-apply{display:none}
  .approvals-page .hamburger{display:flex}
  .approvals-page .section{padding:60px 20px}
  .approvals-page .inner-banner{height:340px}
  .approvals-page .inner-banner-content{padding:0 20px}
  .approvals-page .approvals-grid{grid-template-columns:1fr}
  .approvals-page .highlights-grid{grid-template-columns:1fr 1fr}
  .approvals-page .compliance-grid{grid-template-columns:1fr}
  .approvals-page .contact-cards-grid{grid-template-columns:1fr}
  .approvals-page .intro-img-wrap img{height:260px}
  .approvals-page .navbar{padding:12px 20px}
  .approvals-page .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .approvals-page .footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .approvals-page .highlights-grid{grid-template-columns:1fr}
  .approvals-page .ib-title{font-size:30px}
}

/* Approvals shared-header overrides and moved inline utilities */

.approvals-page .ap-inline-1{margin-right:6px}
.approvals-page .ap-inline-2{margin-right:5px}
.approvals-page .ap-inline-3{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.75)}
.approvals-page .ap-inline-4{margin-right:5px;color:var(--gold)}
.approvals-page .ap-inline-5{color:var(--gold);margin-left:4px}
.approvals-page .ap-inline-6{color:rgba(255,255,255,0.6);font-size:12px;text-decoration:none}
.approvals-page .ap-inline-7{color:var(--gold);margin-right:8px}
.approvals-page .ap-inline-8{color:var(--gold)}
.approvals-page .ap-inline-9{margin-right:4px}
.approvals-page .ap-inline-10{max-width:100%;margin-bottom:20px}
.approvals-page .ap-inline-11{font-size:14px;color:#777;line-height:1.8;margin-bottom:28px}
.approvals-page .ap-inline-12{background:var(--primary);border-radius:20px;padding:28px;border:1px solid rgba(242,213,1,0.15);position:relative;overflow:hidden}
.approvals-page .ap-inline-13{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(242,213,1,0.3),var(--gold))}
.approvals-page .ap-inline-14{color:var(--primary)}
.approvals-page .ap-inline-15{margin:16px auto 0}
.approvals-page .ap-inline-16{margin:20px auto 0;color:#555}
.approvals-page .ap-inline-17{background:rgba(242,213,1,0.15);border-color:rgba(242,213,1,0.3)}
.approvals-page .ap-inline-18{border-color:rgba(242,213,1,0.3);background:linear-gradient(135deg,#fffdf0,var(--white))}
.approvals-page .ap-inline-19{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--primary);font-size:10px;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}
.approvals-page .ap-inline-20{margin-top:8px}
.approvals-page .ap-inline-21{background:rgba(242,213,1,0.18)}
.approvals-page .ap-inline-22{margin:20px auto 0}
.approvals-page .ap-inline-23{margin-top:16px}
.approvals-page .ap-inline-24{font-size:12px;padding:8px 16px}
.approvals-page .ap-inline-25{width:calc(50% - 40px);display:flex;justify-content:center;padding-top:20px}
.approvals-page .ap-inline-26{border-color:rgba(242,213,1,0.3)}
.approvals-page .ap-inline-27{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.approvals-page .ap-inline-28{background:var(--gold);box-shadow:0 0 0 4px rgba(242,213,1,0.3),0 0 0 8px rgba(242,213,1,0.12),0 0 20px rgba(242,213,1,0.5)}
.approvals-page .ap-inline-29{background:var(--gold);color:var(--primary)}
.approvals-page .ap-inline-30{position:relative;z-index:2;max-width:760px;margin:0 auto}
.approvals-page .ap-inline-31{display:block;margin-bottom:14px}
.approvals-page .ap-inline-32{margin-right:8px}
.approvals-page .ap-inline-33{color:var(--gold);margin-right:6px}
@media(max-width:768px){
  .approvals-page .navbar{padding:12px 20px}
  .approvals-page .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
}

/* ============================================================
   OUR GALLERY PAGE
   Page-specific styles moved from our-gallery.php
   ============================================================ */
/* ===================== INNER HERO BANNER (Gallery) ===================== */

/* ===================== INTRO SECTION ===================== */
.gallery-page .intro-section{padding:90px 40px;background:var(--white)}
.gallery-page .intro-container{max-width:1200px;margin:0 auto}
.gallery-page .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.gallery-page .intro-left{position:relative}
.gallery-page .intro-collage{position:relative;height:420px}
.gallery-page .collage-img{position:absolute;width:280px;height:280px;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.08)}
.gallery-page .collage-img:nth-child(1){top:0;left:0;z-index:3}
.gallery-page .collage-img:nth-child(2){top:80px;right:0;z-index:2;width:240px;height:240px}
.gallery-page .collage-img:nth-child(3){bottom:0;left:100px;z-index:1}
.gallery-page .intro-right h2{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,44px);font-weight:800;color:var(--primary);line-height:1.2;margin-bottom:24px}
.gallery-page .intro-right h2 .accent{color:var(--gold)}
.gallery-page .intro-right p{font-size:15.5px;color:rgba(8,15,47,0.75);line-height:1.8;margin-bottom:20px;font-weight:300}
.gallery-page .intro-right .cta-group{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}
.gallery-page .btn-explore{background:var(--gold);color:var(--primary);border:none;padding:12px 32px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 4px 20px rgba(242,213,1,0.3)}
.gallery-page .btn-explore:hover{background:var(--white);box-shadow:0 6px 28px rgba(0,0,0,0.2);transform:translateY(-2px)}

/* ===================== FILTER SECTION ===================== */
.gallery-page .filter-section{padding:60px 40px;background:var(--light)}
.gallery-page .filter-container{max-width:1200px;margin:0 auto}
.gallery-page .filter-title{text-align:center;font-family:'Montserrat',sans-serif;font-size:32px;font-weight:800;color:var(--primary);margin-bottom:40px}
.gallery-page .filter-pills{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.gallery-page .filter-pill{background:var(--white);border:2px solid rgba(8,15,47,0.15);color:var(--primary);padding:10px 22px;border-radius:50px;cursor:pointer;font-weight:600;font-size:13.5px;transition:all .3s;white-space:nowrap;letter-spacing:.5px}
.gallery-page .filter-pill:hover{background:var(--gold);border-color:var(--gold);color:var(--primary)}
.gallery-page .filter-pill.active{background:var(--gold);border-color:var(--gold);color:var(--primary);box-shadow:0 4px 20px rgba(242,213,1,0.4)}

/* ===================== GALLERY GRID ===================== */
.gallery-page .gallery-section{padding:80px 40px;background:var(--white)}
.gallery-page .gallery-container{max-width:1300px;margin:0 auto}
.gallery-page .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;animation:galleryFadeIn .6s ease}
@keyframes galleryFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.gallery-page .gallery-item{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 10px 40px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.05);background:#f5f5f5}
.gallery-page .gallery-item:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.2)}
.gallery-page .gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;filter:brightness(0.95)}
.gallery-page .gallery-item:hover .gallery-image{transform:scale(1.08);filter:brightness(1.1)}
.gallery-page .gallery-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,47,0) 0%,rgba(8,15,47,0.7) 100%);opacity:0;transition:opacity .4s;display:flex;align-items:flex-end;padding:24px;z-index:2}
.gallery-page .gallery-item:hover .gallery-overlay{opacity:1}
.gallery-page .gallery-title{color:var(--white);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:1px}

/* ===================== FEATURED SECTION ===================== */
.gallery-page .featured-section{padding:90px 40px;background:var(--primary)}
.gallery-page .featured-container{max-width:1300px;margin:0 auto}
.gallery-page .featured-title{text-align:center;font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:var(--white);margin-bottom:10px}
.gallery-page .featured-subtitle{text-align:center;color:var(--gold);font-size:15px;margin-bottom:50px;font-weight:500;letter-spacing:1px}
.gallery-page .featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.gallery-page .featured-card{position:relative;overflow:hidden;border-radius:12px;height:320px;cursor:pointer;group}
.gallery-page .featured-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;filter:brightness(0.8)}
.gallery-page .featured-card:hover .featured-image{transform:scale(1.1);filter:brightness(1)}
.gallery-page .featured-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,47,0.2) 0%,rgba(8,15,47,0.85) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:var(--white);z-index:2}
.gallery-page .featured-label{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:8px}
.gallery-page .featured-name{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;line-height:1.2}

/* ===================== CAROUSEL SECTION ===================== */
.gallery-page .carousel-section{padding:80px 40px;background:var(--light)}
.gallery-page .carousel-container{max-width:1300px;margin:0 auto}
.gallery-page .carousel-title{text-align:center;font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:var(--primary);margin-bottom:50px}
.gallery-page .carousel-wrap{position:relative;overflow:hidden;border-radius:12px}
.gallery-page .carousel-slider{display:flex;transition:transform .5s ease;gap:20px}
.gallery-page .carousel-item{min-width:100%;height:400px;border-radius:12px;overflow:hidden;position:relative}
.gallery-page .carousel-image{width:100%;height:100%;object-fit:cover;transition:filter .4s}
.gallery-page .carousel-item:hover .carousel-image{filter:brightness(1.1)}
.gallery-page .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,0.2);border:2px solid var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:18px;cursor:pointer;transition:all .3s;z-index:10;backdrop-filter:blur(10px)}
.gallery-page .carousel-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--primary)}
.gallery-page .carousel-btn.prev{left:20px}
.gallery-page .carousel-btn.next{right:20px}
.gallery-page .carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.gallery-page .carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all .3s}
.gallery-page .carousel-dot.active{background:var(--gold);width:28px;border-radius:5px}

/* ===================== STATS SECTION ===================== */
.gallery-page .stats-section{padding:70px 40px;background:var(--primary)}
.gallery-page .stats-container{max-width:1000px;margin:0 auto}
.gallery-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;text-align:center}
.gallery-page .stat-box{padding:40px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);transition:all .3s}
.gallery-page .stat-box:hover{background:rgba(242,213,1,0.1);border-color:rgba(242,213,1,0.3);transform:translateY(-4px)}
.gallery-page .stat-number{font-family:'Montserrat',sans-serif;font-size:48px;font-weight:900;color:var(--gold);margin-bottom:12px}
.gallery-page .stat-label{font-size:14px;color:rgba(255,255,255,0.75);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}

/* ===================== CTA SECTION ===================== */
.gallery-page .cta-section{padding:100px 40px;background:linear-gradient(135deg,var(--primary) 0%,rgba(8,15,47,0.95) 100%);position:relative;overflow:hidden}
.gallery-page .cta-bg-elements{position:absolute;inset:0;opacity:0.05}
.gallery-page .cta-container{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.gallery-page .cta-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,5vw,48px);font-weight:900;color:var(--white);line-height:1.2;margin-bottom:24px}
.gallery-page .cta-subtitle{font-size:17px;color:rgba(255,255,255,0.75);line-height:1.8;margin-bottom:40px}
.gallery-page .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.gallery-page .btn-cta-primary{background:var(--gold);color:var(--primary);padding:14px 36px;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4)}
.gallery-page .btn-cta-primary:hover{background:var(--white);box-shadow:0 8px 36px rgba(255,255,255,0.3);transform:translateY(-2px)}
.gallery-page .btn-cta-secondary{background:transparent;color:var(--gold);border:2px solid var(--gold);padding:12px 32px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif}
.gallery-page .btn-cta-secondary:hover{background:var(--gold);color:var(--primary)}

/* ===================== LIGHTBOX ===================== */
.gallery-page .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:9999;animation:galleryFadeIn .3s ease;overflow:auto}
.gallery-page .lightbox.active{display:flex;flex-direction:column;align-items:center;justify-content:center}
.gallery-page .lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.gallery-page .lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}
.gallery-page .lightbox-close{position:absolute;top:30px;right:40px;width:40px;height:40px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:24px;cursor:pointer;transition:all .2s;z-index:10000;backdrop-filter:blur(10px)}
.gallery-page .lightbox-close:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.gallery-page .lightbox-nav{position:absolute;width:100%;display:flex;justify-content:space-between;padding:0 20px;top:50%;transform:translateY(-50%);z-index:9998}
.gallery-page .lightbox-btn{width:45px;height:45px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px;cursor:pointer;transition:all .2s;backdrop-filter:blur(10px)}
.gallery-page .lightbox-btn:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.gallery-page .lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:var(--white);font-size:14px;background:rgba(0,0,0,0.5);padding:8px 16px;border-radius:6px;font-weight:600}

/* ===================== FOOTER ===================== */
.gallery-page footer{background:var(--primary);padding:60px 40px 30px;border-top:1px solid rgba(255,255,255,0.1)}
.gallery-page .footer-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px}
.gallery-page .footer-col h4{font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.gallery-page .footer-col ul{list-style:none}
.gallery-page .footer-col ul li{margin-bottom:10px}
.gallery-page .footer-col ul li a{color:rgba(255,255,255,0.65);text-decoration:none;font-size:13.5px;transition:color .2s}
.gallery-page .footer-col ul li a:hover{color:var(--gold)}
.gallery-page .footer-col ul li a i{color:var(--gold);margin-right:8px;font-size:12px}
.gallery-page .footer-bottom{max-width:1300px;margin:0 auto;text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);font-size:13px;color:rgba(255,255,255,0.55)}
.gallery-page .footer-bottom p{margin:8px 0}
.gallery-page .footer-bottom a{color:var(--gold);text-decoration:none;transition:color .2s}
.gallery-page .footer-bottom a:hover{color:var(--white)}

/* ===================== ANIMATIONS ===================== */
.gallery-page .reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}
.gallery-page .reveal.visible{opacity:1;transform:translateY(0)}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1024px){
  .gallery-page .intro-split{grid-template-columns:1fr;gap:40px}
  .gallery-page .collage-img{width:200px!important;height:200px!important}
  .gallery-page .collage-img:nth-child(2){width:180px!important;height:180px!important}
  .gallery-page .carousel-item{height:300px}
  .gallery-page .featured-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-page .stats-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-page .lightbox-nav{padding:0 10px}
}
@media(max-width:768px){


  .gallery-page .section{padding:60px 20px}


  .gallery-page .filter-pills{gap:8px}
  .gallery-page .filter-pill{padding:8px 16px;font-size:12px}
  .gallery-page .gallery-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .gallery-page .featured-grid{grid-template-columns:1fr}
  .gallery-page .carousel-item{height:240px}
  .gallery-page .carousel-btn{width:40px;height:40px;font-size:14px}
  .gallery-page .cta-section{padding:60px 20px}
  .gallery-page .cta-title{font-size:28px}
  .gallery-page .cta-subtitle{font-size:15px}
  .gallery-page .cta-buttons{flex-direction:column}
  .gallery-page .btn-cta-primary,.gallery-page .btn-cta-secondary{width:100%;max-width:300px}
  .gallery-page .stats-grid{grid-template-columns:1fr;gap:20px}
  .gallery-page .footer-grid{grid-template-columns:1fr;gap:30px}
  .gallery-page .lightbox-image{max-height:60vh}
  .gallery-page .lightbox-close{top:20px;right:20px;width:36px;height:36px;font-size:20px}
}
@media(max-width:480px){
  .gallery-page .navbar{padding:10px 12px}
  .gallery-page .brand-logo{width:44px;height:44px;font-size:15px}
  .gallery-page .brand-name{font-size:14px}
  .gallery-page .brand-tagline{font-size:8px}
  .gallery-page .nav-links{gap:0;font-size:12px}
  .gallery-page .btn-apply{padding:8px 14px!important;font-size:11px!important}
  .gallery-page .section{padding:40px 16px}

  .gallery-page .gallery-grid{grid-template-columns:1fr;gap:12px}
  .gallery-page .filter-pills{gap:6px}
  .gallery-page .filter-pill{padding:6px 12px;font-size:11px}
  .gallery-page .filter-title{font-size:24px}
  .gallery-page .carousel-section{padding:50px 16px}
  .gallery-page .carousel-title{font-size:24px;margin-bottom:30px}
  .gallery-page .carousel-item{height:180px}
  .gallery-page .carousel-btn{width:35px;height:35px}
  .gallery-page .featured-title{font-size:28px}
  .gallery-page .featured-card{height:240px}
  .gallery-page .featured-overlay{padding:20px}
  .gallery-page .featured-name{font-size:18px}
  .gallery-page .cta-title{font-size:22px}
  .gallery-page .stat-number{font-size:36px}
  .gallery-page .stats-grid{gap:16px}
  .gallery-page .footer-col h4{font-size:13px}
  .gallery-page .footer-col ul li a{font-size:12px}
}

.gallery-page .gallery-inline-1{background-image:url('https://sect.edu.in/images/g8.jpg')}
.gallery-page .gallery-inline-2{background-image:url('https://sect.edu.in/images/g9.jpg')}
.gallery-page .gallery-inline-3{background-image:url('https://sect.edu.in/images/g11.jpg')}
.gallery-page .gallery-inline-4{color:var(--gold)}




/* ===================== PAGE HERO ===================== */
.page-hero{position:relative;height:460px;display:flex;align-items:center;overflow:hidden;background:var(--primary)}
.page-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1920&q=80');background-size:cover;background-position:center;opacity:0.2}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.97) 0%,rgba(8,15,47,0.6) 100%)}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:16px;flex-wrap:wrap}
.page-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(30px,4vw,54px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:14px}
.page-hero-desc{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:620px;font-weight:300}
/* Decorative circuit lines in hero */
.hero-circuit{position:absolute;right:0;top:0;bottom:0;width:45%;opacity:0.06;pointer-events:none;z-index:1}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(26px,3vw,40px);font-weight:800;color:var(--primary);margin-bottom:16px;line-height:1.2}
.section-desc{font-size:16px;color:#555;line-height:1.8}

/* ===================== INAUGURATION HIGHLIGHT ===================== */
.inaug-strip{background:linear-gradient(90deg,rgba(242,213,1,0.08) 0%,rgba(242,213,1,0.03) 100%);border-left:4px solid var(--gold);border-radius:0 14px 14px 0;padding:24px 32px;display:flex;align-items:center;gap:24px;margin-bottom:56px}
.inaug-icon{width:56px;height:56px;background:var(--gold);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--primary);flex-shrink:0;box-shadow:0 6px 24px rgba(242,213,1,0.35)}
.inaug-text{flex:1}
.inaug-label{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}
.inaug-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:4px;line-height:1.4}
.inaug-sub{font-size:13px;color:#666}

/* ===================== OVERVIEW SPLIT ===================== */
.coe-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.coe-visual{position:relative}
.coe-img-main{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(8,15,47,0.18);position:relative;background:linear-gradient(135deg,#0d1a4a 0%,#1a2a6b 100%);height:380px;display:flex;align-items:center;justify-content:center}
.coe-img-main img{width:100%;height:100%;object-fit:cover;border-radius:20px}
/* fallback visual when image not present */
.coe-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}
.coe-img-placeholder i{font-size:80px;color:rgba(242,213,1,0.25)}
.coe-img-placeholder span{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:rgba(255,255,255,0.3);letter-spacing:2px;text-transform:uppercase}
.coe-badge-float{position:absolute;bottom:-22px;right:-18px;background:var(--gold);border-radius:16px;padding:16px 22px;box-shadow:0 8px 32px rgba(242,213,1,0.45);display:flex;flex-direction:column;align-items:center;min-width:130px}
.coe-badge-float strong{font-family:'Montserrat',sans-serif;font-size:26px;font-weight:900;color:var(--primary);line-height:1}
.coe-badge-float span{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;text-align:center}
.coe-partner-tag{position:absolute;top:-16px;left:20px;background:var(--primary);border:2px solid rgba(242,213,1,0.3);border-radius:50px;padding:8px 18px;display:flex;align-items:center;gap:8px}
.coe-partner-tag span{font-size:12px;font-weight:600;color:var(--gold);letter-spacing:.5px}
.coe-partner-tag i{color:var(--gold);font-size:11px}

/* ===================== ABOUT TEXT SIDE ===================== */
.coe-about p{font-size:15px;color:#555;line-height:1.85;margin-bottom:18px}
.vm-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.vm-card{background:var(--light);border-radius:14px;padding:18px 20px;border-left:4px solid var(--gold);transition:all .3s}
.vm-card:hover{background:var(--gold)}
.vm-card:hover .vm-title,.vm-card:hover .vm-text{color:var(--primary)}
.vm-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--primary);margin-bottom:5px;display:flex;align-items:center;gap:8px}
.vm-title i{color:var(--gold)}
.vm-card:hover .vm-title i{color:var(--primary)}
.vm-text{font-size:12.5px;color:#666;line-height:1.6}

/* ===================== STATS STRIP ===================== */
.coe-stats{background:var(--primary);padding:50px 40px}
.coe-stats-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cstat-item{text-align:center;position:relative}
.cstat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,0.1)}
.cstat-number{font-family:'Montserrat',sans-serif;font-size:46px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(242,213,1,0.4)}
.cstat-suffix{font-size:24px}
.cstat-label{font-size:12px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:1.5px;margin-top:8px;font-weight:500}

/* ===================== OBJECTIVES CARDS ===================== */
.obj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.obj-card{background:var(--white);border-radius:18px;padding:32px 26px;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent}
.obj-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.obj-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(8,15,47,0.13);border-color:rgba(242,213,1,0.2)}
.obj-card:hover::before{transform:scaleX(1)}
.obj-icon{width:60px;height:60px;background:rgba(242,213,1,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin-bottom:20px;transition:all .3s}
.obj-card:hover .obj-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.obj-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:10px}
.obj-desc{font-size:13px;color:#666;line-height:1.75}

/* ===================== INDUSTRY PARTNER SECTION ===================== */
.partner-section{background:var(--primary);padding:90px 40px;position:relative;overflow:hidden}
.partner-section::before{content:'';position:absolute;top:-120px;right:-120px;width:500px;height:500px;border-radius:50%;background:rgba(242,213,1,0.04);pointer-events:none}
.partner-section::after{content:'';position:absolute;bottom:-80px;left:-80px;width:380px;height:380px;border-radius:50%;background:rgba(242,213,1,0.03);pointer-events:none}
.partner-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:48px;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;position:relative;overflow:hidden;transition:all .4s}
.partner-card:hover{background:rgba(242,213,1,0.06);border-color:rgba(242,213,1,0.25)}
.partner-logo-block{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:160px}
.partner-logo-circle{width:120px;height:120px;background:linear-gradient(135deg,rgba(242,213,1,0.15),rgba(242,213,1,0.05));border:2px solid rgba(242,213,1,0.3);border-radius:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.partner-logo-circle i{font-size:38px;color:var(--gold)}
.partner-logo-circle span{font-family:'Montserrat',sans-serif;font-size:10px;font-weight:800;color:var(--gold);letter-spacing:1px;text-transform:uppercase;text-align:center;padding:0 8px}
.partner-type{font-size:10px;font-weight:700;color:rgba(255,255,255,0.35);letter-spacing:2px;text-transform:uppercase}
.partner-info-label{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px}
.partner-info-name{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.2}
.partner-info-desc{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.8;margin-bottom:24px;max-width:560px}
.partner-pills{display:flex;gap:10px;flex-wrap:wrap}
.partner-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.6);font-size:12px;font-weight:500;padding:6px 14px;border-radius:50px;transition:all .3s}
.partner-pill:hover{background:rgba(242,213,1,0.1);border-color:rgba(242,213,1,0.3);color:var(--gold)}
.partner-pill i{color:var(--gold);font-size:11px}

/* ===================== FACILITIES LIST ===================== */
.facilities-section{padding:90px 40px}
.fac-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:52px}
.fac-row{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--white);border:1px solid var(--soft);border-radius:14px;box-shadow:0 2px 12px rgba(8,15,47,0.05);transition:all .3s}
.fac-row:hover{border-color:rgba(242,213,1,0.35);box-shadow:0 6px 28px rgba(8,15,47,0.1);transform:translateX(4px)}
.fac-row-icon{width:44px;height:44px;background:rgba(242,213,1,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold);flex-shrink:0;transition:all .3s}
.fac-row:hover .fac-row-icon{background:var(--gold);color:var(--primary)}
.fac-row-text strong{display:block;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--primary);margin-bottom:2px}
.fac-row-text span{font-size:12px;color:#888}

/* ===================== VISION CALLOUT ===================== */
.vision-callout{background:linear-gradient(135deg,var(--primary) 0%,#111A4A 100%);border-radius:24px;padding:56px 60px;display:flex;align-items:center;gap:48px;position:relative;overflow:hidden;margin-top:60px}
.vision-callout::before{content:'';position:absolute;right:-60px;top:-60px;width:300px;height:300px;border-radius:50%;background:rgba(242,213,1,0.06);pointer-events:none}
.vision-callout::after{content:'';position:absolute;left:-40px;bottom:-40px;width:220px;height:220px;border-radius:50%;background:rgba(242,213,1,0.04);pointer-events:none}
.vision-icon{width:90px;height:90px;background:var(--gold);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:38px;color:var(--primary);flex-shrink:0;box-shadow:0 10px 36px rgba(242,213,1,0.45);position:relative;z-index:1}
.vision-text{flex:1;position:relative;z-index:1}
.vision-label{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px}
.vision-title{font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;color:var(--white);margin-bottom:12px;line-height:1.3}
.vision-desc{font-size:15px;color:rgba(255,255,255,0.65);line-height:1.8}
.cta-section h2{font-family:'Montserrat',sans-serif;font-size:clamp(26px,3.5vw,44px);font-weight:900;color:var(--white);margin-bottom:16px}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1200px){
  .obj-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .coe-split{grid-template-columns:1fr}
  .coe-visual{display:none}
  .partner-card{grid-template-columns:1fr;gap:28px}
  .partner-logo-block{flex-direction:row;align-items:center;min-width:auto}
  .vision-callout{flex-direction:column;gap:28px;padding:40px 32px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .fac-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .obj-grid{grid-template-columns:1fr}
  .coe-stats-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .navbar{padding:12px 20px}
  .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .section{padding:60px 20px}
  .page-hero{height:360px}
  .page-hero-content{padding:0 20px}
  .coe-stats{padding:40px 20px}
  .vision-callout{padding:32px 24px}
  .partner-card{padding:28px 24px}
  .inaug-strip{flex-direction:column;gap:14px;padding:20px 24px}
}



/* ===================== INFRA STATS STRIP ===================== */
.infra-stats{background:var(--primary);padding:60px 40px}
.infra-stats-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.is-item{text-align:center;position:relative}
.is-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,0.1)}
.is-num{font-family:'Montserrat',sans-serif;font-size:42px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(242,213,1,0.4)}
.is-label{font-size:12px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1.2px;margin-top:8px;font-weight:500}
.overview-img-wrap{position:relative;height:500px}
.ov-img-main{width:72%;height:72%;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px rgba(8,15,47,0.2);position:absolute;top:0;left:0}
.ov-img-sub{width:58%;height:50%;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px rgba(8,15,47,0.25);position:absolute;bottom:0;right:0;border:4px solid var(--white)}
.ov-accent{position:absolute;width:88px;height:88px;background:var(--gold);border-radius:16px;bottom:90px;left:-18px;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 32px rgba(242,213,1,0.5);animation:floatShape 4s ease-in-out infinite}
.ov-accent strong{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:900;color:var(--primary);line-height:1}
.ov-accent span{font-size:9px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:0 6px}
.infra-key-list{list-style:none;margin:24px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.infra-key-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#555;font-weight:500}
.infra-key-list li i{color:var(--gold);font-size:13px;flex-shrink:0}

/* ===================== FACILITY CATEGORIES GRID ===================== */
.fac-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px;justify-content:center}
.fac-tab{background:var(--white);border:2px solid var(--soft);color:#666;padding:10px 24px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;font-family:'Poppins',sans-serif}
.fac-tab.active,.fac-tab:hover{background:var(--primary);border-color:var(--primary);color:var(--gold)}

/* ===================== FACILITY CARDS ===================== */
.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.facility-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid var(--soft);position:relative}
.facility-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.3)}
.fac-img{height:200px;overflow:hidden;position:relative}
.fac-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.facility-card:hover .fac-img img{transform:scale(1.07)}
.fac-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(8,15,47,0.8))}
.fac-badge{position:absolute;top:14px;right:14px;background:var(--gold);color:var(--primary);font-size:10px;font-weight:800;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;z-index:2}
.fac-icon-float{position:absolute;bottom:-22px;left:22px;width:46px;height:46px;background:var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary);z-index:3;box-shadow:0 6px 20px rgba(242,213,1,0.5)}
.fac-body{padding:32px 24px 26px}
.fac-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:var(--primary);margin-bottom:10px}
.fac-desc{font-size:13.5px;color:#666;line-height:1.75;margin-bottom:16px}
.fac-features{list-style:none;display:flex;flex-direction:column;gap:7px}
.fac-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#555}
.fac-features li i{color:var(--gold);font-size:11px;margin-top:3px;flex-shrink:0}

/* ===================== HOSTEL HIGHLIGHT SECTION ===================== */
.hostel-split{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.hostel-block{background:var(--primary);border-radius:24px;padding:36px 32px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.06)}
.hostel-block::before{content:'';position:absolute;top:-80px;right:-80px;width:220px;height:220px;border-radius:50%;background:rgba(242,213,1,0.05)}
.hostel-icon-wrap{width:64px;height:64px;background:rgba(242,213,1,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);margin-bottom:20px;transition:all .3s}
.hostel-block:hover .hostel-icon-wrap{background:var(--gold);color:var(--primary)}
.hostel-type{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--white);margin-bottom:8px}
.hostel-nos{font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:20px;letter-spacing:.5px}
.hostel-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.hostel-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,0.7);line-height:1.6}
.hostel-list li i{color:var(--gold);font-size:12px;margin-top:3px;flex-shrink:0}

/* ===================== INFRA HIGHLIGHTS STRIP ===================== */
.highlights-strip{background:linear-gradient(135deg,var(--primary) 0%,#0d1a52 100%);padding:70px 40px;position:relative;overflow:hidden}
.highlights-strip::before{content:'';position:absolute;top:-150px;right:-100px;width:450px;height:450px;border-radius:50%;background:rgba(242,213,1,0.06)}
.highlights-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}
.highlight-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:28px 24px;transition:all .35s;position:relative;overflow:hidden}
.highlight-card:hover{background:rgba(242,213,1,0.08);border-color:rgba(242,213,1,0.25);transform:translateY(-6px)}
.hl-icon{width:52px;height:52px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin-bottom:18px;transition:all .3s}
.highlight-card:hover .hl-icon{background:var(--gold);color:var(--primary)}
.hl-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}
.hl-desc{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.7}

/* ===================== CAMPUS GALLERY MOSAIC ===================== */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;margin-top:56px}
.mosaic-item{border-radius:16px;overflow:hidden;position:relative;cursor:pointer}
.mosaic-item.tall{grid-row:span 2}
.mosaic-item.wide{grid-column:span 2}
.mosaic-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mosaic-item:hover img{transform:scale(1.08)}
.mosaic-overlay{position:absolute;inset:0;background:rgba(8,15,47,0.55);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
.mosaic-item:hover .mosaic-overlay{opacity:1}
.mosaic-overlay i{font-size:24px;color:var(--gold)}
.mosaic-overlay span{font-size:13px;color:var(--white);font-weight:600;font-family:'Montserrat',sans-serif}
.btn-cta-gold{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:16px 40px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block}
.btn-cta-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.3);padding:16px 40px;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.btn-primary-hero{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 30px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block}
.btn-primary-hero:hover{background:var(--white);border-color:var(--white)}
/* Red cross decorative element */
.page-hero .hero-cross{position:absolute;right:10%;top:50%;transform:translateY(-50%);opacity:0.06;font-size:320px;color:var(--gold);pointer-events:none;z-index:1;line-height:1}
.page-hero p{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:620px}
.page-hero-stats{display:flex;gap:40px;margin-top:40px;flex-wrap:wrap}
.hero-timing-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);border-radius:50px;padding:8px 20px;margin-bottom:24px}
.hero-timing-badge .dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-green 2s infinite;flex-shrink:0}
.hero-timing-badge span{font-size:13px;color:rgba(255,255,255,0.8);font-weight:500}
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.5)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}

/* ===== OVERVIEW SPLIT ===== */
.overview-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.med-img-wrap{position:relative;height:500px}
.med-img-main{width:72%;height:72%;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px rgba(8,15,47,0.2);position:absolute;top:0;left:0}
.med-img-sub{width:58%;height:50%;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px rgba(8,15,47,0.25);position:absolute;bottom:0;right:0;border:4px solid var(--white)}
.med-accent{position:absolute;width:90px;height:90px;background:var(--gold);border-radius:16px;bottom:80px;left:-20px;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 32px rgba(242,213,1,0.5);animation:floatShape 4s ease-in-out infinite}
.med-accent strong{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;color:var(--primary);line-height:1}
.med-accent span{font-size:10px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:0 5px}
.overview-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin:24px 0 32px}
.overview-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#555;line-height:1.6}
.overview-list li i{color:var(--gold);font-size:13px;margin-top:3px;flex-shrink:0}
.btn-primary{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 30px;border-radius:10px;font-weight:700;font-size:15px;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block}
.btn-primary:hover{background:var(--white);border-color:var(--white)}

/* ===== TIMING CARDS STRIP ===== */
.timing-strip{background:var(--primary);padding:60px 40px}
.timing-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.timing-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:28px 24px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.timing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.timing-card:hover{background:rgba(242,213,1,0.08);border-color:rgba(242,213,1,0.25);transform:translateY(-4px)}
.timing-card:hover::before{transform:scaleX(1)}
.tc-icon{width:56px;height:56px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 16px;transition:all .3s}
.timing-card:hover .tc-icon{background:var(--gold);color:var(--primary)}
.tc-label{font-size:11px;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-weight:600}
.tc-value{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--white);line-height:1.3}
.tc-sub{font-size:12px;color:rgba(255,255,255,0.4);margin-top:6px}

/* ===== SERVICE CARDS ===== */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.service-card{background:var(--white);border-radius:20px;padding:32px 28px;box-shadow:0 4px 24px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px rgba(8,15,47,0.12);border-color:rgba(242,213,1,0.2)}
.sc-icon{width:60px;height:60px;background:rgba(242,213,1,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin-bottom:20px;transition:all .3s}
.service-card:hover .sc-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.sc-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:var(--primary);margin-bottom:10px}
.sc-desc{font-size:14px;color:#666;line-height:1.75}

/* ===== DOCTOR PROFILE ===== */
.doctor-card{background:linear-gradient(135deg,var(--primary) 0%,#0d1a52 100%);border-radius:24px;padding:48px 40px;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;border:1px solid rgba(255,255,255,0.06);position:relative;overflow:hidden}
.doctor-card::before{content:'';position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:rgba(242,213,1,0.05)}
.doctor-avatar{width:130px;height:130px;border-radius:50%;background:linear-gradient(135deg,rgba(242,213,1,0.2),rgba(242,213,1,0.05));border:3px solid rgba(242,213,1,0.3);display:flex;align-items:center;justify-content:center;font-size:52px;color:var(--gold);flex-shrink:0;position:relative;z-index:1}
.doctor-info{position:relative;z-index:1}
.doctor-role{font-size:12px;color:var(--gold);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.doctor-name{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:900;color:var(--white);margin-bottom:6px}
.doctor-qual{font-size:14px;color:rgba(255,255,255,0.5);margin-bottom:20px;letter-spacing:.3px}
.doctor-tags{display:flex;gap:10px;flex-wrap:wrap}
.doctor-tag{background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--gold);font-size:12px;font-weight:600;padding:5px 14px;border-radius:50px}

/* ===== STATS ROW ===== */
.med-stats-row{background:var(--light);border-radius:24px;padding:40px 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;border:1px solid var(--soft)}
.msr-item{text-align:center;position:relative}
.msr-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--soft)}
.msr-num{font-family:'Montserrat',sans-serif;font-size:44px;font-weight:900;color:var(--primary);line-height:1}
.msr-num span{font-size:22px}
.msr-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1.2px;margin-top:8px;font-weight:500}

/* ===== PARTNER HOSPITAL ===== */
.partner-block{background:var(--primary);border-radius:24px;padding:48px 40px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;border:1px solid rgba(255,255,255,0.06);margin-top:56px;position:relative;overflow:hidden}
.partner-block::before{content:'';position:absolute;bottom:-100px;right:-60px;width:350px;height:350px;border-radius:50%;background:rgba(242,213,1,0.04)}
.partner-info{position:relative;z-index:1}
.partner-tag{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.partner-name{font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;color:var(--white);margin-bottom:12px;line-height:1.3}
.partner-desc{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.8;max-width:580px}
.partner-location{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:rgba(255,255,255,0.45)}
.partner-location i{color:var(--gold)}
.partner-badge-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1;flex-shrink:0}
.partner-badge{width:100px;height:100px;border-radius:50%;background:rgba(242,213,1,0.1);border:2px solid rgba(242,213,1,0.3);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--gold)}
.partner-badge-label{font-size:11px;color:rgba(255,255,255,0.4);text-align:center;letter-spacing:.5px;font-weight:600;text-transform:uppercase}

/* ===== FUTURE PLANS ===== */
.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.future-card{border-radius:20px;border:2px dashed rgba(242,213,1,0.25);padding:32px 28px;background:rgba(242,213,1,0.03);transition:all .35s;position:relative;overflow:hidden}
.future-card:hover{border-color:var(--gold);background:rgba(242,213,1,0.07);transform:translateY(-5px)}
.future-pill{display:inline-block;background:rgba(242,213,1,0.15);border:1px solid rgba(242,213,1,0.3);color:var(--gold);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:50px;margin-bottom:18px}
.future-icon{width:56px;height:56px;background:rgba(242,213,1,0.08);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin-bottom:18px;transition:all .3s}
.future-card:hover .future-icon{background:var(--gold);color:var(--primary)}
.future-title{font-family:'Montserrat',sans-serif;font-size:17px;font-weight:700;color:var(--primary);margin-bottom:10px}
.future-desc{font-size:14px;color:#666;line-height:1.75}

/* ===== NOTICE BANNER ===== */
.notice-banner{background:linear-gradient(90deg,rgba(242,213,1,0.08) 0%,rgba(242,213,1,0.03) 100%);border:1px solid rgba(242,213,1,0.2);border-radius:16px;padding:22px 28px;display:flex;align-items:flex-start;gap:16px;margin-top:48px}
.notice-icon{width:44px;height:44px;background:var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary);flex-shrink:0}
.notice-text strong{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);display:block;margin-bottom:4px}
.notice-text p{font-size:13.5px;color:#666;line-height:1.7}
.btn-cta-gold{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:16px 40px;border-radius:10px;font-weight:700;font-size:16px;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block}
.btn-cta-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.3);padding:16px 40px;border-radius:10px;font-weight:600;font-size:16px;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.assoc-chip{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:40px;padding:8px 18px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);transition:all .3s}

/* ===================== ASSOCIATION CARDS ===================== */
.assoc-card{display:grid;grid-template-columns:340px 1fr;gap:0;border-radius:24px;overflow:hidden;box-shadow:0 8px 48px rgba(25,53,70,0.12);margin-bottom:50px;border:1px solid rgba(228,205,101,0.1);transition:box-shadow .4s,transform .4s}
.assoc-card:hover{box-shadow:0 20px 70px rgba(25,53,70,0.18);transform:translateY(-4px)}
.assoc-card.reverse{grid-template-columns:1fr 340px}
.assoc-card-visual{position:relative;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 36px;overflow:hidden}
.assoc-card.reverse .assoc-card-visual{order:2}
.assoc-card-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#0d2535,var(--primary));z-index:0}
.assoc-card-visual::after{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.15) 0%,transparent 70%);z-index:0;animation:floatOrb 7s ease-in-out infinite}
.assoc-card-visual .orb2{position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.08) 0%,transparent 70%);z-index:0;animation:floatOrb 5s ease-in-out infinite reverse}
.assoc-logo-wrap{position:relative;z-index:2;width:140px;height:140px;background:var(--white);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(0,0,0,0.3);margin-bottom:28px;overflow:hidden}
.assoc-logo-wrap img{width:110px;height:110px;object-fit:contain}
.assoc-abbr{position:relative;z-index:2;font-family:'Montserrat',sans-serif;font-size:36px;font-weight:900;color:var(--gold);letter-spacing:2px;margin-bottom:6px;text-align:center}
.assoc-founded{position:relative;z-index:2;font-size:12px;color:rgba(255,255,255,0.4);text-transform:uppercase;letter-spacing:1.5px;text-align:center}
.assoc-card-body{background:var(--white);padding:50px 48px;display:flex;flex-direction:column;justify-content:center}
.assoc-name{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--primary);margin-bottom:6px;line-height:1.3}
.assoc-tagline{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
.assoc-divider{width:50px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:22px}
.assoc-desc{font-size:14.5px;color:#555;line-height:1.85;margin-bottom:28px}
.assoc-stats{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.assoc-stat{text-align:center;min-width:80px}
.assoc-stat strong{display:block;font-family:'Montserrat',sans-serif;font-size:20px;font-weight:900;color:var(--primary);line-height:1}
.assoc-stat span{display:block;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-top:4px}
.assoc-stat-divider{width:1px;background:var(--soft);align-self:stretch}
.assoc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.assoc-tag{background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:#8a7020;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.3px}
.assoc-link{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);font-size:13px;font-weight:600;padding:11px 22px;border-radius:10px;text-decoration:none;transition:all .3s;letter-spacing:.3px}
.assoc-link:hover{background:var(--gold);color:var(--primary);box-shadow:0 6px 24px rgba(228,205,101,0.4)}
.assoc-link i{font-size:11px;transition:transform .3s}
.assoc-link:hover i{transform:translateX(4px)}

/* ===================== BENEFITS STRIP ===================== */
.benefits-strip{background:var(--white);padding:70px 40px}
.benefits-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.benefit-card{background:var(--primary);border:1px solid rgba(255,255,255,0.09);border-radius:18px;padding:32px 24px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}

.benefit-card:hover::before{transform:scaleX(1)}
.benefit-icon{width:58px;height:58px;background:rgba(228,205,101,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.benefit-card:hover .benefit-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(228,205,101,0.4)}
.benefit-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}

.benefit-desc{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.7}
@keyframes floatShape{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1100px){
  .assoc-card,.assoc-card.reverse{grid-template-columns:280px 1fr}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .assoc-card,.assoc-card.reverse{grid-template-columns:1fr;grid-template-rows:auto auto}
  .assoc-card.reverse .assoc-card-visual{order:unset}
  .assoc-card-visual{padding:40px 30px;min-height:260px}
  .assoc-card-body{padding:36px 28px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links,.btn-apply{display:none}
  .hamburger{display:flex}
  .section{padding:60px 20px}
  .benefits-strip{padding:50px 20px}
  .benefits-grid{grid-template-columns:1fr}
  .cta-banner{padding:40px 28px;flex-direction:column}
  .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .navbar{padding:12px 20px}
  .page-hero{padding:60px 20px}
  .footer-grid{grid-template-columns:1fr}
  .hero-assoc-chips{gap:8px}
}
.tb-cta-btn{background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--gold);font-size:11px;font-weight:600;padding:5px 14px;border-radius:6px;text-decoration:none;transition:all .2s;letter-spacing:.3px;white-space:nowrap}



/* ===================== PAGE HERO (Inner Page Banner) ===================== */
.page-hero{position:relative;height:420px;display:flex;align-items:center;overflow:hidden;background:var(--primary)}
.page-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1920&q=80');background-size:cover;background-position:center;opacity:0.25}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,15,47,0.96) 0%,rgba(8,15,47,0.65) 100%)}
.page-hero-content{position:relative;z-index:3;padding:0 40px;max-width:1280px;margin:0 auto;width:100%;animation:fadeInUp .8s ease both}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:16px}
.breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;transition:color .2s}
.breadcrumb .sep{color:rgba(255,255,255,0.25)}
.breadcrumb .current{color:var(--gold)}
.page-hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(242,213,1,0.12);border:1px solid rgba(242,213,1,0.3);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
.page-hero-tag .dot{width:6px;height:6px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}
.page-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(32px,4vw,56px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:14px}
.page-hero-desc{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:600px;font-weight:300}
.page-hero-decor{position:absolute;right:80px;top:50%;transform:translateY(-50%);opacity:0.06;font-size:260px;color:var(--gold);z-index:1;pointer-events:none;font-family:'Montserrat',sans-serif;font-weight:900;line-height:1}

/* ===================== SPORTS STATS STRIP ===================== */
.sports-stats{background:var(--primary);padding:50px 40px}
.sports-stats-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.sstat-item{text-align:center;position:relative}
.sstat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,0.1)}
.sstat-number{font-family:'Montserrat',sans-serif;font-size:44px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 30px rgba(242,213,1,0.4)}
.sstat-suffix{font-size:22px}
.sstat-label{font-size:12px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:1.5px;margin-top:8px;font-weight:500}

/* ===================== SPORTS OFFERED GRID ===================== */
.sports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px}
.sport-card{background:var(--white);border-radius:18px;padding:28px 22px;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent;text-align:center}
.sport-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.sport-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(8,15,47,0.14);border-color:rgba(242,213,1,0.2)}
.sport-card:hover::before{transform:scaleX(1)}
.sport-icon{width:64px;height:64px;background:rgba(242,213,1,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.sport-card:hover .sport-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(242,213,1,0.4)}
.sport-name{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);margin-bottom:8px}
.sport-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.sport-tag{font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}
.sport-tag.boys{background:rgba(8,15,47,0.08);color:var(--primary)}
.sport-tag.girls{background:rgba(242,213,1,0.15);color:#7a6a00}
.sport-tag.both{background:rgba(242,213,1,0.12);color:#6b5e00;border:1px solid rgba(242,213,1,0.3)}

/* ===================== ACHIEVEMENTS TIMELINE ===================== */
.achievements-section{padding:90px 40px;background:var(--primary);position:relative;overflow:hidden}
.achievements-section::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:rgba(242,213,1,0.04);pointer-events:none}
.achievements-section::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;border-radius:50%;background:rgba(242,213,1,0.03);pointer-events:none}

.achieve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.achieve-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:32px 26px;transition:all .4s;position:relative;overflow:hidden}
.achieve-card::after{content:'';position:absolute;bottom:-50px;right:-50px;width:130px;height:130px;border-radius:50%;background:rgba(242,213,1,0.04);transition:all .4s}
.achieve-card:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.3);transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.25)}
.achieve-card:hover::after{width:200px;height:200px}
.achieve-medal-row{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.medal-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.5px}
.medal-gold{background:rgba(242,213,1,0.18);color:var(--gold);border:1px solid rgba(242,213,1,0.35)}
.medal-silver{background:rgba(192,192,192,0.15);color:#c0c0c0;border:1px solid rgba(192,192,192,0.3)}
.medal-bronze{background:rgba(205,127,50,0.15);color:#cd7f32;border:1px solid rgba(205,127,50,0.3)}
.medal-trophy{background:rgba(242,213,1,0.2);color:var(--gold);border:1px solid rgba(242,213,1,0.4)}
.achieve-team{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.achieve-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.35}
.achieve-desc{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.7}
.achieve-level{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;margin-top:14px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.1)}
.achieve-level i{color:var(--gold);font-size:10px}

/* ===================== HIGHLIGHTS BANNER ===================== */
.highlight-banner{background:linear-gradient(135deg,rgba(242,213,1,0.1) 0%,rgba(242,213,1,0.05) 100%);border:1px solid rgba(242,213,1,0.2);border-radius:20px;padding:40px 44px;margin-top:60px;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden}
.highlight-banner::before{content:'';position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:rgba(242,213,1,0.06)}
.hb-icon{width:80px;height:80px;background:var(--gold);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--primary);flex-shrink:0;box-shadow:0 8px 32px rgba(242,213,1,0.4)}
.hb-content{flex:1;position:relative;z-index:1}
.hb-label{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px}
.hb-title{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--white);margin-bottom:8px}
.hb-desc{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.7}
.hb-stats{display:flex;gap:32px;margin-top:16px}
.hb-stat{text-align:center}
.hb-stat-num{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:900;color:var(--gold);line-height:1}
.hb-stat-lbl{font-size:11px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-top:4px}

/* ===================== INDIVIDUAL STARS ===================== */
.stars-section{padding:90px 40px;background:var(--light)}
.stars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.star-card{background:var(--white);border-radius:20px;padding:30px 26px;box-shadow:0 4px 24px rgba(8,15,47,0.07);transition:all .35s;border:1px solid var(--soft);display:flex;gap:18px;align-items:flex-start}
.star-card:hover{transform:translateY(-6px);box-shadow:0 14px 44px rgba(8,15,47,0.13);border-color:rgba(242,213,1,0.2)}
.star-avatar{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#1a2560);display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:20px;color:var(--gold);flex-shrink:0}
.star-info{flex:1}
.star-name{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--primary);margin-bottom:3px}
.star-dept{font-size:12px;color:#888;margin-bottom:10px}
.star-achievement{font-size:13px;color:#555;line-height:1.65}
.star-medal{display:inline-flex;align-items:center;gap:5px;margin-top:10px;background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:#7a6a00;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}
.star-medal i{color:var(--gold)}

/* ===================== FACILITIES OVERVIEW ===================== */
.facilities-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.facility-row{display:flex;align-items:center;gap:14px;padding:16px 20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;transition:all .3s}
.facility-row:hover{background:rgba(242,213,1,0.07);border-color:rgba(242,213,1,0.25)}
.facility-row-icon{width:40px;height:40px;background:rgba(242,213,1,0.12);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--gold);flex-shrink:0;transition:all .3s}
.facility-row:hover .facility-row-icon{background:var(--gold);color:var(--primary)}
.facility-row-text{font-size:14px;color:rgba(255,255,255,0.75);font-weight:500}

/* ===================== CTA SECTION ===================== */
.cta-section{background:linear-gradient(135deg,var(--primary) 0%,#111A4A 100%);padding:90px 40px;text-align:center;position:relative;overflow:hidden}
.cta-section::before,.cta-section::after{content:'';position:absolute;border-radius:50%;background:rgba(242,213,1,0.07);animation:floatOrb 8s ease-in-out infinite;pointer-events:none}
.cta-section h2{font-family:'Montserrat',sans-serif;font-size:clamp(28px,3.5vw,48px);font-weight:900;color:var(--white);margin-bottom:16px}
.cta-section p{font-size:16px;color:rgba(255,255,255,0.6);margin-bottom:40px}
.btn-cta-gold{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:16px 40px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none}
.btn-cta-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.3);padding:16px 40px;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1200px){
  .sports-stats-grid{grid-template-columns:repeat(3,1fr)}
  .sports-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
  .sports-grid{grid-template-columns:repeat(2,1fr)}
  .achieve-grid{grid-template-columns:repeat(2,1fr)}
  .stars-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .highlight-banner{flex-direction:column;gap:24px}
  .facilities-list{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links,.btn-apply{display:none}
  .hamburger{display:flex}
  .sports-stats-grid{grid-template-columns:repeat(2,1fr)}
  .sports-grid{grid-template-columns:repeat(2,1fr)}
  .achieve-grid{grid-template-columns:1fr}
  .stars-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .navbar{padding:12px 20px}
  .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .section{padding:60px 20px}
  .page-hero{height:320px}
  .page-hero-content{padding:0 20px}
  .page-hero-decor{display:none}
  .sports-stats{padding:40px 20px}
  .hb-stats{gap:20px}
}


#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1}

/* ===== TICKER ===== */
.ticker-wrap{background:#0b1540;border-bottom:1px solid rgba(242,213,1,0.15);padding:7px 0;overflow:hidden;position:relative;z-index:10}
.tb-badge{background:rgba(242,213,1,0.13);border:1px solid rgba(242,213,1,0.25);color:var(--gold);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.5px}
.tb-cta-btn{background:rgba(242,213,1,0.1);border:1px solid rgba(242,213,1,0.25);color:var(--gold);font-size:11px;font-weight:600;padding:5px 14px;border-radius:6px;text-decoration:none;transition:all .2s;white-space:nowrap}

/* ===== NAVBAR ===== */


/* ===== PAGE HERO ===== */
.page-hero{position:relative;padding:100px 40px 80px;background:linear-gradient(135deg,var(--primary) 0%,#0d1a52 60%,#111A4A 100%);overflow:hidden;z-index:1}
.page-hero::before{content:'';position:absolute;top:-200px;right:-150px;width:600px;height:600px;border-radius:50%;background:rgba(242,213,1,0.06);pointer-events:none}
.page-hero::after{content:'';position:absolute;bottom:-250px;left:-100px;width:500px;height:500px;border-radius:50%;background:rgba(242,213,1,0.04);pointer-events:none}
.hero-bus-icon{position:absolute;right:8%;top:50%;transform:translateY(-50%);font-size:280px;color:rgba(242,213,1,0.05);pointer-events:none;z-index:1;line-height:1}
.page-hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px}
.breadcrumb a{font-size:13px;color:rgba(255,255,255,0.5);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{font-size:13px;color:rgba(255,255,255,0.3)}
.breadcrumb .current{font-size:13px;color:var(--gold);font-weight:600}
.page-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(36px,4.5vw,60px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:18px}
.page-hero h1 .accent{color:var(--gold)}
.page-hero p{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:600px;margin-bottom:36px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn-gold{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 30px;border-radius:10px;font-weight:700;font-size:15px;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.btn-gold:hover{background:var(--white);border-color:var(--white)}
.btn-outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.3);padding:14px 30px;border-radius:10px;font-weight:600;font-size:15px;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.btn-outline-white:hover{border-color:var(--gold);color:var(--gold)}
.page-hero-stats{display:flex;gap:40px;margin-top:48px;flex-wrap:wrap}
.ph-stat{border-left:3px solid var(--gold);padding-left:16px}
.ph-stat-num{font-family:'Montserrat',sans-serif;font-size:30px;font-weight:900;color:var(--gold);line-height:1}
.ph-stat-label{font-size:12px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;margin-top:4px}
.section-desc{font-size:16px;color:#555;line-height:1.8;max-width:620px}

/* ===== HIGHLIGHTS STRIP (dark, 4 cols) ===== */
.highlight-strip{background:var(--primary);padding:60px 40px}
.highlight-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hl-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:28px 22px;text-align:center;transition:all .3s;position:relative;overflow:hidden}
.hl-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.hl-card:hover{background:rgba(242,213,1,0.08);border-color:rgba(242,213,1,0.25);transform:translateY(-5px)}
.hl-card:hover::before{transform:scaleX(1)}
.hl-icon{width:54px;height:54px;background:rgba(242,213,1,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 16px;transition:all .3s}
.hl-card:hover .hl-icon{background:var(--gold);color:var(--primary)}
.hl-num{font-family:'Montserrat',sans-serif;font-size:36px;font-weight:900;color:var(--gold);line-height:1;margin-bottom:4px}
.hl-label{font-size:12px;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}

/* ===== ABOUT SPLIT ===== */
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.bus-img-wrap{position:relative;height:480px}
.bus-img-main{width:72%;height:72%;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px rgba(8,15,47,0.2);position:absolute;top:0;left:0}
.bus-img-sub{width:56%;height:48%;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px rgba(8,15,47,0.25);position:absolute;bottom:0;right:0;border:4px solid var(--white)}
.bus-accent{position:absolute;width:88px;height:88px;background:var(--gold);border-radius:16px;bottom:85px;left:-18px;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 32px rgba(242,213,1,0.5);animation:floatShape 4s ease-in-out infinite}
.bus-accent strong{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:900;color:var(--primary);line-height:1}
.bus-accent span{font-size:9px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:0 5px}
.feature-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:22px 0 32px}
.feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#555;line-height:1.6}
.feature-list li i{color:var(--gold);font-size:13px;margin-top:3px;flex-shrink:0}

/* ===== PDF DOWNLOAD CARD ===== */
.pdf-card{background:linear-gradient(135deg,var(--primary) 0%,#0d1a52 100%);border-radius:24px;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;border:1px solid rgba(255,255,255,0.07);position:relative;overflow:hidden;margin-top:56px}
.pdf-card::before{content:'';position:absolute;top:-80px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(242,213,1,0.05)}
.pdf-left{display:flex;align-items:center;gap:24px;position:relative;z-index:1}
.pdf-icon-wrap{width:72px;height:72px;background:rgba(242,213,1,0.12);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gold);flex-shrink:0;transition:all .3s}
.pdf-card:hover .pdf-icon-wrap{background:var(--gold);color:var(--primary)}
.pdf-text-label{font-size:11px;color:rgba(255,255,255,0.4);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}
.pdf-text-title{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:800;color:var(--white);margin-bottom:4px}
.pdf-text-sub{font-size:13px;color:rgba(255,255,255,0.45)}
.pdf-right{position:relative;z-index:1}
.btn-download{background:var(--gold);color:var(--primary);border:none;padding:16px 36px;border-radius:12px;font-weight:700;font-size:15px;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s;white-space:nowrap}
.btn-download:hover{background:var(--white);box-shadow:0 8px 36px rgba(255,255,255,0.2)}

/* ===== ROUTE FEATURES CARDS ===== */
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.route-card{background:var(--white);border-radius:18px;padding:30px 26px;box-shadow:0 4px 24px rgba(8,15,47,0.07);border:1px solid var(--soft);transition:all .35s;position:relative;overflow:hidden}
.route-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.route-card:hover{transform:translateY(-7px);box-shadow:0 18px 50px rgba(8,15,47,0.12);border-color:rgba(242,213,1,0.2)}
.route-card:hover::before{transform:scaleX(1)}
.rc-icon{width:52px;height:52px;background:rgba(242,213,1,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);margin-bottom:18px;transition:all .3s}
.route-card:hover .rc-icon{background:var(--gold);color:var(--primary);box-shadow:0 6px 20px rgba(242,213,1,0.4)}
.rc-title{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--primary);margin-bottom:8px}
.rc-desc{font-size:13.5px;color:#666;line-height:1.75}

/* ===== CTA ===== */
.cta-section{background:linear-gradient(135deg,var(--primary) 0%,#111A4A 100%);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.cta-section::before,.cta-section::after{content:'';position:absolute;border-radius:50%;background:rgba(242,213,1,0.07);animation:floatOrb 8s ease-in-out infinite}
.cta-section::before{width:500px;height:500px;top:-200px;left:-100px}
.cta-section::after{width:400px;height:400px;bottom:-150px;right:-80px;animation-delay:-4s}
.cta-section h2{font-family:'Montserrat',sans-serif;font-size:clamp(26px,3.5vw,44px);font-weight:900;color:var(--white);margin-bottom:14px}
.cta-section p{font-size:16px;color:rgba(255,255,255,0.6);margin-bottom:36px}
.cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btn-cta-gold{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:15px 38px;border-radius:10px;font-weight:700;font-size:15px;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 28px rgba(242,213,1,0.4);text-decoration:none;display:inline-block}
.btn-cta-gold:hover{background:transparent;color:var(--gold)}
.btn-cta-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.3);padding:15px 38px;border-radius:10px;font-weight:600;font-size:15px;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block}
.btn-cta-outline:hover{border-color:var(--gold);color:var(--gold)}

/* ===== FOOTER ===== */
footer{background:var(--primary);padding:70px 40px 30px}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto}
.footer-brand{padding-right:40px}
.footer-brand-name{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--white);margin-bottom:14px}
.footer-brand p{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.8;margin-bottom:24px}
.footer-social a{width:38px;height:38px;background:rgba(255,255,255,0.07);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);font-size:15px;margin-right:8px;transition:all .3s;text-decoration:none}
.footer-social a:hover{background:var(--gold);color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:28px;margin-top:56px;max-width:1280px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
@keyframes floatShape{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}
.reveal.visible{opacity:1;transform:translateY(0)}
.hero-assoc-chips{display:flex;gap:12px;flex-wrap:wrap}
.assoc-chip{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:40px;padding:8px 18px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);transition:all .3s;text-decoration:none}
.assoc-chip:hover{background:rgba(228,205,101,0.12);border-color:rgba(228,205,101,0.3);color:var(--gold)}
.assoc-chip i{color:var(--gold);font-size:13px}
.section-desc{font-size:16px;color:#555;line-height:1.8;max-width:640px}

/* ===================== WARDEN SECTION ===================== */
.warden-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:56px}
.warden-card{border-radius:20px;overflow:hidden;border:1px solid rgba(228,205,101,0.15);box-shadow:0 6px 36px rgba(25,53,70,0.1);transition:all .35s;position:relative}
.warden-card:hover{transform:translateY(-6px);box-shadow:0 18px 60px rgba(25,53,70,0.16);border-color:rgba(228,205,101,0.3)}
.warden-card-head{background:linear-gradient(145deg,#0d2535,var(--primary));padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.warden-card-head::after{content:'';position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.14) 0%,transparent 70%);animation:floatOrb 7s ease-in-out infinite}
.warden-avatar{position:relative;z-index:2;width:90px;height:90px;background:rgba(228,205,101,0.15);border:3px solid rgba(228,205,101,0.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--gold);margin-bottom:18px;transition:all .35s}
.warden-card:hover .warden-avatar{background:rgba(228,205,101,0.22);border-color:var(--gold);box-shadow:0 0 24px rgba(228,205,101,0.35)}
.warden-role-badge{position:relative;z-index:2;background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:14px}
.warden-name{position:relative;z-index:2;font-family:'Montserrat',sans-serif;font-size:17px;font-weight:800;color:var(--white);text-align:center;line-height:1.3}
.warden-title{position:relative;z-index:2;font-size:12.5px;color:rgba(255,255,255,0.5);text-align:center;margin-top:6px;line-height:1.5}
.warden-card-body{background:var(--white);padding:28px 28px 30px}
.warden-type-label{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.warden-type-label::before{content:'';display:inline-block;width:24px;height:2px;background:var(--gold);border-radius:1px}
.deputy-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.deputy-list li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#444;font-weight:500}
.deputy-list li::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0}

/* ===================== FACILITIES OVERVIEW STRIP ===================== */
.fac-overview-strip{background:var(--primary);padding:70px 40px}
.fac-overview-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.fac-overview-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:18px;padding:32px 24px;text-align:center;transition:all .35s;position:relative;overflow:hidden;cursor:default}
.fac-overview-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.fac-overview-card:hover{background:rgba(228,205,101,0.07);border-color:rgba(228,205,101,0.3);transform:translateY(-6px)}
.fac-overview-card:hover::before{transform:scaleX(1)}
.fac-icon{width:58px;height:58px;background:rgba(228,205,101,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.fac-overview-card:hover .fac-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(228,205,101,0.4)}
.fac-overview-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--white);margin-bottom:6px}
.fac-overview-desc{font-size:12.5px;color:rgba(255,255,255,0.48);line-height:1.65}

/* ===================== FACILITY DETAIL CARDS ===================== */
.fac-detail-card{display:grid;grid-template-columns:320px 1fr;gap:0;border-radius:24px;overflow:hidden;box-shadow:0 8px 48px rgba(25,53,70,0.12);margin-bottom:50px;border:1px solid rgba(228,205,101,0.1);transition:box-shadow .4s,transform .4s}
.fac-detail-card:hover{box-shadow:0 20px 70px rgba(25,53,70,0.18);transform:translateY(-4px)}
.fac-detail-card.reverse{grid-template-columns:1fr 320px}
.fac-detail-visual{position:relative;background:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 36px;overflow:hidden}
.fac-detail-card.reverse .fac-detail-visual{order:2}
.fac-detail-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#0d2535,var(--primary));z-index:0}
.fac-detail-visual::after{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.15) 0%,transparent 70%);z-index:0;animation:floatOrb 7s ease-in-out infinite}
.fac-detail-visual .orb2{position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.08) 0%,transparent 70%);z-index:0;animation:floatOrb 5s ease-in-out infinite reverse}
.fac-icon-large{position:relative;z-index:2;width:110px;height:110px;background:rgba(228,205,101,0.12);border:2px solid rgba(228,205,101,0.3);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:44px;color:var(--gold);margin-bottom:24px;transition:all .3s}
.fac-detail-card:hover .fac-icon-large{background:rgba(228,205,101,0.2);box-shadow:0 10px 40px rgba(228,205,101,0.25)}
.fac-icon-title{position:relative;z-index:2;font-family:'Montserrat',sans-serif;font-size:18px;font-weight:900;color:var(--gold);letter-spacing:1px;text-align:center;margin-bottom:6px}
.fac-icon-sub{position:relative;z-index:2;font-size:11.5px;color:rgba(255,255,255,0.38);text-transform:uppercase;letter-spacing:1.5px;text-align:center}
.fac-detail-body{background:var(--white);padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.fac-detail-name{font-family:'Montserrat',sans-serif;font-size:22px;font-weight:800;color:var(--primary);margin-bottom:6px;line-height:1.3}
.fac-detail-tagline{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px}
.fac-detail-divider{width:50px;height:3px;background:var(--gold);border-radius:2px;margin-bottom:22px}
.fac-detail-desc{font-size:14.5px;color:#555;line-height:1.85;margin-bottom:22px}
.fac-sub-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.fac-sub-list li{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;color:#444;line-height:1.6}
.fac-sub-list li .fac-bullet{width:22px;height:22px;background:rgba(228,205,101,0.15);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.fac-sub-list li .fac-bullet i{font-size:10px;color:var(--gold)}
.fac-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.fac-tag{background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:#8a7020;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.3px}

/* ===================== STATS BAND ===================== 
.stats-band{background:var(--gold);padding:50px 40px}
.stats-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}
.stat-item strong{display:block;font-family:'Montserrat',sans-serif;font-size:clamp(30px,3vw,44px);font-weight:900;color:var(--primary);line-height:1}
.stat-item span{display:block;font-size:13px;font-weight:600;color:rgba(25,53,70,0.6);text-transform:uppercase;letter-spacing:1px;margin-top:6px}*/

/* ===================== RESPONSIVE ===================== */
@media(max-width:1100px){
  .fac-detail-card,.fac-detail-card.reverse{grid-template-columns:260px 1fr}
  .fac-overview-grid{grid-template-columns:repeat(2,1fr)}
  .warden-grid{grid-template-columns:1fr 1fr;gap:24px}
  .warden-grid .warden-card:first-child{grid-column:1/-1}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .fac-detail-card,.fac-detail-card.reverse{grid-template-columns:1fr;grid-template-rows:auto auto}
  .fac-detail-card.reverse .fac-detail-visual{order:unset}
  .fac-detail-visual{padding:40px 30px;min-height:260px}
  .fac-detail-body{padding:36px 28px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .warden-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links,.btn-apply{display:none}
  .hamburger{display:flex}
  .section{padding:60px 20px}
  .fac-overview-strip{padding:50px 20px}
  .fac-overview-grid{grid-template-columns:1fr 1fr}
  .stats-band{padding:40px 20px}
  .stats-inner{grid-template-columns:1fr 1fr;gap:20px}
  .cta-banner{padding:40px 28px;flex-direction:column}
  .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .navbar{padding:12px 20px}
  .page-hero{padding:60px 20px}
  .footer-grid{grid-template-columns:1fr}
  .hero-assoc-chips{gap:8px}
  .warden-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .fac-overview-grid{grid-template-columns:1fr}
  .stats-inner{grid-template-columns:1fr 1fr}
}
.ticker-label::after{content:'';position:absolute;right:-12px;top:0;bottom:0;width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:14px solid var(--gold)}

/* ===================== TOP BAR ===================== */
.top-bar{background:var(--primary);padding:9px 0;font-size:12.5px;font-family:'Poppins',sans-serif;border-bottom:1px solid rgba(255,255,255,0.06)}
.tb-cta-btn{background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:var(--gold);font-size:11px;font-weight:600;padding:5px 14px;border-radius:6px;text-decoration:none;transition:all .2s;letter-spacing:.3px;white-space:nowrap}

/* ===================== NAVBAR ===================== */
.btn-apply{background:var(--gold)!important;color:var(--primary)!important;font-weight:700!important;padding:10px 20px!important;border-radius:8px!important;letter-spacing:.3px;box-shadow:0 4px 20px rgba(228,205,101,0.4);transition:all .25s!important;font-size:13px!important}
.btn-apply:hover{background:var(--white)!important;box-shadow:0 6px 28px rgba(255,255,255,0.3)!important}
.hamburger span{width:25px;height:2px;background:var(--white);display:block;transition:all .3s}
.page-hero-orb2{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.08) 0%,transparent 70%);bottom:-80px;left:100px;z-index:1;animation:floatOrb 6s ease-in-out infinite reverse}
.breadcrumb a{color:var(--gold);text-decoration:none;transition:opacity .2s}
.breadcrumb a:hover{opacity:.8}
.page-hero-desc{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.8;max-width:620px;font-weight:300;margin-bottom:32px}
.page-hero-meta{display:flex;gap:28px;flex-wrap:wrap}
.hero-meta-item{display:flex;align-items:center;gap:10px}
.hero-meta-item i{width:36px;height:36px;background:rgba(228,205,101,0.12);border:1px solid rgba(228,205,101,0.25);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:14px;flex-shrink:0}
.hero-meta-text strong{display:block;font-size:15px;color:var(--white);font-weight:700;font-family:'Montserrat',sans-serif}
.hero-meta-text span{font-size:11px;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:1px}
.section-desc{font-size:16px;color:#555;line-height:1.8;max-width:560px}
.section-dark .section-desc{color:rgba(255,255,255,0.6)}
.section-center{text-align:center}
.section-center .gold-line{margin:16px auto 0}
.section-center .section-desc{margin:0 auto}

/* ===================== QUICK STATS ===================== */
.lib-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:0}
.lib-stat-card{background:var(--white);border-radius:16px;padding:28px 20px;text-align:center;box-shadow:0 4px 24px rgba(25,53,70,0.08);border:1px solid rgba(228,205,101,0.15);transition:all .35s;position:relative;overflow:hidden}
.lib-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.lib-stat-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(25,53,70,0.14);border-color:rgba(228,205,101,0.3)}
.lib-stat-card:hover::before{transform:scaleX(1)}
.lib-stat-icon{width:52px;height:52px;background:rgba(228,205,101,0.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 16px;transition:all .3s}
.lib-stat-card:hover .lib-stat-icon{background:var(--gold);color:var(--primary);box-shadow:0 6px 20px rgba(228,205,101,0.4)}
.lib-stat-num{font-family:'Montserrat',sans-serif;font-size:36px;font-weight:900;color:var(--primary);line-height:1}
.lib-stat-suffix{font-size:22px}
.lib-stat-label{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-weight:500}

/* ===================== VISION + ABOUT SPLIT ===================== */
.lib-about-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.lib-about-img-wrap{position:relative}
.lib-main-img{width:100%;border-radius:20px;box-shadow:0 20px 60px rgba(25,53,70,0.18);display:block}
.lib-img-badge{position:absolute;bottom:-20px;right:-20px;background:var(--primary);border-radius:16px;padding:22px 24px;text-align:center;box-shadow:0 12px 36px rgba(25,53,70,0.3);border:3px solid var(--gold)}
.lib-img-badge strong{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:900;color:var(--gold);display:block;line-height:1}
.lib-img-badge span{font-size:11px;color:rgba(255,255,255,0.65);text-transform:uppercase;letter-spacing:.8px;margin-top:4px;display:block}
.lib-img-hours{position:absolute;top:-16px;left:-16px;background:var(--gold);border-radius:12px;padding:14px 18px;box-shadow:0 8px 24px rgba(228,205,101,0.5);animation:floatShape 4s ease-in-out infinite}
.lib-img-hours i{font-size:18px;color:var(--primary);display:block;margin-bottom:4px}
.lib-img-hours strong{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--primary);display:block;line-height:1.2}
.lib-info-list{list-style:none;margin:24px 0;display:flex;flex-direction:column;gap:13px}
.lib-info-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:#444;line-height:1.6}
.lib-info-list li i{color:var(--gold);font-size:14px;margin-top:2px;flex-shrink:0}

/* ===================== SERVICES ===================== */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.service-card{background:var(--white);border-radius:18px;padding:30px 22px;box-shadow:0 4px 24px rgba(25,53,70,0.07);transition:all .35s;position:relative;overflow:hidden;border:1px solid transparent;text-align:center}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.service-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(25,53,70,0.14);border-color:rgba(228,205,101,0.2)}
.service-card:hover::before{transform:scaleX(1)}
.service-icon{width:60px;height:60px;background:rgba(228,205,101,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.service-card:hover .service-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(228,205,101,0.4)}
.service-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;margin-bottom:8px;color:var(--primary)}
.service-desc{font-size:13px;color:#666;line-height:1.7}

/* ===================== SECTIONS LIST ===================== */
.sections-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:50px}
.lib-section-pill{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:20px 16px;display:flex;align-items:center;gap:12px;transition:all .3s;cursor:default}
.lib-section-pill:hover{background:rgba(228,205,101,0.1);border-color:rgba(228,205,101,0.35);box-shadow:0 0 24px rgba(228,205,101,0.12)}
.lib-section-pill i{width:36px;height:36px;background:rgba(228,205,101,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;flex-shrink:0;transition:all .3s}
.lib-section-pill:hover i{background:var(--gold);color:var(--primary)}
.lib-section-pill span{font-size:13px;color:rgba(255,255,255,0.8);font-weight:500;line-height:1.4}

/* ===================== BOOKS TABLE ===================== */
.lib-table-wrap{border-radius:18px;overflow:hidden;box-shadow:0 6px 36px rgba(25,53,70,0.1);border:1px solid rgba(228,205,101,0.12)}
.lib-table{width:100%;border-collapse:collapse;font-size:14px}
.lib-table thead th{background:var(--primary);color:var(--white);padding:16px 20px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;text-align:left}
.lib-table thead th:first-child{width:50px;text-align:center}
.lib-table thead th:last-child{text-align:right}
.lib-table tbody tr{background:var(--white);transition:background .2s}
.lib-table tbody tr:nth-child(even){background:#f5f7fa}
.lib-table tbody tr:hover{background:rgba(228,205,101,0.07)}
.lib-table td{padding:14px 20px;color:#444;border-bottom:1px solid rgba(25,53,70,0.06)}
.lib-table td:first-child{text-align:center;color:#999;font-size:12px;font-weight:600}
.lib-table td:last-child{text-align:right;font-family:'Montserrat',sans-serif;font-weight:700;color:var(--primary)}
.lib-table tfoot td{background:var(--primary);color:var(--white);padding:16px 20px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px}
.lib-table tfoot td:last-child{color:var(--gold);text-align:right}
.dept-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;background:rgba(228,205,101,0.12);color:#c09d30;border:1px solid rgba(228,205,101,0.25)}

/* ===================== JOURNALS TABLE ===================== */
.journals-wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px}
.journal-table-card{border-radius:18px;overflow:hidden;box-shadow:0 4px 24px rgba(25,53,70,0.08);border:1px solid rgba(228,205,101,0.12)}
.journal-table-header{background:var(--primary);padding:18px 22px;display:flex;align-items:center;gap:12px}
.journal-table-header i{color:var(--gold);font-size:18px}
.journal-table-header h3{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:var(--white)}
.journal-table-header .count-badge{margin-left:auto;background:rgba(228,205,101,0.15);border:1px solid rgba(228,205,101,0.3);color:var(--gold);font-size:12px;font-weight:700;padding:3px 12px;border-radius:20px}
.j-table{width:100%;border-collapse:collapse;font-size:13px}
.j-table thead th{background:#f0f4f7;color:var(--primary);padding:11px 18px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left}
.j-table tbody tr{background:var(--white);transition:background .2s}
.j-table tbody tr:nth-child(even){background:#f8fafc}
.j-table tbody tr:hover{background:rgba(228,205,101,0.05)}
.j-table td{padding:11px 18px;color:#444;border-bottom:1px solid rgba(25,53,70,0.05)}
.j-table tfoot td{background:var(--primary);color:var(--gold);padding:12px 18px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px}

/* ===================== OTHER RESOURCES ===================== */
.other-resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.res-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:18px;padding:30px 26px;display:flex;align-items:center;gap:20px;transition:all .4s;position:relative;overflow:hidden}
.res-card::after{content:'';position:absolute;bottom:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(228,205,101,0.04);transition:all .4s}
.res-card:hover{background:rgba(228,205,101,0.07);border-color:rgba(228,205,101,0.3);transform:translateY(-6px);box-shadow:0 16px 50px rgba(0,0,0,0.2)}
.res-card:hover::after{width:180px;height:180px}
.res-icon{width:64px;height:64px;background:rgba(228,205,101,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);flex-shrink:0;transition:all .3s}
.res-card:hover .res-icon{background:var(--gold);color:var(--primary)}
.res-num{font-family:'Montserrat',sans-serif;font-size:30px;font-weight:900;color:var(--white);line-height:1}
.res-label{font-size:13px;color:rgba(255,255,255,0.55);margin-top:4px;font-weight:400}

/* ===================== RULES ===================== */
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:50px}
.rule-item{display:flex;align-items:flex-start;gap:14px;background:var(--white);border-radius:14px;padding:18px 20px;box-shadow:0 3px 18px rgba(25,53,70,0.06);border:1px solid rgba(228,205,101,0.1);transition:all .3s}
.rule-item:hover{border-color:rgba(228,205,101,0.3);box-shadow:0 8px 32px rgba(25,53,70,0.1);transform:translateX(4px)}
.rule-num{width:34px;height:34px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;color:var(--gold);flex-shrink:0}
.rule-text{font-size:14px;color:#444;line-height:1.65}

/* ===================== MEMBERSHIP CTA ===================== */
.membership-cta{background:linear-gradient(135deg,#0d2535 0%,var(--primary) 60%,#1e4560 100%);border-radius:24px;padding:60px 50px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.membership-cta::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.12) 0%,transparent 70%)}
.membership-cta::after{content:'';position:absolute;bottom:-40px;left:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.08) 0%,transparent 70%)}
.cta-text{position:relative;z-index:2}
.cta-text h2{font-family:'Montserrat',sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:900;color:var(--white);margin-bottom:12px;line-height:1.2}
.btn-primary{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 30px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;box-shadow:0 6px 24px rgba(228,205,101,0.4);text-decoration:none;display:inline-block;letter-spacing:.2px}
.btn-primary:hover{background:var(--white);border-color:var(--white);box-shadow:0 8px 32px rgba(255,255,255,0.2)}
.btn-outline{background:transparent;color:var(--gold);border:2px solid rgba(228,205,101,0.5);padding:14px 30px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;font-family:'Poppins',sans-serif;text-decoration:none;display:inline-block;letter-spacing:.2px}
.btn-outline:hover{background:rgba(228,205,101,0.1);border-color:var(--gold)}

/* ===================== DIGITAL LIBRARY HIGHLIGHT ===================== */
.digital-highlight{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.digital-card-list{display:flex;flex-direction:column;gap:16px;margin-top:30px}
.digital-card{background:var(--white);border-radius:14px;padding:20px 22px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 18px rgba(25,53,70,0.07);border:1px solid rgba(228,205,101,0.12);transition:all .3s}
.digital-card:hover{border-color:rgba(228,205,101,0.35);box-shadow:0 10px 36px rgba(25,53,70,0.12);transform:translateX(6px)}
.digital-card i{width:48px;height:48px;background:rgba(228,205,101,0.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);flex-shrink:0;transition:all .3s}
.digital-card:hover i{background:var(--gold);color:var(--primary)}
.digital-card strong{display:block;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--primary);margin-bottom:3px}
.digital-card span{font-size:13px;color:#666}
.digital-visual{position:relative}
.digital-visual-main{background:linear-gradient(135deg,#0d2535,var(--primary));border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(25,53,70,0.25)}
.digital-visual-main::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.15) 0%,transparent 70%)}
.dv-title{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:800;color:var(--white);margin-bottom:6px}
.dv-sub{font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:30px}
.dv-specs{display:flex;flex-direction:column;gap:14px}
.dv-spec{display:flex;align-items:center;gap:14px}
.dv-spec-bar-wrap{flex:1;background:rgba(255,255,255,0.08);border-radius:6px;height:8px;overflow:hidden}
.dv-spec-bar{height:100%;background:linear-gradient(90deg,var(--gold),rgba(228,205,101,0.6));border-radius:6px;transition:width 1s ease}
.dv-spec-label{font-size:12px;color:rgba(255,255,255,0.6);width:110px;flex-shrink:0}
.dv-spec-val{font-size:13px;font-weight:700;color:var(--gold);width:60px;text-align:right;flex-shrink:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:28px;margin-top:0;max-width:1280px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-socials{display:flex;gap:10px;margin-top:4px}
@keyframes floatShape{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(4deg)}}

/* ===================== TICKER ===================== */
.ticker-wrap{background:#0b1f30}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1200px){
  .lib-stats-grid{grid-template-columns:repeat(3,1fr)}
  .sections-grid{grid-template-columns:repeat(3,1fr)}
  .services-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
  .lib-about-split,.digital-highlight{grid-template-columns:1fr}
  .journals-wrap{grid-template-columns:1fr}
  .other-resources-grid{grid-template-columns:repeat(2,1fr)}
  .rules-grid{grid-template-columns:1fr}
  .sections-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .lib-img-badge{right:10px;bottom:10px}
}
@media(max-width:768px){
  .nav-links,.btn-apply{display:none}
  .hamburger{display:flex}
  .lib-stats-grid{grid-template-columns:repeat(2,1fr)}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .sections-grid{grid-template-columns:repeat(2,1fr)}
  .other-resources-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .page-hero{padding:60px 20px}
  .section{padding:60px 20px}
  .membership-cta{padding:40px 28px;flex-direction:column}
  .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .navbar{padding:12px 20px}
  .dv-spec-label{width:80px}
  .lib-img-hours{display:none}
  .lib-img-badge{position:static;margin-top:16px;display:inline-block}
}
.ticker-content{display:flex;animation:ticker 35s linear infinite;white-space:nowrap;padding-left:160px}

/* NAVBAR */

.page-hero-inner{position:relative;z-index:3;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}
.page-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(30px,3.5vw,52px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:18px}
.page-hero-desc{font-size:15.5px;color:rgba(255,255,255,0.62);line-height:1.85;max-width:640px;font-weight:300;margin-bottom:30px}

/* GRADE EMBLEM */
.grade-emblem{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0}
.grade-emblem-ring{width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,0.05);border:3px solid rgba(228,205,101,0.3);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 0 60px rgba(228,205,101,0.15);animation:floatOrb 5s ease-in-out infinite}
.grade-emblem-ring::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(228,205,101,0.15)}
.grade-letter{font-family:'Montserrat',sans-serif;font-size:80px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 40px rgba(228,205,101,0.5)}
.grade-label{font-size:11px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:2px;margin-top:-4px}
.grade-sub{font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;color:rgba(255,255,255,0.7);margin-top:14px;letter-spacing:1px;text-align:center;text-transform:uppercase}

/* SECTIONS */
.section{padding:90px 40px}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(26px,2.8vw,38px);font-weight:800;color:var(--primary);margin-bottom:16px;line-height:1.2}
.gold-line{display:block;width:60px;height:4px;background:var(--gold);border-radius:2px;margin-top:14px}
.section-desc{font-size:15.5px;color:#555;line-height:1.85;max-width:650px}

/* ABOUT NAAC SPLIT */
.naac-about-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.naac-about-visual{position:relative}
.naac-logo-card{background:linear-gradient(135deg,#0d2535,var(--primary));border-radius:24px;padding:50px 40px;text-align:center;box-shadow:0 20px 60px rgba(25,53,70,0.25);position:relative;overflow:hidden}
.naac-logo-card::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.15) 0%,transparent 70%)}
.naac-logo-card::after{content:'';position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.08) 0%,transparent 70%)}
.naac-logo-main{position:relative;z-index:2;width:160px;height:160px;background:var(--white);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;box-shadow:0 12px 40px rgba(0,0,0,0.3)}
.naac-logo-main img{width:130px;height:130px;object-fit:contain}
.naac-logo-title{position:relative;z-index:2;font-family:'Montserrat',sans-serif;font-size:22px;font-weight:900;color:var(--white);margin-bottom:6px}
.naac-logo-sub{position:relative;z-index:2;font-size:13px;color:rgba(255,255,255,0.5);letter-spacing:.5px}
.naac-cert-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--primary);font-size:13px;font-weight:700;padding:13px 24px;border-radius:10px;text-decoration:none;margin-top:26px;transition:all .3s;box-shadow:0 6px 24px rgba(228,205,101,0.4)}
.naac-cert-btn:hover{background:var(--white);box-shadow:0 8px 32px rgba(255,255,255,0.2)}
.naac-info-list{list-style:none;margin:24px 0;display:flex;flex-direction:column;gap:14px}
.naac-info-list li{display:flex;align-items:flex-start;gap:13px;font-size:14.5px;color:#444;line-height:1.65}
.naac-info-list li i{color:var(--gold);font-size:14px;margin-top:2px;flex-shrink:0;width:16px}

/* ACCREDITATION HIGHLIGHTS */
.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.highlight-card{border-radius:18px;padding:32px 24px;text-align:center;box-shadow:0 4px 24px rgba(25,53,70,0.08);border:1px solid rgba(228,205,101,0.12);transition:all .35s;position:relative;overflow:hidden}
.highlight-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.highlight-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(25,53,70,0.14);border-color:rgba(228,205,101,0.3)}
.highlight-card:hover::before{transform:scaleX(1)}
.highlight-icon{width:58px;height:58px;background:rgba(228,205,101,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin:0 auto 18px;transition:all .3s}
.highlight-card:hover .highlight-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(228,205,101,0.4)}
.highlight-val{font-family:'Montserrat',sans-serif;font-size:32px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:6px}
.highlight-label{font-size:13px;color:#666;font-weight:500}

/* DOCUMENT SECTIONS — TABS */
.doc-tabs-wrap{margin-top:50px}
.doc-tabs{display:flex;gap:0;border-bottom:2px solid var(--soft);margin-bottom:40px;overflow-x:auto}
.doc-tab{padding:14px 28px;font-size:13.5px;font-weight:600;color:#777;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .25s;display:flex;align-items:center;gap:8px;background:none;border-top:none;border-left:none;border-right:none;font-family:'Poppins',sans-serif}
.doc-tab i{font-size:14px}
.doc-tab:hover{color:var(--primary)}
.doc-tab.active{color:var(--primary);border-bottom-color:var(--gold);font-weight:700}
.doc-panel{display:none}
.doc-panel.active{display:block}

/* AQAR REPORT CARDS */
.aqar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.aqar-card{background:var(--white);border-radius:14px;padding:22px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 3px 18px rgba(25,53,70,0.07);border:1px solid rgba(228,205,101,0.1);transition:all .3s;text-decoration:none}
.aqar-card:hover{border-color:rgba(228,205,101,0.4);box-shadow:0 10px 36px rgba(25,53,70,0.13);transform:translateY(-3px)}
.aqar-card-icon{width:50px;height:50px;background:rgba(228,205,101,0.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);flex-shrink:0;transition:all .3s}
.aqar-card:hover .aqar-card-icon{background:var(--gold);color:var(--primary)}
.aqar-year{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--primary);margin-bottom:3px}
.aqar-type{font-size:12px;color:#888;font-weight:400}
.aqar-arrow{margin-left:auto;color:#bbb;font-size:13px;transition:all .3s}
.aqar-card:hover .aqar-arrow{color:var(--gold);transform:translateX(4px)}

/* DATA / BEST PRACTICES / DISTINCTIVENESS */
.doc-list{display:flex;flex-direction:column;gap:12px}
.doc-row{display:flex;align-items:center;gap:16px;background:var(--white);border-radius:14px;padding:18px 22px;box-shadow:0 3px 18px rgba(25,53,70,0.07);border:1px solid rgba(228,205,101,0.1);transition:all .3s;text-decoration:none}
.doc-row:hover{border-color:rgba(228,205,101,0.4);box-shadow:0 10px 36px rgba(25,53,70,0.12);transform:translateX(6px)}
.doc-row-icon{width:46px;height:46px;background:rgba(228,205,101,0.12);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold);flex-shrink:0;transition:all .3s}
.doc-row:hover .doc-row-icon{background:var(--gold);color:var(--primary)}
.doc-row-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--primary);margin-bottom:3px}
.doc-row-sub{font-size:12px;color:#888}
.doc-row-arrow{margin-left:auto;color:#bbb;font-size:13px;transition:all .3s;flex-shrink:0}
.doc-row:hover .doc-row-arrow{color:var(--gold);transform:translateX(4px)}
.doc-row-badge{margin-left:auto;background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:#8a7020;font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px;white-space:nowrap;flex-shrink:0}

/* CERT PREVIEW */
.cert-preview-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:50px}
.cert-img-card{border-radius:20px;overflow:hidden;box-shadow:0 12px 48px rgba(25,53,70,0.16);border:3px solid rgba(228,205,101,0.2);transition:all .4s}
.cert-img-card:hover{box-shadow:0 24px 70px rgba(25,53,70,0.22);border-color:rgba(228,205,101,0.45)}
.cert-img-card img{width:100%;display:block}
.cert-info{display:flex;flex-direction:column;gap:20px}
.cert-info-card{background:var(--white);border-radius:16px;padding:26px 24px;box-shadow:0 4px 22px rgba(25,53,70,0.07);border:1px solid rgba(228,205,101,0.12);display:flex;align-items:flex-start;gap:16px;transition:all .3s}
.cert-info-card:hover{border-color:rgba(228,205,101,0.35);box-shadow:0 10px 36px rgba(25,53,70,0.12)}
.cert-info-icon{width:48px;height:48px;background:rgba(228,205,101,0.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);flex-shrink:0;transition:all .3s}
.cert-info-card:hover .cert-info-icon{background:var(--gold);color:var(--primary)}
.cert-info-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--primary);margin-bottom:4px}
.cert-info-desc{font-size:13.5px;color:#555;line-height:1.65}
.cert-view-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);font-size:13.5px;font-weight:600;padding:13px 26px;border-radius:10px;text-decoration:none;transition:all .3s;border:2px solid var(--primary)}
.cert-view-btn:hover{background:var(--gold);color:var(--primary);border-color:var(--gold);box-shadow:0 8px 28px rgba(228,205,101,0.4)}

/* WHAT IS NAAC */
.naac-criteria-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
.criteria-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:26px 20px;transition:all .35s;text-align:center}
.criteria-card:hover{background:rgba(228,205,101,0.08);border-color:rgba(228,205,101,0.3);transform:translateY(-5px)}
.criteria-num{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:900;color:var(--gold);margin-bottom:10px;line-height:1}
.criteria-icon{width:50px;height:50px;background:rgba(228,205,101,0.12);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gold);margin:0 auto 14px;transition:all .3s}
.criteria-card:hover .criteria-icon{background:var(--gold);color:var(--primary)}
.criteria-title{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;color:var(--white);margin-bottom:6px;line-height:1.3}
.criteria-desc{font-size:12px;color:rgba(255,255,255,0.45);line-height:1.6}
@keyframes floatOrb{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-14px)}}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease}

/* RESPONSIVE */
@media(max-width:1100px){
  .highlights-grid,.naac-criteria-grid{grid-template-columns:repeat(2,1fr)}
  .aqar-grid{grid-template-columns:repeat(2,1fr)}
  .cert-preview-wrap{grid-template-columns:1fr}
}
@media(max-width:900px){
  .naac-about-split{grid-template-columns:1fr}
  .page-hero-inner{grid-template-columns:1fr}
  .grade-emblem{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links,.btn-apply{display:none}
  .hamburger{display:flex}
  .section{padding:60px 20px}
  .highlights-grid,.naac-criteria-grid{grid-template-columns:1fr}
  .aqar-grid{grid-template-columns:1fr}
  .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .navbar{padding:12px 20px}
  .page-hero{padding:60px 20px}
  .footer-grid{grid-template-columns:1fr}
  .doc-tab{padding:12px 16px;font-size:12.5px}
}


/* PARTICLES */
#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity 1s}
body.hero-visible #particles-canvas{opacity:1}

/* ===================== TICKER ===================== */
.ticker-wrap{background:#0b1f30;border-bottom:1px solid rgba(228,205,101,0.15);padding:7px 0;overflow:hidden;position:relative;z-index:10}
.ticker-label{position:absolute;left:0;top:0;bottom:0;background:var(--gold);color:var(--primary);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;padding:0 18px;z-index:2;white-space:nowrap}
.ticker-label::after{content:'';position:absolute;right:-12px;top:0;bottom:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:14px solid var(--gold)}
.ticker-content{display:flex;animation:ticker 40s linear infinite;white-space:nowrap;padding-left:160px}
.ticker-content span{font-size:12px;color:rgba(255,255,255,0.8);padding:0 40px;display:inline-flex;align-items:center;gap:8px}
.ticker-content span i{color:var(--gold);font-size:11px}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===================== TOP BAR ===================== */
.top-bar{background:var(--primary);padding:9px 0;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,0.06)}
.tb-inner{padding:0 40px;display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}
.tb-left{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.tb-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.top-bar a{color:rgba(255,255,255,0.78);text-decoration:none;transition:color .2s}
.top-bar a:hover{color:var(--gold)}
.tb-icon{color:var(--gold);margin-right:5px;font-size:11px}
.tb-badge{background:rgba(228,205,101,0.13);border:1px solid rgba(228,205,101,0.25);color:var(--gold);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.5px}
.tb-cta-btn{background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:var(--gold);font-size:11px;font-weight:600;padding:5px 14px;border-radius:6px;text-decoration:none;transition:all .2s;white-space:nowrap}
.tb-cta-btn:hover{background:var(--gold);color:var(--primary)}
.tb-cta-btn.solid{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.tb-cta-btn.solid:hover{background:var(--white);border-color:var(--white)}
.tb-sep{color:rgba(255,255,255,0.15);margin:0 4px}


/* ===================== PAGE HERO ===================== */
.page-hero{position:relative;background:var(--primary);padding:90px 40px 80px;overflow:hidden}
.page-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0d2535 0%,var(--primary) 50%,#1e4560 100%);z-index:0}
.page-hero-pattern{position:absolute;inset:0;z-index:1;opacity:0.04;background-image:repeating-linear-gradient(45deg,var(--gold) 0,var(--gold) 1px,transparent 0,transparent 50%);background-size:30px 30px}
.page-hero-orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.12) 0%,transparent 70%);top:-100px;right:-100px;z-index:1;animation:floatOrb 8s ease-in-out infinite}
.page-hero-orb2{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.07) 0%,transparent 70%);bottom:-60px;left:120px;z-index:1;animation:floatOrb 6s ease-in-out infinite reverse}
.page-hero-inner{position:relative;z-index:3;max-width:1280px;margin:0 auto}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:20px;flex-wrap:wrap}
.breadcrumb a{color:var(--gold);text-decoration:none}
.breadcrumb i{font-size:10px;color:rgba(255,255,255,0.3)}
.hero-badge-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:var(--gold);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px}
.pulse-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;display:inline-block;animation:pulse 2s infinite}
.page-hero-title{font-family:'Montserrat',sans-serif;font-size:clamp(34px,4vw,56px);font-weight:900;color:var(--white);line-height:1.1;margin-bottom:18px}
.page-hero-title .accent{color:var(--gold)}
.page-hero-desc{font-size:16px;color:rgba(255,255,255,0.62);line-height:1.85;max-width:680px;font-weight:300;margin-bottom:38px}
.hero-chips{display:flex;gap:12px;flex-wrap:wrap}
.hero-chip{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:40px;padding:8px 18px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);transition:all .3s;text-decoration:none}
.hero-chip:hover{background:rgba(228,205,101,0.12);border-color:rgba(228,205,101,0.3);color:var(--gold)}
.hero-chip i{color:var(--gold);font-size:13px}

/* ===================== SECTION SYSTEM ===================== */
.section{padding:100px 40px}
.section-alt{background:var(--light)}
.section-dark{background:var(--primary)}
.container-max{max-width:1280px;margin:0 auto}
.section-tag{display:inline-block;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
.section-title{font-family:'Montserrat',sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;color:var(--primary);margin-bottom:16px;line-height:1.2}
.section-dark .section-title{color:var(--white)}
.gold-line{display:block;width:60px;height:4px;background:var(--gold);border-radius:2px;margin-top:16px}
.section-desc{font-size:15.5px;color:#555;line-height:1.8;max-width:700px}

/* ===================== FUNCTIONS CARDS ===================== */
.functions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px}
.function-card{background:var(--white);border:1px solid rgba(228,205,101,0.15);border-radius:20px;padding:36px 30px;box-shadow:0 6px 32px rgba(25,53,70,0.08);transition:all .35s;position:relative;overflow:hidden}
.function-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.function-card:hover{transform:translateY(-6px);box-shadow:0 18px 56px rgba(25,53,70,0.14);border-color:rgba(228,205,101,0.3)}
.function-card:hover::before{transform:scaleX(1)}
.function-icon{width:60px;height:60px;background:rgba(228,205,101,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--gold);margin-bottom:22px;transition:all .35s}
.function-card:hover .function-icon{background:var(--gold);color:var(--primary);box-shadow:0 8px 24px rgba(228,205,101,0.4)}
.function-card h3{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--primary);margin-bottom:12px;line-height:1.3}
.function-card p{font-size:13.5px;color:#666;line-height:1.75}

/* ===================== DOCUMENTS SECTION ===================== */
.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:50px}
.doc-group{background:var(--white);border:1px solid rgba(228,205,101,0.15);border-radius:20px;overflow:hidden;box-shadow:0 6px 32px rgba(25,53,70,0.08);transition:all .35s}
.doc-group:hover{box-shadow:0 14px 50px rgba(25,53,70,0.13);border-color:rgba(228,205,101,0.3)}
.doc-group-header{background:linear-gradient(135deg,#0d2535,var(--primary));padding:24px 28px;display:flex;align-items:center;gap:16px}
.doc-group-icon{width:46px;height:46px;background:rgba(228,205,101,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gold);flex-shrink:0}
.doc-group-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--white);line-height:1.3}
.doc-group-sub{font-size:11.5px;color:rgba(255,255,255,0.45);margin-top:3px;letter-spacing:.5px}
.doc-group-body{padding:20px 24px}
.doc-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;text-decoration:none;color:var(--primary);font-size:13.5px;font-weight:500;transition:all .25s;border:1px solid transparent;margin-bottom:6px}
.doc-link:last-child{margin-bottom:0}
.doc-link:hover{background:rgba(228,205,101,0.08);border-color:rgba(228,205,101,0.2);color:var(--primary)}
.doc-link .doc-link-icon{width:34px;height:34px;background:rgba(228,205,101,0.1);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gold);flex-shrink:0;transition:all .25s}
.doc-link:hover .doc-link-icon{background:var(--gold);color:var(--primary)}
.doc-link .doc-link-text{flex:1;line-height:1.4}
.doc-link .doc-link-arrow{font-size:11px;color:rgba(25,53,70,0.25);transition:all .25s}
.doc-link:hover .doc-link-arrow{color:var(--gold);transform:translateX(3px)}
.doc-link-year{font-size:11px;color:#999;font-weight:400;margin-top:2px;display:block}

/* ===================== MEMBERS TABLE ===================== */
.members-wrap{margin-top:56px;border-radius:20px;overflow:hidden;box-shadow:0 8px 48px rgba(25,53,70,0.12);border:1px solid rgba(228,205,101,0.12)}
.members-table{width:100%;border-collapse:collapse}
.members-table thead tr{background:linear-gradient(135deg,#0d2535,var(--primary))}
.members-table thead th{padding:18px 22px;text-align:left;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}
.members-table thead th:first-child{width:60px;text-align:center}
.members-table thead th:nth-child(2){width:220px}
.members-table tbody tr{border-bottom:1px solid rgba(228,205,101,0.08);transition:background .2s}
.members-table tbody tr:last-child{border-bottom:none}
.members-table tbody tr:hover{background:rgba(228,205,101,0.05)}
.members-table tbody tr:nth-child(even){background:rgba(248,249,252,0.7)}
.members-table tbody tr:nth-child(even):hover{background:rgba(228,205,101,0.06)}
.members-table td{padding:16px 22px;font-size:13.5px;color:#444;vertical-align:middle}
.members-table td:first-child{text-align:center;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--primary);font-size:14px}
.category-badge{display:inline-flex;align-items:center;background:rgba(228,205,101,0.1);border:1px solid rgba(228,205,101,0.25);color:#7a6318;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.3px}
.member-name{font-weight:600;color:var(--primary);font-size:14px;display:block;margin-bottom:3px}
.member-desg{font-size:12.5px;color:#888;font-weight:400}
/* special row styles */
.members-table tbody tr.row-chair td:first-child{color:var(--gold)}
.members-table tbody tr.row-chair{background:rgba(228,205,101,0.04)!important}

/* ===================== MINUTES SECTION ===================== */
.minutes-years{display:flex;flex-direction:column;gap:32px;margin-top:50px}
.minutes-year-block{border-radius:20px;overflow:hidden;border:1px solid rgba(228,205,101,0.12);box-shadow:0 4px 24px rgba(25,53,70,0.08)}
.minutes-year-header{background:linear-gradient(135deg,#0d2535,var(--primary));padding:20px 28px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .3s}
.minutes-year-header:hover{background:linear-gradient(135deg,#112030,#1c4060)}
.minutes-year-title{font-family:'Montserrat',sans-serif;font-size:15px;font-weight:800;color:var(--white);display:flex;align-items:center;gap:12px}
.minutes-year-title .yr-badge{background:rgba(228,205,101,0.15);border:1px solid rgba(228,205,101,0.3);color:var(--gold);font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;letter-spacing:.5px}
.minutes-year-toggle{width:32px;height:32px;background:rgba(228,205,101,0.12);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:13px;transition:all .3s;flex-shrink:0}
.minutes-year-header.open .minutes-year-toggle{background:var(--gold);color:var(--primary);transform:rotate(180deg)}
.minutes-year-body{background:var(--white);padding:0;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s}
.minutes-year-body.open{max-height:600px;padding:16px 24px 20px}
.minutes-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.minute-link{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:500;color:var(--primary);border:1px solid rgba(228,205,101,0.12);background:rgba(248,249,252,0.7);transition:all .25s}
.minute-link:hover{background:rgba(228,205,101,0.08);border-color:rgba(228,205,101,0.28);color:var(--primary)}
.minute-link .ml-icon{width:32px;height:32px;background:rgba(228,205,101,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gold);flex-shrink:0;transition:all .25s}
.minute-link:hover .ml-icon{background:var(--gold);color:var(--primary)}
.ml-text{flex:1;line-height:1.4}
.ml-date{display:block;font-size:11px;color:#aaa;font-weight:400;margin-top:2px}
.ml-arrow{font-size:10px;color:rgba(25,53,70,0.25);transition:all .25s}
.minute-link:hover .ml-arrow{color:var(--gold);transform:translateX(3px)}
.minute-link.peer{border-color:rgba(228,205,101,0.25);background:rgba(228,205,101,0.06)}

/* ===================== CTA BANNER ===================== */
.cta-banner{background:linear-gradient(135deg,#0d2535 0%,var(--primary) 60%,#1e4560 100%);border-radius:24px;padding:60px 50px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta-banner::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(228,205,101,0.12) 0%,transparent 70%)}
.cta-text h2{font-family:'Montserrat',sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:900;color:var(--white);margin-bottom:12px}
.cta-text p{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.7;max-width:500px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:2}
.btn-primary-cta{background:var(--gold);color:var(--primary);border:2px solid var(--gold);padding:14px 30px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block;transition:all .3s;box-shadow:0 6px 24px rgba(228,205,101,0.4)}
.btn-primary-cta:hover{background:var(--white);border-color:var(--white)}
.btn-outline-cta{background:transparent;color:var(--gold);border:2px solid rgba(228,205,101,0.5);padding:14px 30px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;transition:all .3s}
.btn-outline-cta:hover{background:rgba(228,205,101,0.1);border-color:var(--gold)}

/* ===================== FOOTER ===================== */
footer{background:var(--primary);padding:70px 40px 30px;color:rgba(255,255,255,0.55);font-size:14px}
.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding-bottom:50px}
.footer-col h4{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--white);margin-bottom:20px;letter-spacing:1px;text-transform:uppercase}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{color:rgba(255,255,255,0.45);font-size:14px;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:8px}
.footer-col ul li a:hover{color:var(--gold)}
.footer-col ul li a::before{content:'›';color:var(--gold);font-size:16px}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:28px;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{color:rgba(255,255,255,0.35);font-size:13px}
.footer-bottom a{color:var(--gold);text-decoration:none}
.footer-brand-desc{font-size:13.5px;color:rgba(255,255,255,0.45);line-height:1.8;margin-bottom:24px;max-width:300px}
.footer-socials{display:flex;gap:10px}
.footer-social{width:38px;height:38px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);text-decoration:none;font-size:14px;transition:all .3s}
.footer-social:hover{background:var(--gold);color:var(--primary);border-color:var(--gold)}

/* ===================== ANIMATIONS ===================== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}
@keyframes floatOrb{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.1) translateY(-20px)}}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1100px){
  .functions-grid{grid-template-columns:repeat(2,1fr)}
  .docs-grid{grid-template-columns:1fr}
  .minutes-links{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .members-table thead th:nth-child(2){width:auto}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links,.btn-apply{display:none}
  .hamburger{display:flex}
  .section{padding:60px 20px}
  .functions-grid{grid-template-columns:1fr}
  .docs-grid{grid-template-columns:1fr}
  .minutes-links{grid-template-columns:1fr}
  .members-table{display:block;overflow-x:auto}
  .tb-inner{padding:0 16px;flex-direction:column;gap:8px}
  .navbar{padding:12px 20px}
  .page-hero{padding:60px 20px}
  .cta-banner{padding:40px 28px;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .hero-chips{gap:8px}
}
/* ===================== FINAL FOOTER OVERRIDE ===================== */
footer{
  background:var(--white)!important;
  color:rgba(8,15,47,0.72)!important;
  padding:58px 40px 28px!important;
  border-top:1px solid rgba(8,15,47,0.12)!important;
  font-size:14px;
}

.footer-grid{
  max-width:1280px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1.35fr 1.7fr 1fr 1.15fr!important;
  gap:42px!important;
  padding-bottom:42px!important;
}
.footer-brand{padding-right:10px!important}
.footer-logo-link{display:inline-flex;align-items:center;margin-bottom:22px;text-decoration:none}
.footer-logo{width:210px;max-width:100%;height:auto;display:block}
.footer-brand-name{display:none}
.footer-brand p,
.footer-brand-desc{
  color:rgba(8,15,47,0.64)!important;
  font-size:14px!important;
  line-height:1.75!important;
  margin-bottom:22px!important;
}
.footer-social{display:flex!important;gap:10px!important;flex-wrap:wrap!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important}
.footer-social a,
.footer-social{
  color:var(--primary)!important;
}
.footer-social a{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(8,15,47,0.06)!important;
  border:1px solid rgba(8,15,47,0.1)!important;
  text-decoration:none!important;
  transition:all .2s ease!important;
}
.footer-social a:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--primary)!important}
.footer-col h4{
  color:var(--primary)!important;
  font-family:'Montserrat',sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.5px!important;
  margin-bottom:18px!important;
  text-transform:uppercase!important;
}
.footer-col ul{list-style:none!important;margin:0!important;padding:0!important}
.footer-col ul li{margin-bottom:9px!important}
.footer-col ul li a{
  color:rgba(8,15,47,0.66)!important;
  display:inline-flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  text-decoration:none!important;
  transition:color .2s ease!important;
}
.footer-col ul li a:hover{color:var(--primary)!important}
.footer-col ul li a::before{
  content:'›'!important;
  color:var(--gold)!important;
  flex:0 0 auto!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.footer-col ul li a i{color:var(--gold)!important;margin-right:0!important;margin-top:2px!important}
.footer-bottom{
  max-width:1280px!important;
  margin:0 auto!important;
  padding-top:24px!important;
  border-top:1px solid rgba(8,15,47,0.1)!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.footer-bottom p{color:rgba(8,15,47,0.58)!important;font-size:13px!important;margin:0!important}
.footer-bottom a{color:var(--primary)!important;text-decoration:none!important}
.footer-bottom a:hover{color:var(--gold)!important}
.footer-bottom strong{color:var(--primary)!important}
@media (max-width:1100px){
  .footer-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:700px){
  footer{padding:44px 20px 24px!important}
  footer::before{margin-bottom:30px}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer-logo{width:180px}
  .footer-bottom{display:block!important;text-align:left!important}
  .footer-bottom p + p{margin-top:10px!important}
}