@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  {
  padding:48px 0;
  background:linear-gradient(135deg,#FAF3E4,#FFFCF6);
  color:#0f172a;
  text-align:left
}
.hero-section h1  {
  max-width:1080px;
  color:#0f172a;
  text-shadow:none;
  font-size:clamp(2rem,4vw,3.5rem)
}
.hero-section p.lead  {
  max-width:920px;
  margin:24px 0 32px;
  color:#334155;
  opacity:1
}
.hero-btns  {
  justify-content:flex-start!important
}
.hero-btns .btn-outline-bara  {
  color:#62400B;
  border-color:#9A6614
}
.hero-section>.container  {
  padding:40px;
  border:1px solid #DDA94F;
  border-radius:20px;
  background:#ffffffb8
}
.feature-card  {
  border-radius:12px;
  border:1px solid #c0dfe7;
  box-shadow:5px 6px 0 #FAF3E4
}
.content-img  {
  border-radius:16px;
  padding:12px;
  background:#FAF3E4;
  border:1px solid #DDA94F
}
@media(min-width:992px)  {
  section.bg-pale>.container>.row.g-4>.col-6  {
    width:50%
  }
  section>.container>.row.align-items-start  {
    align-items:center!important
  }
}
@media(max-width:991px)  {
  .hero-section>.container  {
    width:calc(100% - 24px);
    padding:26px 20px
  }
}