/* ==========================================================================
   SSGPS — New site theme (merged design). Header/footer/hero are global;
   homepage sections are scoped under `.nd` so the older inner-page styles are
   never affected. Lives in assets/modern/ so campus.jpg resolves relatively.
   ========================================================================== */
:root{--red:#c1121f;--maroon:#8c0614;--maroon-dk:#5e0410;--navy:#0d2f4b;--gold:#f4b63e;--soft:#f6f8fb;--ink:#16293b;}
body{font-family:'Poppins',system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);}
.btn-primary-brand{background:var(--red);border:1px solid var(--red);color:#fff;border-radius:999px;font-weight:700;}
.btn-primary-brand:hover{background:#9d0f1a;color:#fff;}
.btn-outline-brand{border:1px solid var(--red);color:var(--red);border-radius:999px;font-weight:700;}
.btn-outline-brand:hover{background:var(--red);color:#fff;}

/* ---- TOP BAR + HEADER (global) ---- */
.ss-topbar{background:var(--maroon);color:#fff;font-size:12.5px;}
.ss-topbar .container{display:flex;align-items:center;justify-content:space-between;min-height:40px;flex-wrap:wrap;gap:6px;padding-top:6px;padding-bottom:6px;}
.ss-topbar .l{display:flex;gap:18px;opacity:.95;}
.ss-topbar .l span{display:inline-flex;align-items:center;gap:6px;}
.ss-topbar .r{display:flex;align-items:center;gap:14px;}
.ss-topbar a{color:#fff;text-decoration:none;}
.ss-topbar .soc{display:flex;gap:10px;font-size:14px;}
.ss-nav .navbar-brand{padding:0;}
.ss-nav .brand-logo{height:88px;width:auto;}
.ss-nav .nav-link{color:#222;font-weight:600;font-size:.95rem;}
.ss-nav .nav-link.active,.ss-nav .nav-link:hover{color:var(--red);}
/* Professional dropdown menu */
.ss-nav .nav-item.dropdown>.nav-link.dropdown-toggle::after{vertical-align:middle;border-top-color:currentColor;margin-left:5px;}
.ss-nav .dropdown-menu{border:0;border-top:3px solid var(--red);border-radius:0 0 12px 12px;box-shadow:0 16px 40px rgba(20,43,68,.16);padding:10px 0;min-width:230px;}
.ss-nav .dropdown-item{padding:11px 22px;font-weight:600;font-size:.92rem;color:#2b3a4a;transition:.18s;position:relative;}
.ss-nav .dropdown-item:hover,.ss-nav .dropdown-item:focus{background:#fdecec;color:var(--red);padding-left:28px;}
.ss-nav .dropdown-item+.dropdown-item{border-top:1px solid #f4f5f7;}
@media(min-width:992px){
  .ss-nav .navbar-nav>.nav-item.dropdown{position:relative;}
  .ss-nav .dropdown-menu{display:block;margin-top:0;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;}
  .ss-nav .nav-item.dropdown:hover>.dropdown-menu,.ss-nav .dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
}

/* ---- FOOTER (global) ---- */
.ss-footer{background:linear-gradient(160deg,#8c0614,#5e0410);color:#fff;padding:56px 0 0;}
.ss-footer .brand b{color:#fff !important;font-weight:800;font-size:18px;line-height:1;}
.ss-footer .brand span{display:block;font-size:10.5px;color:rgba(255,255,255,.72) !important;letter-spacing:1px;}
.ss-footer p{color:rgba(255,255,255,.8) !important;font-size:13.5px;}
.ss-footer h6{font-weight:700;font-size:16px;margin-bottom:16px;position:relative;padding-bottom:8px;color:#fff !important;}
.ss-footer h6::after{content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:#ffcf4d;}
.ss-footer a{color:rgba(255,255,255,.82);text-decoration:none;display:block;margin:8px 0;font-size:14px;}
.ss-footer a:hover{color:#fff;}
.ss-footer .contact p{display:flex;gap:9px;color:rgba(255,255,255,.85);font-size:13.5px;margin-bottom:10px;}
.ss-footer .contact i{color:#ffcf4d;}
.ss-footer .soc{display:flex;gap:10px;}
.ss-footer .soc a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);margin:0;}
.ss-footer .map iframe{width:100%;height:120px;border:0;border-radius:8px;display:block;margin-top:8px;}
.ss-footer .copy{border-top:1px solid rgba(255,255,255,.15);margin-top:40px;padding:16px 0;font-size:12.5px;color:rgba(255,255,255,.75);}
.ss-footer .copy .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.backtop{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 24px rgba(201,22,47,.3);z-index:40;}

/* ==========================================================================
   HOMEPAGE (scoped under .nd)
   ========================================================================== */
.nd .section-pad{padding:90px 0;}
.nd .bg-soft{background:var(--soft);}
.nd .section-kicker,.nd .eyebrow{font-weight:800;letter-spacing:.15em;font-size:.78rem;color:var(--red);}
.nd .section-title{font-weight:800;font-size:clamp(2rem,3vw,3.1rem);line-height:1.08;}

/* HERO with 5-image slider */
.nd .ss-hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:#460408;}
.nd .ss-hero-slider{position:absolute;inset:0;z-index:1;}
.nd .ss-hero-slider .owl-stage-outer,.nd .ss-hero-slider .owl-stage,.nd .ss-hero-slider .owl-item{height:100%;}
.nd .ss-slide{height:560px;background-size:cover;background-position:center;}
@media(max-width:991.98px){.nd .ss-slide{height:auto;min-height:520px;}}
.nd .ss-hero-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.42) 55%,rgba(0,0,0,.12) 100%);}
.nd .ss-hero-content{position:relative;z-index:3;width:100%;}
.nd .ss-hero .eyebrow{color:#ffcf4d;}
.nd .ss-hero h1{color:#fff;font-size:52px;font-weight:800;line-height:1.08;margin:14px 0 16px;text-shadow:0 3px 14px rgba(0,0,0,.4);}
.nd .ss-hero h1 span{color:#ffcf4d;}
.nd .ss-hero p{color:rgba(255,255,255,.9);max-width:540px;margin-bottom:24px;}
.nd .ss-hero .btn-ghost{border:1.5px solid rgba(255,255,255,.7);color:#fff;border-radius:999px;font-weight:600;padding:11px 26px;display:inline-flex;align-items:center;gap:8px;}
.nd .ss-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.nd .ss-tile{background:var(--red);color:#fff;border-radius:12px;padding:20px 16px;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.3);}
.nd .ss-tile i{font-size:28px;display:block;margin-bottom:8px;}
.nd .ss-tile b{font-size:14px;font-weight:600;}
.nd .ss-hero .owl-nav{display:none !important;} /* using custom buttons instead */
/* Custom prev/next arrows — direct children of .ss-hero, above overlay+content */
.nd .ss-hero-prev,.nd .ss-hero-next{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:50px;height:50px;border-radius:50%;
    background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.5);
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;cursor:pointer;transition:.25s;}
.nd .ss-hero-prev{left:22px;} .nd .ss-hero-next{right:22px;}
.nd .ss-hero-prev:hover,.nd .ss-hero-next:hover{background:rgba(255,255,255,.5);}
@media(max-width:575.98px){.nd .ss-hero-prev{left:8px;} .nd .ss-hero-next{right:8px;} .nd .ss-hero-prev,.nd .ss-hero-next{width:42px;height:42px;font-size:20px;}}

/* QUICK STRIP */
.nd .translate-up{transform:translateY(-38px);position:relative;z-index:5;}
.nd .quick-item{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:26px 18px;border-right:1px solid #e8edf2;font-weight:700;}
.nd .quick-item i{font-size:1.5rem;color:var(--red);}

/* ABOUT */
.nd .image-card{position:relative;border:14px solid #fff;box-shadow:0 18px 50px rgba(19,42,67,.14);border-radius:24px;}
.nd .image-card img{border-radius:14px;min-height:390px;object-fit:cover;}
.nd .floating-badge{position:absolute;left:-28px;bottom:35px;background:var(--red);color:#fff;padding:18px 20px;border-radius:16px;font-size:2rem;font-weight:800;box-shadow:0 10px 30px rgba(201,22,47,.28);}
.nd .floating-badge small{display:block;font-size:.73rem;font-weight:600;}
.nd .mini-feature{display:flex;gap:12px;align-items:flex-start;padding:14px 0;}
.nd .mini-feature i{font-size:1.45rem;color:var(--red);}
.nd .mini-feature b,.nd .mini-feature small{display:block;}
.nd .mini-feature small{color:#6d7a86;}

/* FEATURE CARDS */
.nd .feature-card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 28px rgba(20,43,68,.07);transition:.25s;}
.nd .feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(20,43,68,.12);}
.nd .feature-card i{font-size:2rem;color:var(--red);}
.nd .feature-card h5{font-weight:800;margin:18px 0 10px;}
.nd .feature-card p{color:#6b7784;margin:0;}

/* CAMPUS BAND */
.nd .campus-band{background:url('campus.jpg') center/cover no-repeat;}
.nd .campus-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,57,.94),rgba(8,35,57,.66));}
.nd .metric{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);padding:25px;border-radius:18px;text-align:center;}
.nd .metric b{font-size:2rem;display:block;}
.nd .metric span{opacity:.85;}

/* UPDATE CARDS */
.nd .update-card{background:#fff;border:1px solid #edf0f3;border-radius:20px;padding:26px;box-shadow:0 10px 28px rgba(20,43,68,.06);}
.nd .update-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.nd .update-head h4{font-size:1.05rem;font-weight:800;margin:0;}
.nd .update-head a{color:var(--red);font-weight:700;text-decoration:none;font-size:.85rem;white-space:nowrap;}
.nd .clean-list{list-style:none;padding:0;margin:0;}
.nd .clean-list li{display:flex;gap:16px;padding:14px 0;border-top:1px solid #edf0f3;}
.nd .clean-list span{font-size:.72rem;font-weight:800;color:var(--red);min-width:52px;}
.nd .clean-list a{text-decoration:none;color:var(--ink);font-weight:600;font-size:.92rem;}

/* HIGHLIGHTS */
.nd .story-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(20,43,68,.07);height:100%;}
.nd .story-card img{width:100%;height:210px;object-fit:cover;}
.nd .story-card h5{font-weight:800;margin-top:12px;}
.nd .story-card p{color:#697784;}
.nd .tag{background:#fdecec;color:var(--red);font-weight:800;font-size:.72rem;padding:6px 10px;border-radius:999px;}

/* TESTIMONIALS + CTA */
.nd .testimonial{background:#fff;border:1px solid #edf0f3;border-radius:22px;padding:32px;box-shadow:0 12px 30px rgba(20,43,68,.08);}
.nd .testimonial>i{font-size:2.7rem;color:var(--red);}
.nd .testimonial p{font-size:1.1rem;color:#435364;}
.nd .stars{color:#ffad16;letter-spacing:.12em;}
.nd .cta-band{background:linear-gradient(135deg,var(--red),#7a0d16);}
.nd .cta-band h2,.nd .cta-band p,.nd .cta-band .small{color:#fff !important;}

/* ---- Responsive ---- */
@media(max-width:991.98px){
  .ss-nav .brand-logo{height:64px;}
  .ss-topbar .l{display:none;}
  .nd .ss-hero h1{font-size:34px;} .nd .ss-tiles{margin-top:24px;}
  .nd .section-pad{padding:64px 0;} .nd .translate-up{transform:none;margin-top:-18px;}
  .nd .quick-item{border-bottom:1px solid #e8edf2;}
  .nd .image-card img{min-height:300px;} .nd .floating-badge{left:10px;}
}
@media(max-width:575.98px){
  .ss-nav .brand-logo{height:52px;}
  .nd .ss-hero h1{font-size:2.4rem;} .nd .section-title{font-size:2rem;}
  .nd .quick-item{flex-direction:column;text-align:center;padding:18px 8px;font-size:.85rem;}
  .nd .story-card img{height:180px;}
}