
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.8;
    color: #333;
    background-color: #f9f9f9;
}
    header h1 {
      margin: 0;
      font-size: 2.5rem;
      font-weight: 800;
    }
    header p {
      font-size: 1.2rem;
      font-weight: 400;
    }
    .cta-button {
      margin-top: 1.5rem;
      background: #212529;
      color: #fff;
      padding: 0.75rem 1.5rem;
      border: none;
      font-size: 1rem;
      border-radius: 5px;
      cursor: pointer;
      text-decoration: none;
    }
    .hero, .why-section, .how-section, .offers-section, .contract-section, .cet-section {
      padding: 3rem 1rem;
      background: #ffffff;
      text-align: center;
    }
    .hero img {
      max-width: 90%;
      height: auto;
      border-radius: 1rem;
      margin-bottom: 2rem;
    }
    .hero h2, .why-section h2, .how-section h2, .offers-section h2, .contract-section h2, .cet-section h2 {
      font-size: 2rem;
      margin-bottom: 1rem;
    }
    .hero p, .why-section p, .how-section p, .offers-section p, .contract-section p, .cet-section p {
      max-width: 700px;
      margin: 0 auto 2rem;
      font-size: 1.1rem;
      line-height: 1.6;
    }
    ul {
      list-style: none;
      padding: 0;
      max-width: 700px;
      /* margin: 0 auto; */
      font-size: 1.1rem;
      line-height: 1.6;
    }
    /* li {
      margin-bottom: 1rem;
    } */
    .offer-card {
      background: #f1f1f1;
      border-radius: 10px;
      padding: 2rem;
      margin-bottom: 2rem;
    }
    .offer-card h3 {
      margin-top: 0;
    }
    /* form {
      max-width: 600px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 1rem;
    } */
    /* input, textarea, button {
      padding: 0.75rem;
      font-size: 1rem;
      border-radius: 5px;
      border: 1px solid #ccc;
    } */
    button {
      background-color: #212529;
      color: white;
      border: none;
      cursor: pointer;
    }
    /* footer {
      text-align: center;
      padding: 1rem;
      background: #343a40;
      color: #fff;
      font-size: 0.9rem;
    } */