body{
font-family:'Poppins',sans-serif;
}

/* NAV */
.logo{height:40px;}
.brand{font-weight:600;}

.btn-brand{
background:#28a745;
color:#fff;
}
.btn-brand:hover{
background:#23913c;
}

/* HERO */
.hero{
background:#f0fff4;
}
.hero-title{
font-size:48px;
font-weight:700;
}
.hero-title span{
color:#28a745;
}

/* FEATURE */
.feature-box{
padding:35px 20px;
background:#f8f9fa;
border-radius:12px;
transition:.3s;
}

.feature-icon{
width:70px;
height:70px;
margin:0 auto 15px;
display:flex;
align-items:center;
justify-content:center;
}

.feature-icon img{
max-width:45px;
}

.feature-box:hover,
.feature-box.active{
background:#fff;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transform:translateY(-5px);
}

/* COURSE */
.course-card{
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.course-card img{
width:100%;
}

.course-meta img{
width:16px;
}

/* TESTIMONIAL */
.testimonial-img{
width:80px;
border-radius:50%;
}

/* FOOTER */
.footer{
background:#1c1c2e;
}

/* RESPONSIVE */
@media(max-width:768px){
.hero-title{font-size:32px;}
.feature-icon{width:60px;height:60px;}
.feature-icon img{max-width:40px;}
}