body{
margin:0;
font-family:Arial;
background:#f4f4f4;
}

/* Top Bar */
.topbar{
background:#1d3557;
color:white;
padding:8px 40px;
font-size:14px;
}

/* Navbar */
.navbar{
background:white;
padding:15px 40px;
display:flex;
justify-content:space-between;
align-items:center;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
}

.nav-links{
list-style:none;
display:flex;
gap:25px;
}

.nav-links a{
text-decoration:none;
color:#333;
font-weight:bold;
}

.donate-btn{
background:#e63946;
color:white;
padding:10px 20px;
border:none;
}

/* Hero */
.hero{
display:flex;
height:500px;
}

.hero-left{
width:50%;
background:#e63946;
color:white;
padding:80px;
}

.hero-right img{
width:100%;
height:500px;
object-fit:cover;
}

/* Help Section */
.help{
text-align:center;
padding:60px;
background:#eee;
}

.help-container{
display:flex;
justify-content:center;
gap:40px;
margin-top:30px;
}

.help-box img{
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
}

/* Split Section */
.split{
display:flex;
}

.split img{
width:50%;
height:400px;
object-fit:cover;
}

.split-text{
width:50%;
background:#e63946;
color:white;
padding:60px;
}

/* Causes */
.causes{
padding:60px;
text-align:center;
}

.cause-cards{
display:flex;
gap:30px;
justify-content:center;
}

.card{
background:white;
width:300px;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

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

.card-body{
padding:20px;
}

/* Testimonial */
.testimonial{
background:#c1121f;
color:white;
text-align:center;
padding:60px;
}

/* Volunteers */
.volunteers{
text-align:center;
padding:60px;
}

.vol-container{
display:flex;
justify-content:center;
gap:40px;
margin-top:30px;
}

.vol-container img{
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
}

/* Contact Strip */
.contact-strip{
background:#e63946;
color:white;
padding:20px;
display:flex;
justify-content:center;
gap:40px;
align-items:center;
}

/* Footer */
.footer{
background:#0d1b2a;
color:white;
padding:40px;
display:flex;
justify-content:space-around;
}