* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
body { background: #f8f9fa; color: #333; }
.hero {
  background-size: cover; background-position: center; height: 90vh; display: flex;
  align-items: center; justify-content: center; text-align: center;
}
.hero .overlay { background: rgba(0,0,0,0.6); padding: 40px; border-radius: 12px; color: #fff; }
.hero h1 { font-size: 3rem; margin-bottom: 10px; font-weight: 700; }
.hero p { font-size: 1.5rem; margin-bottom: 20px; }
.btn-container { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.btn { padding: 14px 28px; border-radius: 6px; font-weight: 600; text-decoration: none; transition: 0.3s; }
.primary { background: #007bff; color: #fff; }
.primary:hover { background: #0056b3; }
.secondary { background: #fff; color: #007bff; border: 2px solid #007bff; }
.secondary:hover { background: #007bff; color: #fff; }

section { padding: 60px 20px; text-align: center; }
h2 { font-size: 2.2rem; margin-bottom: 20px; color: #004aad; }
p.highlight { font-weight: bold; font-size: 1.2rem; }

.how-it-works { background-size: cover; background-position: center; padding: 80px 20px; }
.overlay-content { background: rgba(0,0,0,0.5); padding: 30px; border-radius: 10px; color: #fff; }

.steps { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px; }
.step { background: #fff; color: #000; padding: 20px; width: 280px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

.benefits, .testimonials { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px; }
.benefit, .testimonial { background: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
.benefit img, .testimonial img { width: 100%; max-width: 250px; border-radius: 8px; margin-bottom: 10px; }
.benefit:hover, .testimonial:hover { transform: scale(1.05); }

.testimonial { width: 300px; }

.lead-form { max-width: 500px; margin: auto; background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
input, button { width: 100%; padding: 12px; margin-bottom: 15px; border-radius: 6px; border: 1px solid #ccc; font-size: 1rem; }
button { background: #007bff; color: #fff; border: none; font-weight: bold; cursor: pointer; }
button:hover { background: #0056b3; }

.call-now {
  position: fixed; bottom: 20px; right: 20px; background: #28a745; color: #fff;
  border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}
footer { background: #004aad; color: #fff; text-align: center; padding: 20px; margin-top: 30px; }
footer a { color: #fff; text-decoration: none; }

@media(max-width:768px){
  .steps, .benefits, .testimonials { flex-direction: column; align-items: center; }
  .hero h1 { font-size: 2rem; }
  .hero p { font-size: 1.2rem; }
}

h2.success-title {
  color: #32CD32; /* Light Green */
  text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000; /* Thick black stroke */
}
.success-subtitle {
  color: #32CD32; /* Light Green */
  font-size: 1.3rem;
  font-weight: bold;
  text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000; /* Thick black stroke */
}