body{

font-family:Arial,Helvetica,sans-serif;

}

.navbar-brand{

font-size:30px;

}


.hero{
    position:relative;
    height:100vh;
    overflow:hidden;
}

#heroSlider{
    position:absolute;
    inset:0;
    z-index:1;
}

#heroSlider .carousel-item{
    height:100vh;
}

#heroSlider img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:2;
}

.hero-content{
    position:relative;
    z-index:3;
}

.hero h1,
.hero p,
.hero h5{
    color:#fff;
}



.btn-success{

padding:12px 30px;

border-radius:30px;

}

.btn-outline-success{

padding:12px 30px;

border-radius:30px;

}

.top-bar a{

text-decoration:none;

}

@media(max-width:768px){

.hero{

text-align:center;

padding:60px 0;

}

.hero h1{

font-size:38px;

}

}


.feature-box{

background:#ffffff;

padding:35px;

border-radius:15px;

text-align:center;

box-shadow:0 8px 25px rgba(0,0,0,.08);

transition:.4s;

height:100%;

}

.feature-box:hover{

transform:translateY(-8px);

}

.feature-box i{

font-size:50px;

color:#198754;

margin-bottom:20px;

}

.feature-box h5{

font-weight:700;

margin-bottom:15px;

}

.card{

border-radius:20px;

}

.card-body i{

color:#198754;

}

section{

overflow:hidden;

}

.about-image{

border-radius:20px;

}

/*======================
PROGRAMS
======================*/

.program-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.4s;

height:100%;

}

.program-card:hover{

transform:translateY(-10px);

}

.program-card img{

height:250px;

width:100%;

object-fit:cover;

}

.program-card h4{

font-weight:700;

margin-bottom:15px;

}

/*======================
COUNTERS
======================*/

.counter-section{

background:#198754;

padding:80px 0;

color:#fff;

}

.counter{

font-size:55px;

font-weight:700;

margin-bottom:10px;

}

.counter-section p{

font-size:18px;

}

/*======================
CTA
======================*/

.cta-box{

background:linear-gradient(135deg,#198754,#0d6efd);

border-radius:20px;

padding:60px;

}

.project-card{

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 12px 30px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.project-card:hover{

transform:translateY(-8px);

}

.project-card img{

height:240px;

width:100%;

object-fit:cover;

}

.gallery-img{

width:100%;

height:240px;

object-fit:cover;

transition:.4s;

cursor:pointer;

}

.gallery-img:hover{

transform:scale(1.05);

}

.testimonial-box{

max-width:800px;

margin:auto;

text-align:center;

padding:50px;

background:#ffffff;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.partner-logo{

max-height:70px;

opacity:.75;

transition:.3s;

}

.partner-logo:hover{

opacity:1;

transform:scale(1.08);

}

#topBtn{

position:fixed;

right:25px;

bottom:25px;

display:none;

width:50px;

height:50px;

z-index:999;

}

footer a:hover{

color:#ffc107 !important;

}

.newsletter input{

height:50px;

}