/* Custom CSS for your NGO website */

.hero-section {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://via.placeholder.com/1500x500/007bff/ffffff?text=NGO+Hero+Image') no-repeat center center; /* Replace with your image */
    background-size: cover;
    padding: 100px 0;
}

.hero-section h1 {
    font-weight: 700;
}

.card i {
    font-size: 3rem; /* Adjust icon size */
}

.social-icons a {
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: #007bff !important; /* Example hover color */
}

/* Add more custom styles as needed */