.insights-hero {
  background-image: url('/assets/services_bg_image.jpg');
  background-size: cover;
  background-position: center;
  height: 50vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.insights-hero .overlay {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 1rem;
  text-align: center;
  width: 100%;
}

.insights-hero h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.insights-hero p {
  font-size: 1rem;
}

    .section {
      margin: 3rem auto;
      max-width: 960px;
      padding: 0 1rem;
    }
    
    .section h2{
        margin-bottom: 1rem;
    }

    .card {
      background-color: #f0eded;
      border-radius: 0.5rem;
      padding: 1.5rem;
      margin-bottom: 1.5rem;
    }


    .card h3 {
        padding-left: 0;
      margin-bottom: 1rem;
      font-size: 1.25rem;
      color: black;
    }

    .card p {
        padding-left: 0.5rem;
    }

    .card ul {
      padding-left: 2rem;
    }

    .card ul li {
      margin-bottom: 0.5rem;
    }

    .cta {
      text-align: center;
      margin: 4rem auto;
    }

    .cta button {
      background-color: #D5B39D;
      color: #1C1C1C;
      padding: 0.75rem 1.5rem;
      border: none;
      border-radius: 0.375rem;
      cursor: pointer;
      font-weight: bold;
      transition: background 0.3s ease;
    }

    .cta button:hover {
      background-color: #c4a28b;
    }

    .icon {
      margin-right: 0.5rem;
      color: #D5B39D;
    }