:root{
--green:#006b3c;
--red:#c61f26;
--white:#ffffff;
--dark:#111111;
--light:#f5f7f8;
}

body{
font-family:'Segoe UI',sans-serif;
overflow-x:hidden;
background:#fff;
}

.top-bar{
background:var(--green);
color:#fff;
padding:10px 0;
font-size:14px;
}

.top-bar a{
color:white;
text-decoration:none;
margin-left:20px;
}

.logo{
height:65px;
margin-right:12px;
}

.school-name{
font-size:28px;
font-weight:800;
color:var(--green);
}

.school-sub{
font-weight:700;
color:var(--red);
}

.nav-link{
font-weight:600;
margin:0 10px;
}

.enroll-btn{
background:var(--green);
color:white;
padding:12px 25px;
border-radius:8px;
font-weight:700;
}

.hero-section{
position:relative;
height:700px;
overflow:hidden;
}

.hero-image{
width:100%;
height:100%;
object-fit:cover;
}

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(0,0,0,.75),
rgba(0,0,0,.2)
);
}

.hero-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:5;
color:white;
}

.hero-small{
color:#00d26a;
font-size:28px;
font-weight:700;
}

.hero-title{
font-size:5rem;
font-weight:900;
line-height:1;
margin-bottom:25px;
}

.hero-text{
font-size:1.2rem;
max-width:550px;
}

.hero-buttons{
margin-top:30px;
display:flex;
gap:15px;
}

.programs-section{
padding:100px 0;
}

.section-title{
text-align:center;
margin-bottom:60px;
}

.section-title span{
color:var(--red);
font-weight:700;
}

.section-title h2{
font-size:3rem;
font-weight:800;
}

.section-title h2 span{
color:var(--green);
}

.program-card{
background:white;
padding:35px;
border:1px solid #eee;
text-align:center;
height:100%;
transition:.3s;
}

.program-card:hover{
transform:translateY(-10px);
box-shadow:0 15px 40px rgba(0,0,0,.1);
}

.program-card i{
font-size:40px;
color:var(--green);
margin-bottom:20px;
}

.about-section{
padding:100px 0;
background:#fafafa;
}

.about-label{
color:var(--red);
font-weight:700;
}

.about-image{
border-radius:12px;
}

.stats-panel{
background:var(--green);
padding:30px;
border-radius:12px;
color:white;
}

.stat-item{
margin-bottom:25px;
}

.news-section{
padding:100px 0;
}

.news-card{
background:white;
box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.news-card img{
width:100%;
height:220px;
object-fit:cover;
}

.news-body{
padding:20px;
}

.event-box{
background:var(--red);
color:white;
padding:40px;
height:100%;
border-radius:10px;
}

.testimonials{
padding:100px 0;
background:#fafafa;
}

.testimonial-card{
background:white;
padding:35px;
text-align:center;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.testimonial-card img{
width:90px;
height:90px;
object-fit:cover;
border-radius:50%;
margin-bottom:20px;
}

.footer{
background:var(--green);
color:white;
padding:70px 0;
}

.footer-logo{
height:90px;
margin-bottom:20px;
}

.footer ul{
list-style:none;
padding:0;
}

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

@media(max-width:768px){

.hero-title{
font-size:3rem;
}

.hero-section{
height:550px;
}

.program-card{
margin-bottom:20px;
}

}



/* FOOTER WAVE */

.footer-wave svg{
    display:block;
    width:100%;
    height:35px;
}