* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

body {

  font-family: Arial, sans-serif;

  line-height: 1.6;

  color: #333;

  background-color: #f9f9f9;

  padding: 0 20px;

}

header {

  text-align: center;

  padding: 20px 0;

  background-color: #eaf4fc;

  margin-bottom: 20px;

}

header h1 {

  font-size: 2.5rem;

  color: #0073e6;

}

header p {

  font-size: 1.2rem;

  color: #555;

}

.intro {

  text-align: center;

  margin: 20px 0;

}

.intro p {

  margin-bottom: 15px;

  font-size: 1.1rem;

}

.cta-button {

  display: inline-block;

  padding: 10px 20px;

  background-color: #0073e6;

  color: white;

  text-decoration: none;

  border-radius: 5px;

  font-size: 1rem;

}

.cta-button:hover {

  background-color: #005bb5;

}

.map-section {

  text-align: center;

  margin: 40px 0;

}

#map-placeholder {

  width: 100%;

  height: 300px;

  background-color: #ddd;

  border: 1px solid #ccc;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #555;

  font-size: 1.2rem;

}

.benefits {

  margin: 20px 0;

}

.benefits h2 {

  text-align: center;

  margin-bottom: 10px;

}

.benefits ul {

  list-style: none;

  padding: 0;

  max-width: 600px;

  margin: 0 auto;

}

.benefits li {

  margin: 10px 0;

  background: #eaf4fc;

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 5px;

}

footer {

  text-align: center;

  padding: 10px 0;

  background-color: #eaf4fc;

  margin-top: 20px;

}