/* GOOGLE FONT */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body{
font-family:'Poppins',sans-serif;
background:var(--background);
color:var(--text);
}

/* SCHOOL BRAND COLORS */

:root{

--primary:#1b5e20;      /* deep school green */
--secondary:#2e7d32;    /* medium green */
--accent:#c62828;       /* school red accent */
--background:#f5f9f6;   /* light greenish background */
--text:#1f2933;
--muted:#6c757d;
--card-bg:#ffffff;
--border-soft:#e4efe7;

}

a {text-decoration:none;}

/* NAVBAR */

.navbar{
box-shadow:0 5px 24px rgba(15,23,42,0.06);
padding:10px 0;
background:#ffffff;
}

.navbar-brand{
font-weight:700;
font-size:22px;
color:var(--primary);
}

.navbar-nav .nav-link{
font-weight:500;
margin-left:18px;
color:var(--text);
position:relative;
transition:color 0.3s ease;
}



/* HERO SECTION */

.hero-section{
min-height:88vh;
background:url('assets/images/school-building.jpg') center/cover no-repeat;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(120deg,rgba(18,49,90,0.9),rgba(0,0,0,0.7));
}

.hero-content{
position:relative;
color:#ffffff;
max-width:850px;
}

.hero-content h1{
font-size:3.5rem;
font-weight:700;
letter-spacing:0.03em;
margin-bottom:20px;
}

.hero-content p{
font-size:1.25rem;
margin-bottom:30px;
}



/* SECTION TITLES */

.section-title{
font-weight:700;
margin-bottom:30px;
color:var(--primary);
position:relative;
}
/*
.section-title::after{
content:"";
width:70px;
height:4px;
background:var(--accent);
display:block;
margin-top:10px;
}
*/

/* ICON BOX */

.icon-box{
background:var(--card-bg);
padding:35px;
border-radius:16px;
box-shadow:0 12px 35px rgba(15,23,42,0.06);
transition:transform 0.4s ease, box-shadow 0.4s ease;
border-top:4px solid var(--primary);
}

.icon-box:hover{
transform:translateY(-10px);
box-shadow:0 18px 50px rgba(15,23,42,0.12);
}

.icon-box i{
font-size:42px;
color:var(--secondary);
}

.icon-box i{
font-size:42px;
color:var(--primary);
}

/* STATS */
/*
.stats{
background:linear-gradient(120deg,var(--primary),var(--secondary));
color:#ffffff;
}
*/

.stats{
background:linear-gradient(120deg,var(--primary),var(--secondary));
color:#ffffff;
}

.stats h2{
font-size:48px;
font-weight:700;
}

.stats p{
font-size:18px;
}

/* NOTICE */

.notice-box{
background:var(--card-bg);
padding:25px;
border-left:6px solid var(--secondary);
border-radius:10px;
margin-bottom:15px;
box-shadow:0 6px 18px rgba(15,23,42,0.06);
}

/* GALLERY */

.gallery img{
height:230px;
object-fit:cover;
border-radius:14px;
transition:0.4s;
}

.gallery img:hover{
transform:scale(1.06);
box-shadow:0 16px 40px rgba(15,23,42,0.35);
}

/* CTA */

.bg-primary{
background:linear-gradient(120deg,var(--primary),var(--secondary))!important;
}

/* BUTTONS */
/*
.btn-primary{
background:var(--primary);
border:none;
border-radius:999px;
padding:0.55rem 1.4rem;
box-shadow:0 10px 30px rgba(15,23,42,0.25);
}

.btn-primary:hover{
background:#0b2344;
box-shadow:0 14px 40px rgba(15,23,42,0.35);
}

.btn-success{
background:var(--secondary);
border:none;
border-radius:999px;
}

.btn-success:hover{
background:#004272;
}

.btn-warning{
background:var(--accent);
border:none;
color:#1f2933;
border-radius:999px;
}

.btn-warning:hover{
background:#e0a81c;
color:#111827;
}

.btn-light{
border-radius:999px;
}
*/

.btn-primary{
background:var(--primary);
border:none;
border-radius:999px;
}

.btn-primary:hover{
background:#124a18;
}

.btn-success{
background:var(--secondary);
border:none;
}

.btn-success:hover{
background:#1b5e20;
}

.btn-warning{
background:var(--accent);
border:none;
color:#ffffff;
}

.btn-warning:hover{
background:#a51e1e;
}

/* FOOTER */

footer{
background:#0b1020;
color:#cbd5f5;
}

footer h5{
color:#ffffff;
margin-bottom:15px;
}

footer a{
color:#cbd5f5;
text-decoration:none;
}

footer a:hover{
color:var(--accent);
}

/* SCROLL BUTTON */

#topBtn{
position:fixed;
bottom:20px;
right:20px;
display:none;
border-radius:50%;
width:45px;
height:45px;
background:var(--primary);
color:white;
}


/* about */

.page-banner{
background:url('../images/school-building-2.jpg') center/cover no-repeat;
height:300px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.page-banner .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(120deg,rgba(18,49,90,0.5),rgba(0,0,0,0.5));
background:linear-gradient(120deg,rgba(27,94,32,0.7),rgba(0,0,0,0.6));
background:rgba(0,0,0,0.8);
}



.page-banner h1{
font-weight:700;
}

/* HOME CAROUSEL (INSTEAD OF HERO) */
.home-carousel{
position:relative;
}

.home-carousel .carousel-item{
min-height:80vh;
}

.hero-slide{
min-height:80vh;
background-size:cover;
background-position:center;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.hero-slide::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg,rgba(18,49,90,0.9),rgba(0,0,0,0.7));
}

.hero-text{
position:relative;
color:#ffffff;
max-width:760px;
text-align:center;
}