body {
  margin: 0; 
  font-family: 
  Arial, sans-serif; 
  background-color: #f0fff0;
  }

nav { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  background-color: #1b5e20; 
  color: white; 
  padding: 15px 40px; 
  }

nav ul {
  list-style: none; 
  display: flex; 
  gap: 20px;
  }

nav a { 
  color: white;
  text-decoration: none;
  }

.hero {
  text-align: center; 
  padding: 80px 20px; 
  background-color: #c8e6c9; 
  }

.hero h2 { 
  font-size: 32px; 
}

button {
  padding: 10px 20px; 
  border: none; 
  background-color: #2e7d32; 
  color: white; 
  cursor: pointer; 
  border-radius: 5px; 
}

button:hover { 
  background-color: #1b5e20; 
}

.section { 
  padding: 60px 20px; 
  text-align: center; 
}

.services { 
  background-color: #e8f5e9; 
}

.service-box { 
  background: white; 
  margin: 20px auto; 
  padding: 20px; 
  max-width: 300px; 
  border-radius: 8px; 
  box-shadow: 0 4px 8px rgba(0,0,0,0.1); 
}

form { 
  display: flex; 
  flex-direction: column; 
  max-width: 400px; 
  margin: auto; 
  gap: 15px;
  }

input, textarea {
  padding: 10px; 
  border-radius: 5px; 
  border: 1px solid #ccc;
  }

footer {
  background-color: #1b5e20; 
  color: white; 
  text-align: center; 
  padding: 15px; 
}