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 {
  background:radial-gradient(ellipse at top,#442208 0%,#111827 70%);
  padding:75px 0
}
.hero-section>.container {
  border-top:1px solid #facc1566;
  border-bottom:1px solid #facc1566;
  padding-top:38px;
  padding-bottom:38px
}
.hero-badge {
  background:transparent;
  color:var(--gold);
  border:1px solid #facc1577;
  padding:8px 18px;
  border-radius:30px
}
.hero-title {
  letter-spacing:-.025em
}
.hero-section .img-wrapper {
  padding:24px;
  background:#171d29;
  border:1px solid #facc1555;
  border-radius:100px 12px 100px 12px
}
.hero-section .img-block {
  border-radius:70px 8px 70px 8px
}
.feature-card {
  border:1px solid #facc1544;
  background:linear-gradient(150deg,#252b37,#151b27);
  border-radius:24px;
  padding:36px 22px
}
.feature-icon {
  background:transparent;
  border:1px solid #facc1566;
  color:var(--gold);
  border-radius:50%
}
.vip-card {
  border-radius:24px;
  border-color:#facc1555
}
.btn-orange,.btn-outline-orange {
  border-radius:30px
}
@media(min-width:992px) {
  .hero-section>.container>.row {
    align-items:center!important
  }
  .hero-section>.container>.row>.col-lg-6:first-child {
    padding-right:45px
  }
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
}