.hero-section {
    display: flex;
    align-items: center;
    padding: 50px;
    background-color: #f9f9f9;
  }
  .hero-text {
    max-width: 500px;
    padding: 20px;
  }
  .features-section {
    background-color: #f0f8ff;
    padding: 20px;
  }
  .feature-item {
    text-align: center;
  }
  .feature-item i {
    font-size: 40px;
    color: #007bff;
  }