html {
  scroll-behavior:smooth
}
.hero-section .container {
  position:relative;
  z-index:1
}
.adv-card,.vip-card,.promo-card,.security-card {
  height:100%
}
.hero-img-wrap {
  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 h1 {
    font-size:clamp(1.7rem,6vw,2.8rem)
  }
}
@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    transition:none!important
  }
}
.hero-section {
  padding:35px 0 60px
}
.hero-section>.container>.row {
  flex-direction:column-reverse;
  align-items:center!important
}
.hero-section>.container>.row>.col-lg-6 {
  width:100%;
  flex:0 0 100%
}
.hero-section>.container>.row>.col-lg-6:first-child {
  max-width:950px;
  text-align:center
}
h1 {
  font-size:clamp(2rem,3.5vw,3.2rem)
}
.hero-desc {
  max-width:760px;
  margin-left:auto;
  margin-right:auto
}
.hero-section .d-flex {
  justify-content:center
}
.hero-section .hero-img-wrap {
  max-width:100%;
  padding:0 0 20px
}
.hero-section img {
  width:100%;
  height:clamp(230px,32vw,420px);
  object-fit:contain;
  background:#CA4E00;
  border-radius:30px;
  border:1px solid #f9731644
}
.adv-card {
  border-radius:20px 20px 4px 4px;
  border-bottom:4px solid var(--orange)
}
.hero-section .row.mt-4 {
  max-width:780px;
  margin-left:auto;
  margin-right:auto
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
}