@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  {
  background:var(--bg-light);
  padding:34px 0
}
.hero-section>.container  {
  padding:58px 44px;
  border-radius:32px;
  background:linear-gradient(135deg,#4A2C7D,#7351AC,#AB8BD8);
  box-shadow:0 20px 50px #7351AC1a
}
.hero-section::before,.hero-section::after  {
  opacity:.35
}
.hero-section h1  {
  max-width:980px;
  margin:auto;
  font-size:clamp(2rem,3.8vw,3.6rem)
}
.feature-card  {
  border-radius:26px;
  box-shadow:0 8px 0 #F1EDFA
}
.content-img  {
  border:10px solid #fff;
  border-radius:28px;
  box-shadow:0 20px 50px #7351AC1f
}
@media(max-width:991px)  {
  .hero-section>.container  {
    width:calc(100% - 24px);
    padding:34px 20px
  }
}