html {
  scroll-behavior:smooth
}
.hero-section .container {
  position:relative;
  z-index:1
}
.feature-card,.vip-card,.promo-card,.security-card {
  height:100%
}
.img-wrapper {
  max-width:100%
}
@media(max-width:991px) {
  .hero-section {
    padding:36px 0
  }
  .hero-section>.container>.row {
    gap:24px
  }
  .hero-section>.container>.row>.col-lg-6 {
    width:100%;
    flex:0 0 100%;
    position:static!important
  }
  .hero-section .hero-title {
    font-size:clamp(1.7rem,6vw,2.8rem)
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    transition:none!important
  }
}
.hero-section {
  padding:60px 0
}
.hero-section .hero-title {
  letter-spacing:-.03em
}
.hero-section .hero-subtitle {
  padding-left:20px;
  border-left:3px solid var(--orange)
}
.feature-card {
  text-align:left;
  padding:22px;
  border-radius:12px
}
.feature-icon {
  margin-left:0;
  width:44px;
  height:44px;
  font-size:1.3rem;
  border-radius:10px
}
.section-divider {
  width:100px
}
@media(min-width:992px) {
  .hero-section>.container>.row {
    flex-direction:row-reverse;
    align-items:start!important
  }
  .hero-section>.container>.row>.col-lg-6:first-child {
    width:45%;
    padding-left:40px
  }
  .hero-section>.container>.row>.col-lg-6:last-child {
    width:55%;
    border-right:1px solid #f9731655;
    padding-right:40px
  }
  .hero-section .img-wrapper {
    padding:14px;
    background:var(--dark2);
    border-radius:22px
  }
  .section-darker>.container>.row.g-4>.col-lg-3 {
    width:50%
  }
  .feature-card {
    display:grid;
    grid-template-columns:48px 1fr;
    column-gap:20px
  }
  .feature-icon {
    grid-row:1/3
  }
  .hero-title {
    font-size:2.7rem
  }
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
}