@media(max-width:991px)  {
  .container>.row.g-5  {
    --bs-gutter-x:1.5rem
  }
  .hero-section  {
    padding:42px 0
  }
  .hero-section h1  {
    font-size:clamp(1.8rem,6vw,2.7rem)
  }
}
.hero-section>.container  {
  position:relative;
  z-index:1
}
.feature-card  {
  height:100%
}
.content-img  {
  max-width:100%
}
@media(prefers-reduced-motion:reduce)  {
  *  {
    transition:none!important;
    scroll-behavior:auto!important
  }
}
.hero-section  {
  text-align:left;
  padding:78px 0 62px;
  background:linear-gradient(105deg,#214641 0%,#386B65 65%,#78ADA0)
}
.hero-section h1  {
  max-width:1000px;
  font-size:clamp(2rem,4.5vw,3.9rem)
}
.hero-section p.lead  {
  max-width:860px;
  margin:24px 0 30px
}
.hero-btns  {
  justify-content:flex-start!important
}
.feature-card  {
  text-align:left;
  border-radius:14px
}
.feature-card .icon-wrap  {
  margin-left:0;
  width:48px;
  height:48px;
  font-size:1.35rem
}
@media(min-width:992px)  {
  section.bg-pale>.container>.row.g-4>.col-6  {
    width:50%
  }
  .feature-card  {
    display:grid;
    grid-template-columns:52px 1fr;
    column-gap:20px
  }
  .feature-card .icon-wrap  {
    grid-row:1/3
  }
  section>.container>.row.align-items-start  {
    align-items:center!important
  }
  section>.container>.row.align-items-start>.col-lg-7  {
    width:60%
  }
  section>.container>.row.align-items-start>.col-lg-5  {
    width:40%
  }
}