/* Global Styles */
body, h1, h2, h3, p, ul, li, section, footer, form { margin:0; padding:0; font-family: Arial, sans-serif; }
body { color:#333; line-height:1.6; }

/* Accent Color */
.accent { color: #ff6f61; }

/* Hero Section */
#hero {
  background: linear-gradient(135deg, #2b7a78, #3aafa9);
  color: #fff;
  text-align: center;
  padding: 80px 20px;
  position: relative;
}
#hero .logo { max-width:200px; margin-bottom:20px; }
#hero h1 { font-size:2.5em; margin-bottom:15px; }
#hero p { font-size:1.2em; margin-bottom:20px; }
#hero form { max-width:400px; margin:0 auto; }
#hero input, #hero select, #hero button { width:100%; padding:12px; margin-bottom:10px; border-radius:5px; border:none; }
#hero button { background:#ff6f61; color:#fff; font-weight:bold; cursor:pointer; }
.phone-cta { font-size:1.2em; margin-top:10px; }

/* Section Styling */
section { padding:50px 20px; max-width:1000px; margin:0 auto; text-align:center; }
h2 { margin-bottom:30px; color:#17252a; }

/* Alternate Background Colors */
#why-us { background: #def2f1; }
#services { background: #f0f8ff; }
#how-it-works { background: #3aafa9; color: #fff; }
#testimonials { background: #dff6f0; }
#contact { background: #e0f7fa; }

/* Benefits & Services Cards */
.benefits, .steps { display:flex; justify-content:space-around; flex-wrap:wrap; }
.benefit, .service, .step, .testimonial {
  background: #fff;
  border-radius:10px;
  padding:20px;
  margin:15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.benefit h3, .service h3, .step h3 { margin-bottom:10px; }
.service img { max-width:100%; height:auto; border-radius:10px; }

/* Steps Section */
#how-it-works .step { background:#3aafa9; color:#fff; }

/* Testimonials */
#testimonials .testimonial { max-width:600px; margin:20px auto; }

/* Forms */
form input, form select, form textarea { border:1px solid #ccc; border-radius:5px; padding:10px; margin-bottom:15px; }
form button { background:#ff6f61; color:#fff; padding:15px; border:none; border-radius:5px; cursor:pointer; }

/* Footer */
footer { background:#17252a; color:#fff; text-align:center; padding:25px; margin-top:50px; }

/* Responsive */
@media(max-width:768px) {
  .benefits, .steps { flex-direction:column; }
  #hero h1 { font-size:2em; }
}