/* Full Width Sections */
section {
  width: 100vw;
  margin-left: 50%;
  margin-right: 50%;
  transform: translateX(-50%);
  padding: 0;
}
@media (max-width: 800px) { section { padding:0; } }

.eco-hero {
  height: 320px;
  position: relative;
  background: #2250A0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.eco-hero-bg {
  position: absolute;
  top:0; left:0; width:100%; height:100%;
  background: linear-gradient(120deg,#1c8200 50%,#e9ffe7 100%);
  opacity:0.8;
  z-index:0;
}
.eco-hero-content {
  position: relative;
  z-index:1;
  text-align:center;
  color:#fff;
  max-width: 550px;
}
.eco-hero-content h1 {
  font-size:2.1rem;
  font-weight:700;
  margin-bottom:14px;
}
.eco-hero-content p {
  font-size:1.1rem;
  margin-bottom:24px;
}
.eco-btn-primary {
  background:#fff;
  color:#1c8200;
  font-weight:700;
  padding:12px 32px;
  border-radius:40px;
  font-size:1rem;
  text-decoration:none;
  transition: background.21s;
  display:inline-block;
}
.eco-btn-primary:hover { background:#d18a00;
}

.eco-btn-primary:hover a { color:#fff;
}

.eco-founder {
  background: #f8fcfe;
  padding:48px 0 32px;
  display:flex;
  justify-content:center;
}
.eco-founder-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 7px 32px rgba(34,80,160,0.11);
  display:flex;
  gap:36px;
  align-items:center;
  max-width: 750px;
  width:90%;
  padding:36px 30px;
  position:relative;
}
.eco-founder-card img {
  width:130px;height:130px;object-fit:cover;
  border-radius:50%;
  box-shadow: 0 2px 18px rgba(240,165,0,0.11);
}
.eco-founder-card h2 {
  font-size:2.38rem;
  font-weight:700;
  margin-bottom:6px;
  color:#1c8200;
}
.eco-founder-card h2 span {
  font-size:1rem;
  color:#1c8200;
  font-weight:400;
  margin-left:6px;
}
.eco-founder-card p { font-size:1rem; margin-bottom:6px; color:#555; }
.eco-founder-highlight {
  margin-top:10px;
  background:#e9ffe7;
  color:#27770b;
  font-weight:600;
  padding:10px 16px;
  border-radius:8px;
  font-size:.98rem;
}

.eco-features {
  background: linear-gradient(110deg,#e3ffe7 0%,#f5f6fa 100%);
  padding:52px 0 38px;
  text-align:center;
}
.eco-features h2 { font-size:2.35rem;color:#1c8200;margin:28px 28px;}
.eco-feature-row {
  display: flex;
  gap:22px;
  flex-wrap:wrap;
  justify-content:center;
  max-width:960px;
  margin:0 auto;
}
.eco-feature-card {
  background:#fff;
  border-radius:14px;
  box-shadow:0 2px 14px rgba(34,80,160,0.08);
  padding:34px 18px 32px;
  min-width:170px;
  max-width:200px;
  flex:1 1 180px;
  margin-bottom:16px;
  text-align:center;
  transition:.22s;
}
.eco-feature-card:hover { box-shadow:0 8px 26px rgba(240,165,0,0.09); }
.eco-icon {
  font-size:2.0rem;color:#f0a500;
  margin-bottom:13px;
  display:block;
}

.eco-impact {
  background: #f7f9ef;
  padding:46px 0;
  text-align:center;
}
.eco-impact h2 { color:#1c8200; font-size:2.25rem; margin-bottom:24px; }
.eco-impact-row {
  display:flex;
  gap:22px;
  justify-content:center;
  flex-wrap:wrap;
  max-width:850px;
  margin: 0 auto;
}
.eco-impact-card {
  background:#fff;
  border-radius:12px;
  box-shadow:0 6px 24px rgba(39,119,11,0.09);
  flex:1 1 140px;
  min-width:120px;
  max-width:170px;
  text-align:center;
  margin-bottom:12px;
  padding:26px 12px;
}
.eco-impact-card span {
  font-size:1.56rem;
  font-weight:700;
  color:#1c8200;
  display:block;
  margin-bottom:8px;
}
.eco-impact-card p {
  font-size:.99rem;
  color:#1c8200;
}

.eco-team {
  background: linear-gradient(120deg,#e9f2ff 70%,#e9ffe7 100%);
  padding:52px 0 38px;
  text-align:center;
}
.eco-team h2 { font-size:2.45rem;color:#1c8200;margin-bottom:28px; }
.eco-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px,1fr));
  gap:26px;
  max-width:820px;
  margin:0 auto;
  justify-items:center;
}
.eco-team-card {
  background:#fff;
  border-radius:12px;
  box-shadow:0 3px 12px rgba(34,80,160,0.06);
  padding:22px 18px;
  text-align:center;
  max-width:180px;
  transition:.22s;
}
.eco-team-card:hover{ box-shadow:0 8px 22px rgba(34,80,160,0.11);}
.eco-team-card img {
  width:56px;height:56px;object-fit:cover;
  border-radius:50%;margin-bottom:11px;
}
.eco-team-card h4 { color:#1c8200;font-size:1.01rem;margin-bottom:6px;}
.eco-team-card p { color:#888;font-size:.96rem; }

.eco-testimonials {
  background: #f3f7ff;
  padding:34px 0 38px;
  text-align:center;
}
.eco-testimonials h2 { color:#27770b;font-size:2.12rem;margin-bottom:21px;}
.eco-testimonial-row {
  display:flex;
  gap:26px;
  justify-content:center;
  flex-wrap:wrap;
  max-width:700px;
  margin:0 auto;
}
.eco-testimonial-card {
  background:#fff;
  border-radius:12px;
  box-shadow:0 2px 14px rgba(34,80,160,0.08);
  flex:1 1 230px;
  min-width:170px;max-width:260px;
  padding:18px 13px;
  margin-bottom:12px;
  font-style:italic;color:#355c28;
  transition:.22s;
}
.eco-testimonial-card:hover{ box-shadow:0 8px 26px rgba(240,165,0,0.1);}
.eco-testimonial-card span{
  display:block;margin-top:10px;
  font-style:normal;font-weight:600;color:#1c8200;font-size:.99rem;
}

.eco-cta {
  background: #1c8200;
  color:#fff;
  padding:40px 0 50px;
  text-align:center;
}
.eco-cta h2 { font-size:2.19rem;font-weight:700;margin-bottom:15px; }
.eco-cta a.eco-btn-primary {
  margin-bottom:12px;
}
.eco-cta p {font-size:.98rem;}

@media (max-width: 800px) {
  .eco-founder-card { flex-direction:column;gap:18px;text-align:center;}
  .eco-feature-row, .eco-impact-row, .eco-testimonial-row { flex-direction:column;gap:12px !important;}
  .eco-team-grid {grid-template-columns:1fr 1fr;gap:12px;}
}
@media (max-width:500px){
  .eco-hero-content h1 {font-size:1.01rem;}
  .eco-team-grid {grid-template-columns:1fr;}
  section { min-width: 98vw; }
}

@media (max-width: 500px) {
  /* Center hero content text */
  .eco-hero-content {
    padding: 0 1rem;
    max-width: 100% !important;
    margin: 0 auto;
  }
  
  /* Center text inside founder card when stacked */
  .eco-founder-card {
    text-align: center !important;
  }
  .eco-founder-card div {
    margin: 0 auto;
  }

  /* Make feature cards center aligned */
  .eco-feature-row {
    justify-content: center !important;
    gap: 16px !important;
  }
  .eco-feature-card {
    margin-left: auto;
    margin-right: auto;
  }

  /* Center impact cards */
  .eco-impact-row {
    justify-content: center !important;
    gap: 16px !important;
  }
  .eco-impact-card {
    margin-left: auto;
    margin-right: auto;
  }

  /* Center team grid items */
  .eco-team-grid {
    justify-items: center !important;
  }
  .eco-team-card {
    margin-left: auto;
    margin-right: auto;
  }

  /* Center testimonial cards */
  .eco-testimonial-row {
    justify-content: center !important;
    gap: 16px !important;
  }
  .eco-testimonial-card {
    margin-left: auto;
    margin-right: auto;
  }

  /* Center Eco CTA text */
  .eco-cta h2,
  .eco-cta p {
    margin-left: auto;
    margin-right: auto;
  }
}