@font-face {
  font-family: SuisseIntl-SemiBold;
  src: url(https://www.favbet.ro/minio/VIP/SuisseIntl-SemiBold.woff)
}

@font-face {
  font-family: Montserrat-Light;
  src: url(https://www.favbet.ro/minio/VIP/Montserrat-Light.woff)
}

@font-face {
  font-family: Montserrat-LightItalic;
  src: url(https://www.favbet.ro/minio/VIP/Montserrat-LightItalic.woff)
}

@font-face {
  font-family: Montserrat-Regular;
  src: url(https://www.favbet.ro/minio/VIP/Montserrat-Regular.woff)
}

html {
  height: 100%
}

body {
  margin: 0;
  height: 100%
}

a {
  text-decoration: none
}

ul {
  list-style: none
}

h1,h2,h3,li,p,ul {
  padding: 0;
  margin: 0
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

:root {
  --promo-bg-color: #00033A;
  --promo-color-white: #FFFFFF;
  --promo-color-pink: #6700FF;
  --promo-shadow-white-text: 0px 2px 3px rgba(0, 0, 0, 0.30);
  --promo-white-grad: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 102.88%);
  --promo-white-grad-2: linear-gradient(-180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 102.88%)
}

body {
  --promo-bg-color: #111218;
  --promo-color-gradient-blue: linear-gradient(180deg, rgba(17, 18, 24, 0.00) 0%, #111218 90.57%);
  --promo-color-gradient-blue-prize: linear-gradient(90deg, rgba(17, 18, 24, 0.00) 0%, #111218 100%)
}

body .detail__progress .progress .gif {
  background-image: url(https://www.favbet.ro/minio/VIP/gif-black.gif)
}

.overflow {
  overflow-x: hidden!important
}

.hide {
  display: none!important
}

body {
  background: var(--promo-bg-color)
}

body img {
  max-width: 100%;
  height: auto
}

.fav__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--promo-bg-color);
  position: relative
}

.wrapper-bg {
  position: relative;
  overflow: hidden;
  z-index: 20
}

.wrapper-bg::before {
  pointer-events: none;
  content: "";
  z-index: -1;
  position: absolute;
  bottom: -230px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(22deg);
  -ms-transform: translateX(-50%) rotate(22deg);
  transform: translateX(-50%) rotate(22deg);
  width: 1200px;
  height: 1600px;
  background: url(https://www.favbet.ro/minio/VIP/bg-blur.svg) no-repeat 0 0/contain
}

.custom-btn {
  width: 326px;
  min-width: 326px;
  height: 99px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: SuisseIntl-SemiBold,sans-serif;
  text-transform: uppercase;
  color: var(--promo-color-white);
  background: url(https://www.favbet.ro/minio/VIP/btn-bg.png) no-repeat 0 0/contain;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 1.9px;
  cursor: pointer;
  position: relative;
  z-index: 1
}

@media screen and (max-width:550px) {
  .custom-btn {
    width: 245px;
    min-width: 245px;
    height: 75px;
    font-size: 17px;
    line-height: 17px
  }
}

.custom-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  background: url(https://www.favbet.ro/minio/VIP/btn-bg-hover.png) no-repeat 0 0/contain
}

.custom-btn:hover::before {
  opacity: 1
}

.welcome {
  -ms-flex-item-align: center;
  align-self: center;
  overflow: hidden;
  position: relative;
  z-index: 10;
  padding: 0 0 150px
}

.welcome__container {
  max-width: 100%
}

.welcome__title {
  width: 21vw;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  z-index: 15
}

.welcome__title-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.welcome__title-text {
  margin-top: -2.5vw;
  position: relative;
  text-transform: uppercase;
  font-family: Montserrat-Light,sans-serif;
  color: var(--promo-color-white);
  text-shadow: var(--promo-shadow-white-text);
  font-size: 1.6vw;
  line-height: 1.6vw;
  letter-spacing: 1.1vw
}

.welcome__title-text::after,.welcome__title-text::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.2vw;
  height: 1px;
  background: var(--promo-white-grad)
}

.welcome__title-text::after {
  left: -3vw;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.welcome__title-text::before {
  right: -2vw
}

.welcome__image {
  width: 100%;
  position: relative
}

.welcome__image-bg {
  width: 100vw;
  height: 53vw;
  background: url(https://www.favbet.ro/minio/VIP/bg-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-bg {
    background: url(https://www.favbet.ro/minio/VIP/bg-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-bg {
    background: url(https://www.favbet.ro/minio/VIP/bg-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-wrap {
  max-width: 59vw;
  margin: 0 auto;
  position: relative
}

.welcome__image-cup {
  -webkit-animation: 3.5s translateOneBottom ease infinite;
  animation: 3.5s translateOneBottom ease infinite;
  position: absolute;
  z-index: 4;
  bottom: 19vw;
  left: 2vw;
  width: 23vw;
  height: 16vw;
  background: url(https://www.favbet.ro/minio/VIP/dice.svg) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-cup {
    background: url(https://www.favbet.ro/minio/VIP/dice.svg) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-cup {
    background: url(https://www.favbet.ro/minio/VIP/dice.svg) no-repeat 50% 0/contain
  }
}

.welcome__image-fav {
  -webkit-animation: 3.5s translateOneTop ease infinite;
  animation: 3.5s translateOneTop ease infinite;
  position: absolute;
  z-index: 4;
  bottom: 26vw;
  left: 21vw;
  width: 18vw;
  height: 14vw;
  background: url(https://www.favbet.ro/minio/VIP/fav-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-fav {
    background: url(https://www.favbet.ro/minio/VIP/fav-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-fav {
    background: url(https://www.favbet.ro/minio/VIP/fav-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-ticket {
  -webkit-animation: 3.5s translateOneBottom ease infinite;
  animation: 3.5s translateOneBottom ease infinite;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  position: absolute;
  z-index: 4;
  bottom: 13vw;
  right: -10vw;
  width: 39vw;
  height: 27vw;
  background: url(https://www.favbet.ro/minio/VIP/777-magnific.svg) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-ticket {
    background: url(https://www.favbet.ro/minio/VIP/777-magnific.svg) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-ticket {
    background: url(https://www.favbet.ro/minio/VIP/777-magnific.svg) no-repeat 50% 0/contain
  }
}

.welcome__image-foot {
  -webkit-animation: 3.5s translateOneBottom ease infinite;
  animation: 3.5s translateOneBottom ease infinite;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  position: absolute;
  bottom: 35vw;
  left: 19vw;
  width: 4vw;
  height: 4vw;
  background: url(https://www.favbet.ro/minio/VIP/football-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-foot {
    background: url(https://www.favbet.ro/minio/VIP/football-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-foot {
    background: url(https://www.favbet.ro/minio/VIP/football-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-basket {
  -webkit-animation: 3.5s translateOneBottom ease infinite;
  animation: 3.5s translateOneBottom ease infinite;
  position: absolute;
  z-index: 5;
  bottom: 29vw;
  left: 35vw;
  width: 3.5vw;
  height: 3.5vw;
  background: url(https://www.favbet.ro/minio/VIP/basketball-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-basket {
    background: url(https://www.favbet.ro/minio/VIP/basketball-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-basket {
    background: url(https://www.favbet.ro/minio/VIP/basketball-tab.png) no-repeat 50% 0/contain
  }
}

.welcome__image-hand {
  -webkit-animation: 3.5s translateOneTop ease infinite;
  animation: 3.5s translateOneTop ease infinite;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  position: absolute;
  z-index: 5;
  bottom: 36vw;
  left: 36vw;
  width: 3.6vw;
  height: 5.5vw;
  background: url(https://www.favbet.ro/minio/VIP/hand-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-hand {
    background: url(https://www.favbet.ro/minio/VIP/hand-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-hand {
    background: url(https://www.favbet.ro/minio/VIP/hand-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-crystal {
  position: absolute;
  -webkit-animation: 3.5s translateOneTop ease infinite;
  animation: 3.5s translateOneTop ease infinite;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  z-index: 1;
  bottom: 28vw;
  left: 20vw;
  width: 21vw;
  height: 12.5vw;
  background: url(https://www.favbet.ro/minio/VIP/crystal-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-crystal {
    background: url(https://www.favbet.ro/minio/VIP/crystal-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-crystal {
    background: url(https://www.favbet.ro/minio/VIP/crystal-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-diam1 {
  -webkit-animation: 110s rotateOneLeft linear infinite;
  animation: 110s rotateOneLeft linear infinite;
  position: absolute;
  z-index: 1;
  bottom: 41vw;
  left: 12vw;
  width: 4.5vw;
  height: 4.5vw;
  background: url(https://www.favbet.ro/minio/VIP/diam1-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-diam1 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-diam1 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-diam2 {
  -webkit-animation: 100s rotateOneRight linear infinite;
  animation: 100s rotateOneRight linear infinite;
  position: absolute;
  z-index: 1;
  bottom: 49vw;
  left: 17vw;
  width: 2.5vw;
  height: 2.5vw;
  background: url(https://www.favbet.ro/minio/VIP/diam2-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-diam2 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-diam2 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-diam3 {
  -webkit-animation: 100s rotateOneRight linear infinite;
  animation: 100s rotateOneRight linear infinite;
  position: absolute;
  z-index: 1;
  bottom: 46vw;
  left: 7vw;
  width: 5vw;
  -webkit-transform: rotate(295deg);
  -ms-transform: rotate(295deg);
  transform: rotate(295deg);
  height: 5vw;
  background: url(https://www.favbet.ro/minio/VIP/diam3-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-diam3 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-diam3 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-diam4 {
  -webkit-animation: 100s rotateOneRight linear infinite;
  animation: 100s rotateOneRight linear infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  position: absolute;
  z-index: 1;
  bottom: 42vw;
  right: 15vw;
  width: 4vw;
  height: 4vw;
  background: url(https://www.favbet.ro/minio/VIP/diam4-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-diam4 {
    background: url(https://www.favbet.ro/minio/VIP/diam4-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-diam4 {
    background: url(https://www.favbet.ro/minio/VIP/diam4-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-diam5 {
  -webkit-animation: 100s rotateOneRight linear infinite;
  animation: 100s rotateOneRight linear infinite;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  position: absolute;
  z-index: 1;
  bottom: 39vw;
  right: 6vw;
  width: 6vw;
  height: 6vw;
  background: url(https://www.favbet.ro/minio/VIP/diam-blur-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-diam5 {
    background: url(https://www.favbet.ro/minio/VIP/diam-blur-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-diam5 {
    background: url(https://www.favbet.ro/minio/VIP/diam-blur-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-diam6 {
  -webkit-animation: 3.5s translateOneTop ease infinite;
  animation: 3.5s translateOneTop ease infinite;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  position: absolute;
  z-index: 1;
  bottom: 37vw;
  right: 31vw;
  width: 3vw;
  height: 3vw;
  -webkit-transform: rotate(115deg);
  -ms-transform: rotate(115deg);
  transform: rotate(115deg);
  background: url(https://www.favbet.ro/minio/VIP/diam-blur-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-diam6 {
    background: url(https://www.favbet.ro/minio/VIP/diam-blur-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-diam6 {
    background: url(https://www.favbet.ro/minio/VIP/diam-blur-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__image-diam7 {
  position: absolute;
  z-index: 1;
  bottom: 47vw;
  right: 13vw;
  width: 4vw;
  height: 4vw;
  background: url(https://www.favbet.ro/minio/VIP/blur-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__image-diam7 {
    background: url(https://www.favbet.ro/minio/VIP/blur-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__image-diam7 {
    background: url(https://www.favbet.ro/minio/VIP/blur-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__text {
  position: relative;
  z-index: 10;
  padding: 0 15px;
  max-width: 990px;
  margin: -16vw auto 20px;
  color: var(--promo-color-white);
  text-shadow: var(--promo-shadow-white-text);
  text-transform: uppercase;
  text-align: center
}

.welcome__text-center,.welcome__text-top {
  line-height: 26px;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  font-size: 21px;
  font-family: Montserrat-Light,sans-serif
}

.welcome__text-bottom {
  font-family: Montserrat-Light,sans-serif;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 5.12px
}

.welcome__btn {
  margin: 0 auto
}

.welcome__btn-sub {
  pointer-events: none;
  position: absolute;
  bottom: 10px;
  right: -90px;
  z-index: 10;
  text-align: center;
  padding: 18px 0 0 0;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  font-family: Montserrat-LightItalic,sans-serif;
  color: var(--promo-color-white);
  text-shadow: var(--promo-shadow-white-text);
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 2.24px;
  text-transform: uppercase;
  width: 215px;
  height: 90px;
  background: url(https://www.favbet.ro/minio/VIP/bg-sub.svg) no-repeat 0 0/contain
}

.welcome__btn-wrap {
  width: 427px;
  height: 181px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: -40px auto 15px
}

.welcome__btn-wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 369px;
  height: 135px;
  border-radius: 100px;
  border: 1px solid var(--promo-color-pink);
  opacity: .4;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter: blur(8.5px)
}

.welcome__btn-wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  border-radius: 100px;
  border: 1px solid var(--promo-color-pink);
  opacity: .4;
  -webkit-backdrop-filter: blur(8.5px);
  backdrop-filter: blur(8.5px);
  width: 427px;
  height: 181px
}

.welcome__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1060px;
  padding: 0 15px;
  margin: 0 auto;
  gap: 140px;
  position: relative
}

.welcome__row::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 52px;
  width: 1px;
  background: var(--promo-white-grad-2);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.welcome__item {
  text-align: center;
  font-family: Montserrat-Regular,sans-serif;
  color: var(--promo-color-white);
  font-size: 17px;
  line-height: 34px
}

.welcome__dec {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.welcome__dec-foot {
  position: absolute;
  bottom: 70px;
  left: -110px;
  width: 96px;
  height: 97px;
  background: url(https://www.favbet.ro/minio/VIP/football-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-foot {
    background: url(https://www.favbet.ro/minio/VIP/football-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-foot {
    background: url(https://www.favbet.ro/minio/VIP/football-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__dec-diam1 {
  position: absolute;
  z-index: 1;
  bottom: 50px;
  left: -320px;
  width: 170px;
  height: 150px;
  -webkit-transform: rotate(-66deg);
  -ms-transform: rotate(-66deg);
  transform: rotate(-66deg);
  background: url(https://www.favbet.ro/minio/VIP/diam3-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-diam1 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-diam1 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__dec-diam2 {
  position: absolute;
  z-index: 1;
  bottom: -30px;
  left: -180px;
  width: 50px;
  height: 50px;
  background: url(https://www.favbet.ro/minio/VIP/diam2-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-diam2 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-diam2 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__dec-diam3 {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: -80px;
  width: 83px;
  height: 57px;
  background: url(https://www.favbet.ro/minio/VIP/diam1-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-diam3 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-diam3 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__dec-hand {
  position: absolute;
  z-index: 1;
  bottom: -90px;
  right: -190px;
  width: 120px;
  height: 185px;
  background: url(https://www.favbet.ro/minio/VIP/hand-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-hand {
    background: url(https://www.favbet.ro/minio/VIP/hand-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-hand {
    background: url(https://www.favbet.ro/minio/VIP/hand-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__dec-diam4 {
  position: absolute;
  z-index: 1;
  bottom: -80px;
  right: -70px;
  width: 103px;
  height: 71px;
  background: url(https://www.favbet.ro/minio/VIP/diam1-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-diam4 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-diam4 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__dec-diam5 {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: -220px;
  width: 50px;
  height: 50px;
  background: url(https://www.favbet.ro/minio/VIP/diam2-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-diam5 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-diam5 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-mob.png) no-repeat 50% 0/contain
  }
}

.welcome__dec-diam6 {
  position: absolute;
  z-index: 1;
  bottom: -180px;
  right: -270px;
  width: 120px;
  height: 130px;
  -webkit-transform: rotate(-36deg);
  -ms-transform: rotate(-36deg);
  transform: rotate(-36deg);
  background: url(https://www.favbet.ro/minio/VIP/diam3-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .welcome__dec-diam6 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .welcome__dec-diam6 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-mob.png) no-repeat 50% 0/contain
  }
}

.detail {
  margin: -80px 0 0 0;
  padding: 0 0 50px
}

.detail__container {
  max-width: 1250px;
  padding: 0 15px;
  margin: 0 auto
}

.detail__title {
  max-width: 830px;
  text-align: center;
  font-family: Montserrat-Light,sans-serif;
  font-size: 42px;
  line-height: 50px;
  letter-spacing: 6.72px;
  text-transform: uppercase;
  color: var(--promo-color-white);
  text-shadow: var(--promo-shadow-white-text);
  margin: 0 auto 80px
}

.detail__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.detail__progress .progress {
  position: relative;
  width: 1212px;
  height: 40px;
  background: url(https://www.favbet.ro/minio/VIP/progress-desc.png) no-repeat 0 0/contain
}

@media screen and (max-width:1024px) {
  .detail__progress .progress {
    background: url(https://www.favbet.ro/minio/VIP/progress-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .detail__progress .progress {
    background: url(https://www.favbet.ro/minio/VIP/progress-mob.png) no-repeat 50% 0/contain
  }
}

.detail__progress .progress .progress-done {
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: width 3s ease;
  transition: width 3s ease;
  background: url(https://www.favbet.ro/minio/VIP/progress-done-desc.png) no-repeat 0 0/cover
}

@media screen and (max-width:1024px) {
  .detail__progress .progress .progress-done {
    background: url(https://www.favbet.ro/minio/VIP/progress-done-tab.png) no-repeat 50% 0/cover
  }
}

@media screen and (max-width:550px) {
  .detail__progress .progress .progress-done {
    background: url(https://www.favbet.ro/minio/VIP/progress-done-mob.png) no-repeat 50% 0/cover
  }
}

.detail__progress .progress .progress-done._view {
  width: 100%
}

.detail__progress .progress .gif {
  position: absolute;
  width: 270px;
  height: 270px;
  z-index: -1;
  top: -116px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -107px;
  opacity: 0;
  background: url(https://www.favbet.ro/minio/VIP/gif.gif) no-repeat 0 0/contain
}

.detail__progress .progress .gif._view {
  -webkit-animation: 1s opacity ease forwards;
  animation: 1s opacity ease forwards;
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s
}

.detail__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 0 30px;
  margin: -95px 0 20px
}

.detail__row._view .detail__item:first-child .detail__item-text {
  -webkit-animation: 1s animItem ease forwards;
  animation: 1s animItem ease forwards
}

.detail__row._view .detail__item:nth-child(2) .detail__item-text {
  -webkit-animation: 1s animItem ease forwards;
  animation: 1s animItem ease forwards;
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.detail__row._view .detail__item:nth-child(3) .detail__item-text {
  -webkit-animation: 1s animItem ease forwards;
  animation: 1s animItem ease forwards;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.detail__item {
  width: 33.333%;
  padding: 10px 30px;
  position: relative
}

.detail__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--promo-white-grad-2)
}

.detail__item-num {
  font-family: Montserrat-Regular,sans-serif;
  font-size: 27px;
  line-height: 28px;
  color: var(--promo-color-white);
  margin: 0 0 80px
}

.detail__item-text {
  font-family: Montserrat-Regular,sans-serif;
  font-size: 17px;
  line-height: 28px;
  color: var(--promo-color-white);
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  opacity: 0
}

.detail__desc {
  max-width: 1030px;
  font-weight:  bold;
  padding: 12px 40px;
  margin: 0 auto;
  text-align: center;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13rem;
  font-family: Montserrat-Regular,sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: var(--promo-color-white);
  border-radius: 50px;
  border: 1px solid var(--promo-color-white);
  background: rgba(0,0,0,.1)
}

.rules {
  padding: 50px 0 100px;
  position: relative
}

.rules::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1160px;
  height: 1px;
  background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(48.23%,#fff),color-stop(102.88%,rgba(255,255,255,0)));
  background: linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 48.23%,rgba(255,255,255,0) 102.88%)
}

.rules__dec {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.rules__dec-diam1 {
  position: absolute;
  z-index: 2;
  bottom: 197px;
  left: -120px;
  width: 30px;
  height: 40px;
  -webkit-transform: rotate(-106deg);
  -ms-transform: rotate(-106deg);
  transform: rotate(-106deg);
  background: url(https://www.favbet.ro/minio/VIP/diam3-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .rules__dec-diam1 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .rules__dec-diam1 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-mob.png) no-repeat 50% 0/contain
  }
}

.rules__dec-diam2 {
  position: absolute;
  z-index: 1;
  bottom: 190px;
  left: -180px;
  width: 90px;
  height: 110px;
  background: url(https://www.favbet.ro/minio/VIP/diam2-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .rules__dec-diam2 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .rules__dec-diam2 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-mob.png) no-repeat 50% 0/contain
  }
}

.rules__dec-diam3 {
  position: absolute;
  z-index: 1;
  bottom: 320px;
  left: -100px;
  width: 83px;
  height: 57px;
  -webkit-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  transform: rotate(105deg);
  background: url(https://www.favbet.ro/minio/VIP/diam1-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .rules__dec-diam3 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .rules__dec-diam3 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-mob.png) no-repeat 50% 0/contain
  }
}

.rules__dec-diam4 {
  position: absolute;
  z-index: 2;
  bottom: 187px;
  right: -120px;
  width: 70px;
  height: 40px;
  -webkit-transform: rotate(-106deg);
  -ms-transform: rotate(-106deg);
  transform: rotate(-106deg);
  background: url(https://www.favbet.ro/minio/VIP/diam3-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .rules__dec-diam4 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .rules__dec-diam4 {
    background: url(https://www.favbet.ro/minio/VIP/diam3-mob.png) no-repeat 50% 0/contain
  }
}

.rules__dec-diam5 {
  position: absolute;
  z-index: 1;
  bottom: 190px;
  right: -160px;
  width: 70px;
  height: 100px;
  background: url(https://www.favbet.ro/minio/VIP/diam2-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .rules__dec-diam5 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .rules__dec-diam5 {
    background: url(https://www.favbet.ro/minio/VIP/diam2-mob.png) no-repeat 50% 0/contain
  }
}

.rules__dec-diam6 {
  position: absolute;
  z-index: 1;
  bottom: 320px;
  right: -100px;
  width: 83px;
  height: 57px;
  -webkit-transform: rotate(265deg);
  -ms-transform: rotate(265deg);
  transform: rotate(265deg);
  background: url(https://www.favbet.ro/minio/VIP/diam1-desc.png) no-repeat 50% 0/contain
}

@media screen and (max-width:1024px) {
  .rules__dec-diam6 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-tab.png) no-repeat 50% 0/contain
  }
}

@media screen and (max-width:550px) {
  .rules__dec-diam6 {
    background: url(https://www.favbet.ro/minio/VIP/diam1-mob.png) no-repeat 50% 0/contain
  }
}

.rules__container {
  max-width: 1050px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative
}

.rules__title {
  font-family: Montserrat-Light,sans-serif;
  text-align: center;
  font-size: 32px;
  line-height: 50px;
  letter-spacing: 5.12px;
  text-transform: uppercase;
  color: var(--promo-color-white);
  margin: 0 0 20px
}

.rules__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 60px
}

.rules__item {
  font-family: Montserrat-Regular,sans-serif;
  display: flex;
  font-weight:  bold;
  align-items: center;
  margin-inline-start:  14rem;
  gap: 2rem;
  font-size: 17px;
  line-height: 25px;
  color: var(--promo-color-white)
}

.rules__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 60px;
  position: relative;
  max-width: 710px;
  margin: 0 auto
}

.rules__row::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 86px;
  width: 1px;
  background: var(--promo-white-grad-2);
  left: 56.5%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.rules__min-item:first-child {
  font-family: Montserrat-Regular,sans-serif;
  color: var(--promo-color-white);
  font-size: 42px;
  line-height: 50px;
  max-width: 340px;
  text-align: end
}

.rules__min-item:last-child {
  font-family: Montserrat-Regular,sans-serif;
  color: var(--promo-color-white);
  font-size: 22px;
  line-height: 31px;
  max-width: 270px
}

@-webkit-keyframes translateOneTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-1vw);
    transform: translateY(-1vw)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes translateOneTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-1vw);
    transform: translateY(-1vw)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes translateOneBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(1vw);
    transform: translateY(1vw)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes translateOneBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(1vw);
    transform: translateY(1vw)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes rotateOneRight {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes rotateOneRight {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes rotateOneLeft {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes rotateOneLeft {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes animItem {
  0% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes animItem {
  0% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes opacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes opacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@media screen and (max-width:1400px) {
  .welcome__image {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
  }
  .welcome__text {
    margin: -6vw auto 20px
  }
  .welcome__dec-foot {
    bottom: -120px;
    left: -70px
  }
  .welcome__dec-diam2 {
    bottom: 140px;
    left: -30px
  }
  .welcome__dec-diam3 {
    bottom: 70px;
    left: -130px;
    width: 143px;
    height: 117px
  }
  .welcome__dec-hand {
    bottom: -130px;
    right: -60px;
    width: 90px;
    height: 155px
  }
  .welcome__dec-diam4 {
    bottom: -90px;
    right: 40px;
    width: 73px;
    height: 61px
  }
  .welcome__dec-diam6 {
    bottom: -180px;
    right: -100px;
    width: 50px;
    height: 100px
  }
}

@media screen and (max-width:1100px) {
  .welcome__image {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
  }
  .welcome__text {
    margin: 19vw auto 20px
  }
  .welcome__row {
    max-width: 780px;
    gap: 50px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .welcome__row::before {
    height: 102px;
    top: 84%
  }
  .welcome__btn-wrap {
    margin: -40px auto 25px
  }
  .welcome__item {
    font-size: 14px;
    line-height: 21px
  }
  .welcome__dec-diam2 {
    left: 20px
  }
  .welcome__dec-diam3 {
    left: -80px
  }
  .welcome__dec-foot {
    left: -30px;
    bottom: -80px;
    width: 76px;
    height: 77px
  }
}

@media screen and (max-width:610px) {
  .welcome__btn-sub {
    right: -60px
  }
}

@media screen and (max-width:550px) {
  .welcome {
    padding: 0 0 140px
  }
  .welcome__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .welcome__image {
    padding: 7vw 0 0 0
  }
  .welcome__title {
    top: 2vw;
    -webkit-transform: translateX(-50%) scale(1.6);
    -ms-transform: translateX(-50%) scale(1.6);
    transform: translateX(-50%) scale(1.6)
  }
  .welcome__title-text {
    margin-top: -3.5vw
  }
  .welcome__text {
    margin: 30vw auto 20px
  }
  .welcome__text-center,.welcome__text-top {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 2.24px
  }
  .welcome__text-bottom {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 2.72px
  }
  .welcome__btn-wrap {
    -ms-flex-item-align: center;
    align-self: center;
    margin: -40px 0 65px
  }
  .welcome__btn-wrap::before {
    width: 277px;
    height: 100px
  }
  .welcome__btn-wrap::after {
    width: 321px;
    height: 136px
  }
  .welcome__btn-sub {
    bottom: -10px;
    right: 0;
    -webkit-transform: rotate(-15deg) scale(.7);
    -ms-transform: rotate(-15deg) scale(.7);
    transform: rotate(-15deg) scale(.7)
  }
  .welcome__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px
  }
  .welcome__row::before {
    height: 62px;
    top: -39%
  }
  .welcome__item {
    text-align: start
  }
  .welcome__dec-foot {
    left: 40px;
    bottom: 170px;
    width: 56px;
    height: 57px
  }
  .welcome__dec-diam2 {
    bottom: 140px;
    left: 0;
    width: 40px;
    height: 40px
  }
  .welcome__dec-diam3 {
    bottom: 240px;
    left: -60px;
    width: 113px;
    height: 87px
  }
  .welcome__dec-diam4 {
    bottom: -60px;
    right: 50px;
    width: 46px;
    height: 51px
  }
  .welcome__dec-diam6 {
    bottom: -20px;
    right: -36px;
    width: 30px;
    height: 100px
  }
  .welcome__dec-hand {
    bottom: -80px;
    right: -14px;
    width: 56px;
    height: 95px
  }
}

@media screen and (max-width:369px) {
  .welcome__btn-sub {
    bottom: -1px;
    right: 17px;
    -webkit-transform: rotate(-15deg) scale(.6);
    -ms-transform: rotate(-15deg) scale(.6);
    transform: rotate(-15deg) scale(.6)
  }
}

@media screen and (max-width:1400px) {
  .detail__container {
    max-width: 1110px
  }
  .detail__progress .progress {
    -webkit-transform: scale(.87);
    -ms-transform: scale(.87);
    transform: scale(.87)
  }
}

@media screen and (max-width:1100px) {
  .detail__title {
    font-size: 25px;
    line-height: 34px;
    letter-spacing: 4px
  }
  .detail__container {
    max-width: 805px
  }
  .detail__row {
    margin: -95px 0 15px
  }
  .detail__progress .progress {
    top: -12px;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
  }
  .detail__item {
    padding: 10px 20px
  }
  .detail__item-num {
    font-size: 27px;
    line-height: 27px;
    margin: 0 0 50px
  }
  .detail__item-text {
    font-size: 14px;
    line-height: 21px
  }
  .detail__desc {
    font-size: 17px;
    line-height: 28px
  }
}

@media screen and (max-width:760px) {
  .detail__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .detail__progress .progress {
    top: 133px;
    left: -130px;
    -webkit-transform: scale(.35) rotate(90deg);
    -ms-transform: scale(.35) rotate(90deg);
    transform: scale(.35) rotate(90deg)
  }
  .detail__item {
    padding: 40px 20px;
    max-width: 420px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .detail__item::before {
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    background: var(--promo-white-grad)
  }
  .detail__item-num {
    margin: 0 80px 0 0
  }
}

@media screen and (max-width:550px) {
  .detail {
    padding-bottom: 30px
  }
  .detail__row {
    padding: 0
  }
  .detail__desc {
    padding: 12px 30px;
    gap: 4px;
    font-size: 14px;
    line-height: 21px;
    border-radius: 50px;
    position: relative;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .detail__title {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 2.72px
  }
  .detail__progress {
    position: relative;
    z-index: 10;
    max-width: 340px;
    margin: 0 auto 15px
  }
  .detail__progress .progress {
    left: -105px;
    top: 53px;
    width:  55rem;
    -webkit-transform: scale(.3) rotate(90deg);
    -ms-transform: scale(.3) rotate(90deg);
    transform: scale(.3) rotate(90deg)
  }
  .detail__item {
    padding: 20px 10px
  }
  .detail__item-num {
    margin: 0 50px 0 0
  }
}

@media screen and (max-width:365px) {
  .detail__progress {
    max-width: 268px
  }
  .detail__progress .progress {
    left: -69px;
    top: 153px;
    -webkit-transform: scale(.38) rotate(90deg);
    -ms-transform: scale(.38) rotate(90deg);
    transform: scale(.38) rotate(90deg)
  }
}

@media screen and (max-width:1400px) {
  .rules__container {
    max-width: 840px
  }
}

@media screen and (max-width:1100px) {
  .rules {
    padding: 50px 0 70px
  }
  .rules::before {
    width: 860px
  }
  .rules__dec-diam1 {
    bottom: 307px;
    left: -50px
  }
  .rules__dec-diam2 {
    bottom: 330px;
    left: -90px;
    width: 70px;
    height: 80px
  }
  .rules__dec-diam3 {
    bottom: 410px;
    left: -50px;
    width: 73px;
    height: 57px
  }
  .rules__dec-diam4 {
    bottom: 427px;
    right: -120px
  }
  .rules__dec-diam5 {
    bottom: 300px;
    right: -80px;
    width: 70px;
    height: 90px
  }
  .rules__dec-diam6 {
    bottom: 380px;
    right: -50px
  }
  .rules__container {
    max-width: 600px
  }
  .rules__title {
    font-size: 25px;
    line-height: 34px;
    letter-spacing: 4px;
    margin: 0 0 15px
  }
  .rules__item {
    font-size: 14px;
    line-height: 21px
  }
  .rules__list {
    margin: 0 0 35px
  }
  .rules__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .rules__row::before {
    left: 53.5%;
    top: 66%;
    height: 76px
  }
  .rules__min-item:first-child {
    max-width: 240px;
    font-size: 25px;
    line-height: 31px;
    letter-spacing: 4px
  }
  .rules__min-item:last-child {
    font-size: 17px;
    line-height: 21px
  }
}

@media screen and (max-width:760px) {
  .rules__dec-diam4,.rules__dec-diam5,.rules__dec-diam6 {
    -webkit-transform: translate(-80px,-210px);
    -ms-transform: translate(-80px,-210px);
    transform: translate(-80px,-210px)
  }
  .rules__dec-diam1,.rules__dec-diam2,.rules__dec-diam3 {
    -webkit-transform: translate(20px,0);
    -ms-transform: translate(20px,0);
    transform: translate(20px,0)
  }
}

@media screen and (max-width:550px) {
  .rules {
    padding: 30px 0
  }
  .rules__list {
    position: relative;
    z-index: 10
  }
  .rules__title {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 2.72px;
    margin: 0 0 15px
  }
  .rules__row {
    gap: 22px
  }
  .rules__row::before {
    left: 55.5%;
    top: 74%;
    height: 57px
  }
  .rules__min-item:first-child {
    font-size: 17px;
    line-height: 21px;
    max-width: 176px
  }
  .rules__min-item:last-child {
    font-size: 12px;
    line-height: 19px
  }
}

@media screen and (max-width:380px) {
  .rules__dec-diam4,.rules__dec-diam5,.rules__dec-diam6 {
    -webkit-transform: translate(-80px,-360px);
    -ms-transform: translate(-80px,-360px);
    transform: translate(-80px,-360px)
  }
  .rules__dec-diam1,.rules__dec-diam2,.rules__dec-diam3 {
    -webkit-transform: translate(20px,-90px);
    -ms-transform: translate(20px,-90px);
    transform: translate(20px,-90px)
  }
}

@media screen and (max-width:370px) {
  .rules__list {
    margin: 0 0 25px
  }
  .rules__row::before {
    left: 52.5%
  }
  .rules__min-item:first-child {
    font-size: 12px;
    line-height: 16px;
    max-width: 135px
  }
  .rules__min-item:last-child {
    font-size: 11px;
    line-height: 17px
  }
}

@media screen and (max-width:920px) and (orientation:landscape) {
  .progress .gif {
    display: none
  }
}

/* VIP Club — desktop, tabletă și mobil */
body { color: #fff; font-family: Montserrat-Regular,sans-serif; }
.fav__page { min-height: 100vh; background: #111218; }
.wrapper-bg::before { display: none; }
.welcome { padding-bottom: 145px; }
.welcome__text { margin-bottom: 130px; }
.welcome__text-top { font-size: 42px; line-height: 1.3; letter-spacing: 6.5px; }
.welcome__row { max-width: 1060px; gap: 100px; padding-inline: 24px; }
.welcome__item { flex: 1; font-size: 17px; line-height: 34px; text-align: center; }
.welcome__row::before { height: 52px; top: 50%; }
.welcome__dec { pointer-events: none; }
.welcome__image-ticket { background-image: url(https://www.favbet.ro/minio/VIP/777-magnific.svg); }
.vip-benefits { position: relative; z-index: 25; width: min(880px, calc(100% - 48px)); margin: 0 auto; padding-bottom: 116px; }
.vip-benefits h1 { font: 400 42px/1.35 Montserrat-Light, Arial, sans-serif; letter-spacing: 6px; text-transform: uppercase; text-align: center; margin: 0 0 72px; }
.vip-benefits__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 24px; margin: 0; padding: 0; list-style: none; }
.vip-benefits__grid li { min-width: 0; min-height: 114px; display: flex; align-items: center; gap: 30px; padding: 20px 42px; border: 1px solid transparent; border-radius: 14px; background: linear-gradient(#111218, #111218) padding-box, linear-gradient(130deg, #919195, #5b506c 55%, #6700ff) border-box; font-size: 18px; line-height: 1.5; }
.vip-benefits__number { flex: 0 0 auto; font: 700 64px/1 SuisseIntl-SemiBold, Arial, sans-serif; color: #3d3c67; }
.vip-benefits__grid small { display: block; color: #909094; font-size: 18px; line-height: 1.4; margin-top: 4px; }
.vip-terms { width: calc(100% - 100px); margin: 82px auto 0; }
.vip-terms summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid #292b35; font: 400 18px/1.5 SuisseIntl-SemiBold, Arial, sans-serif; color: #d3d5df; text-transform: uppercase; cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
.chevron { display: block; flex: 0 0 auto; width: 12px; height: 12px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin: -6px 6px 0; }
details[open] > summary .chevron { transform: rotate(225deg); margin-top: 6px; }
.vip-terms__content { padding: 22px 0; color: #aaaeb9; font-size: 16px; line-height: 1.6; }
.vip-info { background: #15161e; padding: 62px 0 80px; }
.vip-info__container { width: calc(100% - 196px); max-width: 1800px; margin: 0 auto; }
.vip-info h2 { margin: 0 0 24px; color: #aaa; font: 700 34px/1.3 SuisseIntl-SemiBold, Arial, sans-serif; text-transform: uppercase; }
.vip-info__scroll { max-height: 300px; overflow-y: auto; padding-right: 78px; scrollbar-width: thin; scrollbar-color: #a9abb3 #1a1c25; }
.vip-faq { border: 1px solid #272938; border-radius: 8px; overflow: hidden; margin-bottom: 34px; background: #171820; }
.vip-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 23px 40px; background: #1b1d28; color: #c7cedc; font: 400 18px/1.3 SuisseIntl-SemiBold, Arial, sans-serif; text-transform: uppercase; cursor: pointer; list-style: none; }
.vip-faq__content { padding: 22px 42px 44px; color: #b7b7bd; font: 400 16px/1.4 SuisseIntl-SemiBold, Arial, sans-serif; }
summary:focus-visible, .vip-info__scroll:focus-visible { outline: 2px solid #a878ff; outline-offset: 3px; }
@media (min-width: 551px) and (max-width: 1400px) {
  .welcome__image { transform: none; }
  .welcome__text { margin: -16vw auto 80px; }
  .welcome__text-top { font-size: clamp(22px, 2.2vw, 36px); letter-spacing: 3.5px; }
  .welcome { padding-bottom: 100px; }
  .welcome__row { width: 70%; gap: 50px; }
  .welcome__item { font-size: 14px; line-height: 1.8; }
  .vip-benefits { max-width: 660px; }
  .vip-benefits h1 { font-size: 30px; margin-bottom: 50px; }
  .vip-benefits__grid li { padding: 18px 24px; gap: 20px; font-size: 15px; }
  .vip-benefits__grid small { font-size: 14px; }
  .vip-info__container { width: calc(100% - 80px); }
  .vip-info h2 { font-size: 26px; }
  .vip-info__scroll { padding-right: 30px; }
}
@media (max-width: 550px) {
  .welcome { padding-bottom: 58px; }
  .welcome__image { padding-top: 7vw; transform: scale(2); transform-origin: top center; }
  .welcome__text { max-width: 350px; margin: 32vw auto 36px; padding-inline: 24px; }
  .welcome__text-top { font-size: 18px; line-height: 1.5; letter-spacing: 3px; }
  .welcome__row { width: calc(100% - 36px); padding: 0; gap: 0; align-items: stretch; }
  .welcome__row::before { display: none; }
  .welcome__item { flex: auto; width: 100%; padding: 32px 32px; font-size: 14px; line-height: 1.45; text-align: center; }
  .welcome__item:first-of-type { border-bottom: 1px solid #37343c; }
  .welcome__item + .welcome__item { border-top: 1px solid #37343c; }
  .desktop-break { display: none; }
  .welcome__dec-diam1 { width: 30px; height: 30px; left: 4px; bottom: auto; top: -64px; }
  .welcome__dec-diam2 { left: -25px; bottom: auto; top: -4px; width: 72px; height: 60px; }
  .welcome__dec-diam3 { left: -38px; bottom: auto; top: -58px; width: 98px; height: 90px; }
  .welcome__dec-diam4 { right: -16px; bottom: auto; top: -66px; width: 65px; height: 70px; }
  .welcome__dec-diam5 { right: 8px; bottom: auto; top: -4px; width: 22px; height: 28px; }
  .welcome__dec-diam6 { right: -22px; bottom: auto; top: 16px; width: 45px; height: 50px; }
  .vip-benefits { width: calc(100% - 36px); padding-bottom: 38px; }
  .vip-benefits h1 { font-size: 18px; line-height: 1.4; letter-spacing: 3px; margin-bottom: 26px; white-space: nowrap; }
  .vip-benefits__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .vip-benefits__grid li { min-height: 108px; padding: 16px 14px; gap: 20px; font-size: 18px; border-radius: 16px; }
  .vip-benefits__number { font-size: 64px; }
  .vip-benefits__grid small { font-size: 18px; }
  .vip-terms { width: 100%; margin-top: 46px; }
  .vip-terms summary { font-size: 18px; padding: 12px 0; gap: 8px; }
  .vip-terms summary .chevron { width: 7px; height: 7px; border-width: 1px; }
  .vip-info { padding: 28px 0 34px; }
  .vip-info__container { width: calc(100% - 36px); }
  .vip-info h2 { font-size: 14px; margin-bottom: 34px; }
  .vip-info__scroll { padding-right: 0; max-height: none; overflow: visible; }
  .vip-faq { margin-bottom: 12px; }
  .vip-faq summary { padding: 24px 22px; font-size: 14px; min-height: 66px; }
  .vip-faq__content { font-size: 14px; line-height: 1.6; padding: 16px 22px 22px; }
}
@media (max-width: 360px) {
  .vip-benefits h1 { font-size: 16px; letter-spacing: 2px; }
  .vip-terms summary { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .welcome [class*="image-"] { animation: none; }
}

/* Retușuri după referință: lumină difuză, separatoare și contururi. */
.welcome__container { position: relative; z-index: 1; }
.welcome::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -40px;
  height: 560px;
  z-index: 0;
  background: url("https://www.favbet.ro/minio/VIP/bg.svg") no-repeat center / 100% 100%;
  pointer-events: none;
}
.welcome__row::before {
  background: linear-gradient(180deg, rgba(211, 188, 225, .65), rgba(211, 188, 225, .06));
}
.welcome__row::after {
  content: "";
  position: absolute;
  top: -54px;
  inset-inline: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(192, 168, 209, .4) 50%, transparent);
  pointer-events: none;
}
.vip-benefits__grid li {
  background:
    linear-gradient(#111218, #111218) padding-box,
    radial-gradient(ellipse at 100% 0%, #8500ff 0%, rgba(133, 0, 255, .68) 22%, rgba(133, 0, 255, 0) 66%) border-box,
    linear-gradient(35deg, #e4e4e6 0%, #94919e 48%, #747181 100%) border-box;
}
/* Pista proprie rămâne vizibilă inclusiv când sistemul ascunde barele native. */
.vip-info__scroller { position: relative; }
.vip-info__scroll { overflow-y: auto; scrollbar-width: none; }
.vip-info__scroll::-webkit-scrollbar { display: none; }
.vip-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  border-radius: 8px;
  background: #1a1c25;
  cursor: pointer;
  touch-action: none;
}
.vip-scrollbar::before, .vip-scrollbar::after {
  content: "";
  position: absolute;
  left: 4px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #b9bfcc;
  border-left: 1px solid #b9bfcc;
  pointer-events: none;
}
.vip-scrollbar::before { top: 4px; transform: rotate(45deg); }
.vip-scrollbar::after { bottom: 4px; transform: rotate(225deg); }
.vip-scrollbar__thumb {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 12px;
  min-height: 20px;
  border-radius: 4px;
  background: #a9abb3;
  pointer-events: none;
}
.vip-scrollbar:focus-visible { outline: 2px solid #a878ff; outline-offset: 4px; }
@media (max-width: 550px) {
  .welcome::before { bottom: 80px; height: 660px; opacity: .85; }
  .welcome__row::after { top: 0; }
  .welcome__item { position: relative; }
  .welcome__item:first-of-type, .welcome__item + .welcome__item { border: 0; }
  .welcome__item + .welcome__item::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(192, 168, 209, .4) 50%, transparent);
  }
  .vip-info__scroll { max-height: 560px; overflow-y: auto; padding-right: 24px; }
}

/* Separator sub titlu: fin, lat și estompat către capete. */
.welcome__row::after { display: none; }
.welcome__text::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -64px;
  width: 92vw;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg,
    rgba(188, 179, 224, 0) 0%,
    rgba(188, 179, 224, .10) 12%,
    rgba(213, 206, 239, .35) 32%,
    rgba(245, 240, 255, .78) 50%,
    rgba(213, 206, 239, .35) 68%,
    rgba(188, 179, 224, .10) 88%,
    rgba(188, 179, 224, 0) 100%);
  pointer-events: none;
}
@media (min-width: 551px) and (max-width: 1400px) {
  .welcome__text::after { bottom: -40px; }
}
@media (max-width: 550px) {
  .welcome__text::after { bottom: -20px; width: calc(100vw - 36px); }
}