body {
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.all-gaming {
  padding-top: 74px;
  margin-bottom: 64px
}
.all-gaming__body:not(:last-child) {
  margin-bottom: 96px
}
.all-gaming__title {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
  line-height: 81%;
  margin: 0 auto;
  margin-bottom: 10px
}
.all-gaming__title span {
  color: var(--orange)
}
.all-gaming__line {
  white-space: nowrap;
  position: relative;
  margin: 30px 0 40px 0;
  display: grid;
  background-color: var(--background-black);
  mix-blend-mode: lighten;
  rotate: -3deg
}
.all-gaming__line::after,
.all-gaming__line::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  width: 40%;
  pointer-events: none;
  z-index: 2
}
.all-gaming__line::before {
  left: 0;
  background: linear-gradient(to left,rgba(255,255,255,0),var(--background-black))
}
.all-gaming__line::after {
  right: 0;
  background: linear-gradient(to right,rgba(255,255,255,0),var(--background-black))
}
.all-gaming__line-decor {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 492px;
  height: 100%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  background: linear-gradient(90deg,rgba(255,199,0,0) 0,#ffc700 50%,rgba(255,199,0,0) 100%);
  mix-blend-mode: darken
}
.all-gaming__line-body {
  overflow: hidden;
  display: flex;
  gap: 60px;
  border-bottom: 1px solid var(--orange);
  border-top: 1px solid var(--orange)
}
.all-gaming__line-items {
  display: flex;
  gap: 60px;
  padding: 16px 0;
  -webkit-animation: 35s slide infinite linear;
  animation: 35s slide infinite linear
}
@-webkit-keyframes slide {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
@keyframes slide {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
.all-gaming__game {
  font-size: 18px
}
.all-gaming__bottom {
  max-width: 816px;
  width: 100%;
  margin: 0 auto
}
.all-gaming__tags {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 18px;
  color: var(--light-grey);
  margin-bottom: 18px;
  text-align: center
}
.all-gaming__tags span {
  display: inline-flex;
  align-items: center;
  gap: 16px
}
.all-gaming__tags span:not(:last-child) {
  margin-right: 16px
}
.all-gaming__tags span:not(:last-child)::after {
  content: "";
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: var(--light-grey)
}
.all-gaming__services {
  display: flex;
  justify-content: center;
  gap: 32px
}
.all-gaming__item {
  display: flex;
  flex-direction: column;
  gap: 8px
}
.all-gaming__item-icon {
  border-radius: 20px;
  padding: 10px;
  width: 64px;
  height: 64px;
  background-color: var(--background-dark-grey);
  margin: 0 auto;
  display: grid;
  place-content: center;
  border: 1px solid var(--background-dark-grey);
  transition: background .3s,border .3s;
  position: relative;
  overflow: hidden
}
.all-gaming__item-icon img,
.all-gaming__item-icon span,
.all-gaming__item-icon svg,
.all-gaming__item-icon::after {
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 2
}
.all-gaming__item-icon::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1;
  height: 1px;
  width: 70%;
  border-radius: 50%;
  background-color: rgba(255,199,0,.2);
  box-shadow: -40px 0 50px 25px rgba(255,199,0,.2);
  opacity: 0;
  transition: opacity .3s
}
.all-gaming__item-text {
  font-family: var(--title-font);
  font-weight: 700;
  font-size: 14px;
  width: 82px;
  line-height: 100%;
  text-align: center
}
.all-gaming__slider {
  padding: 11px 9px;
  margin: 0 -9px;
  position: relative;
  overflow: overlay;
}

.all-gaming__slider::-webkit-scrollbar {
   background: var(--background-grey);
   height: 6px;
}
.all-gaming__slider::-webkit-scrollbar-thumb {
   background-color: var(--orange);
}

.all-gaming__arrows {
  display: flex;
  position: absolute; 
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 5px;
  right: 5px;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  z-index: 5;
  pointer-events: none
}
.all-gaming__arrows .swiper-button-next,
.all-gaming__arrows .swiper-button-prev {
  pointer-events: all;
  width: 40px;
  height: 40px;
  padding: 4px;
  background-color: var(--background-grey);
  border: none;
  border-radius: 50%
}
.search-block {
  position: relative;
  border-radius: 32px;
  padding: 10px;
  background-color: var(--background-black)
}
.search-block:not(:last-child) {
  margin-bottom: 8px
}
.search-block__field {
  position: relative
}
.search-block--active .search-block__field .search-block__btn,
.search-block--active .search-block__field .search-block__icon {
  color: var(--text-white-color)
}
.search-block--active .search-block__field .search-block__input {
  background-color: var(--background-70)
}
.search-block--active .search-block__field .search-block__input::-webkit-input-placeholder {
  color: var(--text-white-color)
}
.search-block--active .search-block__field .search-block__input:-ms-input-placeholder {
  color: var(--text-white-color)
}
.search-block--active .search-block__field .search-block__input::-ms-input-placeholder {
  color: var(--text-white-color)
}
.search-block--active .search-block__field .search-block__input::placeholder {
  color: var(--text-white-color)
}
.search-block__btn,
.search-block__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  color: var(--orange);
  transition: color .3s
}
.search-block__btn svg,
.search-block__icon svg {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover
}
.search-block__icon {
  right: 32px;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%)
}
.search-block__input {
  padding: 10px 66px;
  font-family: var(--title-font);
  font-size: 18px;
  background-color: var(--background-black);
  border: 1px solid var(--orange);
  border-radius: 20px;
  height: 64px;
  transition: background .3s
}
.search-block__input::-webkit-input-placeholder {
  color: var(--light-grey);
  -webkit-transition: color .3s;
  transition: color .3s
}
.search-block__input:-ms-input-placeholder {
  color: var(--light-grey);
  -ms-transition: color .3s;
  transition: color .3s
}
.search-block__input::-ms-input-placeholder {
  color: var(--light-grey);
  -ms-transition: color .3s;
  transition: color .3s
}
.search-block__input::placeholder {
  color: var(--light-grey);
  transition: color .3s
}
.search-block__btn {
  left: 32px
}
.search-block__results {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  z-index: 5;
  overflow: auto;
  max-height: 360px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: rgba(16,16,16,.9);
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  transition: all .3s
}
.search-block--active .search-block__results {
  visibility: visible;
  opacity: 1;
  -webkit-transform: rotateX(0);
  transform: rotateX(0)
}
.search-block__result {
  border-radius: 16px;
  padding: 12px 32px 12px 16px;
  transition: background .3s;
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 39px 1fr 32px;
  gap: 16px
}
.search-block__result::after {
  content: "";
  width: 32px;
  height: 32px;
  background: url(../images/all-games/arrow_outward_down.svg) center/contain no-repeat;
  opacity: 0;
  transition: opacity .3s
}
.search-block__result-icon {
  width: 39px;
  height: 39px;
  border-radius: 8px;
  overflow: hidden
}
.search-block__result-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.search-block__result-body {
  display: flex;
  flex-direction: column;
  gap: 12px
}
.search-block__result-name {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 18px
}
.search-block__result-name::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}
.search-block__result-services {
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}
.search-block__result-tag {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 14px;
  position: relative;
  z-index: 3;
  border-radius: 41px;
  padding: 2px 16px;
  background-color: var(--background-grey);
  transition: background .3s
}
.game-card {
  position: relative;
  overflow: hidden;
  display: grid;
  transition: color .3s,-webkit-transform .3s;
  transition: transform .3s,color .3s;
  transition: transform .3s,color .3s,-webkit-transform .3s
}
.game-card--soon {

}
.game-card--soon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(16,16,16,.6)
}
.game-card__top {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px
}
.game-card__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
  border: 2px solid var(--background-dark-grey);
  background-color: var(--background-dark-grey);
  transition: background .3s,border .3s,-webkit-transform .3s;
  transition: background .3s,border .3s,transform .3s;
  transition: background .3s,border .3s,transform .3s,-webkit-transform .3s
}
.game-card__badge {
  border-radius: 12px;
  background-color: var(--text-white-color);
  color: var(--background-black);
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  padding: 11px 16px
}
.game-card__body {
  font-family: var(--title-font);
  padding-top: 8px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  gap: 8px
}
.game-card__name {
  font-weight: 600;
  font-size: 18px;
  color: var(--text-white-color);
  transition: color .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.game-card__quantity {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--background-black);
  border: 1px solid var(--background-70);
  border-radius: 8px;
  padding: 5px 8px;
  font-weight: 600;
  color: var(--background-20);
  font-size: 14px;
  line-height: 120%;
}
.game-card__icon img {
  width: 39px;
  height: 39px;
  object-fit: cover;
}
.how-it-works {
  margin-bottom: 64px
}
.how-it-works__container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "title image" "content image";
  -webkit-column-gap: 64px;
  -moz-column-gap: 64px;
  column-gap: 64px
}
.how-it-works__head {
  grid-area: title;
  align-self: end;
  max-width: 664px;
  width: 100%;
  margin-bottom: 32px
}
.how-it-works__subtitle {
  color: var(--orange);
  margin-bottom: 10px
}
.how-it-works__title {
  line-height: 95%;
  letter-spacing: -.01em
}
.how-it-works__content {
  grid-area: content;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 664px;
  width: 100%
}
.how-it-works__item {
  display: grid;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(609.19% 419.98% at 8.13% 407%,#181818 0,rgba(24,24,24,0) 100%)
}
.how-it-works__item-title {
  border-radius: 20px;
  padding: 32px;
  border: 1px solid transparent;
  background: radial-gradient(609.19% 419.98% at 8.13% 407%,#181818 0,rgba(24,24,24,0) 100%);
  text-align: left;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 24px;
  transition-duration: .3s;
  position: relative;
  overflow: hidden
}
.how-it-works__item-title img,
.how-it-works__item-title span,
.how-it-works__item-title svg,
.how-it-works__item-title::after {
  position: relative;
  z-index: 2
}
.how-it-works__item-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: linear-gradient(25deg,rgba(255,199,0,.3) -100%,rgba(255,199,0,0) 80%);
  opacity: 0;
  transition: opacity .3s
}
.how-it-works__item-title.active-tab {
  border-radius: 0;
  background: var(--orange) !important;
  color: var(--background-black);
  padding-bottom: 0
}
.how-it-works__item-title.active-tab::before {
  opacity: 0 !important;
}
.how-it-works__item-icon {
  width: 36px;
  height: 36px;
}
.how-it-works__item-icon img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.how-it-works__item-icon img:last-child {
  display: none;
}
.how-it-works__item-title.active-tab .how-it-works__item-icon img:last-child {
  display: block;
}
.how-it-works__item-title.active-tab .how-it-works__item-icon img:first-child {
  display: none;
}
.how-it-works__item-title.active-tab ~ .how-it-works__item-body {
  grid-template-rows: 1fr;
  padding-block: 16px
}
.visible .how-it-works__item-title.active-tab ~ .how-it-works__item-body::after {
  animation: widthAnim 7s forwards linear;
  display: block;
}
@keyframes widthAnim {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.how-it-works__item-body {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0 32px;
  background-color: var(--orange);
  color: var(--background-black);
  font-family: var(--title-font);
  font-weight: 400;
  font-size: 18px;
  transition-duration: .3s
}
.how-it-works__item-body::after {
  content: "";
  display: none;
  border-radius: 21px;
  width: 11px;
  height: 6px;
  background-color: var(--background-black);
  margin-top: 16px
}
.how-it-works__item:first-child .how-it-works__item-title.active-tab ~  .how-it-works__item-body::after {
  display: block;
}
.how-it-works__item-body p {
  overflow: hidden
}
.how-it-works__img {
  grid-area: image;
  align-self: center;
  max-width: 891px;
  width: 100%;
  opacity: 0;
  transition: opacity .6s
}
.how-it-works__img.active-tab {
  opacity: 1
}
.how-it-works__img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.in-numbers {
  padding: 64px 0
}
.in-numbers__head {
  margin-bottom: 64px
}
.in-numbers__subtitle {
  color: var(--orange);
  margin-bottom: 10px
}
.in-numbers__body {
  display: flex;
  flex-wrap: wrap;
  gap: 32px
}
.in-numbers__info,
.in-numbers__item {
  max-width: 498px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  padding: 32px;
  border-radius: 32px;
  background-color: var(--background-dark-grey)
}
.in-numbers__info {
  width: 100%;
  min-height: 530px;
  background-image: url(../images/all-games/in-numbers-bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}
.in-numbers__info-num {
  font-weight: 700;
  font-size: 64px;
  line-height: 100%
}
.in-numbers__info-text,
.in-numbers__item-text {
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: .01em
}
.in-numbers__item {
  width: calc(15% - 32px);
  min-width: 240px;
  min-height: 228px
}
.in-numbers__item.active {
  box-shadow: 0 0 110px -30px var(--orange);
  background-color: var(--orange);
  color: var(--text-black-color)
}
.in-numbers__item-num {
  font-weight: 700;
  font-size: 40px;
  line-height: 95%;
  letter-spacing: -.01em
}
.glossary {
  padding-top: 26px;
  margin-bottom: 64px
}
.glossary__head {
  padding: 64px 0
}
.glossary__title {
  font-weight: 700;
  font-size: 64px;
  line-height: 100%;
  margin-bottom: 16px;
  text-align: center
}
.glossary__descr {
  font-weight: 600;
  font-size: 18px;
  text-align: center
}
.glossary__descr:not(:last-child) {
  margin-bottom: 32px
}
.glossary__filters {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  padding: 8px 32px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-bottom: 48px
}
.glossary__filters::after,
.glossary__filters::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: var(--background-70)
}
.glossary__filters::before {
  top: 0
}
.glossary__filters::after {
  bottom: 0
}
.glossary__letter {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  min-width: 32px;
  min-height: 32px;
  padding: 5px;
  border-radius: 8px;
  transition: background .3s
}
.glossary__rows {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-bottom: 110px
}
.glossary__row {
  display: flex;
  flex-direction: column;
  gap: 32px
}
.glossary__row-letter {
  display: flex;
  align-items: center;
  gap: 32px;
  font-family: var(--title-font);
  font-weight: 700;
  font-size: 40px;
  line-height: 95%
}
.glossary__row-letter::after {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: var(--background-70)
}
.glossary__items {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(350px,1fr));
  gap: 16px
}
.glossary__item {
  display: grid;
  grid-template-columns: 32px 1fr 24px;
  align-items: center;
  gap: 16px;
  padding: 32px;
  border: 1px solid var(--background-grey);
  border-radius: 20px;
  background-color: var(--background-dark-grey);
  transition: border .3s
}
.glossary__item img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover
}
.glossary__item::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../images/icons/arrow_down.svg) center/contain no-repeat;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.glossary__article {
  max-width: 896px;
  width: 100%;
  margin: 0 auto
}
.glossary__tag {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  margin-bottom: 32px;
  border: 1px solid var(--orange);
  border-radius: 20px;
  background: var(--background-dark-grey) radial-gradient(298.23% 263.52% at 0 224.58%,rgba(255,199,0,.5) 0,rgba(255,199,0,0) 75%);
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  padding: 8px 36px
}
.glossary__game {
  margin: 0 auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--background-grey);
  background-color: var(--background-dark-grey);
  border-radius: 20px;
  padding: 15px 32px;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 48px
}
.glossary__game img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
  object-fit: cover
}
.glossary__body {
  display: grid;
  align-content: start;
  gap: 32px;
  margin-bottom: 64px
}
.glossary__text {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.01em;
}

.glossary__text p {
  margin-bottom: 16px;
}

.glossary__text h2,
.glossary__text h3,
.glossary__text h4,
.glossary__text h5,
.glossary__text h6 {
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 24px;
  margin: 32px 0 12px;
  color: var(--orange);
}

.glossary__text p b {
  display: block;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 22px;
  margin-top: 32px;
  margin-bottom: 12px;
  color: var(--orange);
}
.glossary__text ul,
.glossary__text ol {
  padding-left: 24px;
  margin: 16px 0;
}

.glossary__text li {
  margin-bottom: 8px;
  line-height: 1.5;
}
.glossary__text blockquote {
  border-left: 4px solid var(--orange);
  padding-left: 16px;
  margin: 16px 0;
  font-style: italic;
  color: var(--light-grey);
}

.secret {
  border-radius: 40px;
  padding: 48px;
  background-color: var(--background-dark-grey);
  background-image: url(../images/all-games/gang-bg.webp);
  background-size: auto 100%;
  background-position: top right;
  background-repeat: no-repeat
}
.secret__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: .01em;
  color: var(--orange);
  margin-bottom: 16px
}
.secret__descr {
  max-width: 471px;
  font-weight: 400;
  font-size: 18px
}
.secret__descr b {
  font-weight: 600
}
@media (max-width:1499.98px) {
  .glossary__items {
    grid-template-columns: repeat(auto-fill,minmax(290px,1fr));
  }
}
@media (max-width:1299.98px) {
  .how-it-works__container {
    grid-template-columns: repeat(2,1fr);
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
  }
  .glossary__items {
    grid-template-columns: repeat(auto-fill,minmax(270px,1fr));
  }
}

@media (max-width:1099.98px) {
  .all-gaming__slider {
    padding: 0 16px;
    margin: 0 -16px;
    overflow: overlay;
  }
}

@media (max-width:399.98px) {
  .top-nav__profile {
    gap: 10px
  }
}
@media (max-width:369.98px) {
  .all-gaming__services {
    flex-wrap: wrap
  }
}

@media (max-width:61.99875em) {
  .how-it-works__item-title {
    font-size: 22px
  }
  .in-numbers__info-text,
  .in-numbers__item-text {
    font-size: 26px
  }
}

@media (max-width:47.99875em) {
  body {
    background-size: cover;
  }
  .top-nav__container {
    padding: 0;
  }
  .cs .top-nav__container {
    padding: 0;
  }
  .all-gaming {
    padding-top: 64px
  }
  .all-gaming__line {
    margin: 30px -16px 40px -16px
  }
  .all-gaming__arrows {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
  .how-it-works {
    margin-bottom: 16px
  }
  .how-it-works__container {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "image" "content";
    gap: 32px
  }
  .how-it-works__head {
    max-width: none;
    margin-bottom: 0
  }
  .how-it-works__subtitle {
    font-size: 23px;
    line-height: 100%
  }
  .how-it-works__title {
    font-size: 28px;
    line-height: 100%
  }
  .how-it-works__content {
    max-width: none
  }
  .in-numbers {
    padding: 16px 0 64px
  }
  .in-numbers__head {
    margin-bottom: 48px
  }
  .in-numbers__info {
    max-width: none;
    min-height: 306px
  }
  .in-numbers__info-text,
  .in-numbers__item-text {
    font-size: 23px
  }
  .in-numbers__item-num {
    font-size: 32px
  }
  .glossary {
    padding-top: 132px;
    margin-bottom: 32px
  }
  .glossary__head {
    padding: 0 0 64px 0
  }
  .glossary__title {
    font-size: 52px
  }
  .glossary__rows {
    padding-bottom: 32px
  }
  .glossary__body {
    gap: 24px
  }
  .secret {
    padding: 48px 32px 295px 32px;
    background-image: url(../images/all-games/gang-bg-mob.webp);
    background-size: 100% auto;
    background-position: bottom right;
    position: relative;
    z-index: 2;
    overflow: hidden
  }
  .secret::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(16,16,16,.6)
  }
  .secret__title {
    font-size: 23px
  }
}

@media (max-width:29.99875em) {
  .all-gaming__body {
    display: grid;
    grid-template-areas: "title" "search" "line";
    gap: 54px
  }
  .all-gaming__body:not(:last-child) {
    margin-bottom: 32px
  }
  .all-gaming__body .search-block {
    grid-area: search
  }
  .all-gaming__title {
    grid-area: title;
    line-height: 92%;
    margin-bottom: 0
  }
  .all-gaming__title br {
    display: none
  }
  .all-gaming__line {
    grid-area: line;
    margin: 20px -16px
  }
  .all-gaming__line::after,
  .all-gaming__line::before {
    display: none
  }
  .all-gaming__line-decor {
    width: 388px
  }
  .all-gaming__tags {
    display: none
  }
  .all-gaming__services {
    gap: 8px
  }
  .search-block {
    padding: 0
  }
  .search-block:not(:last-child) {
    margin-bottom: 16px
  }
  .search-block__result {
    grid-template-columns: 39px 1fr;
    padding: 12px 16px
  }
  .search-block__result::after {
    display: none
  }
  .in-numbers__subtitle {
    font-size: 23px
  }
  .in-numbers__title {
    font-size: 28px
  }
  .in-numbers__info {
    background-image: url(../images/all-games/in-numbers-bg-mob.webp)
  }
  .glossary__head .glossary__title {
    text-align: left
  }
  .glossary__head .glossary__descr {
    text-align: left
  }
  .glossary__filters {
    padding: 8px 10px
  }
  .glossary__row-letter {
    font-size: 32px
  }
  .secret::before {
    display: none
  }
}

@media (any-hover:hover) {
  .all-gaming__item:hover .all-gaming__item-icon {
    border-color: transparent;
    background: linear-gradient(var(--background-dark-grey),var(--background-dark-grey)) padding-box,radial-gradient(223.2% 196.15% at 8.59% 100%,#ffc700 0,rgba(255,199,0,0) 55%) border-box
  }
  .all-gaming__item:hover .all-gaming__item-icon::before {
    opacity: 1
  }
  .search-block__field:hover .search-block__btn,
  .search-block__field:hover .search-block__icon {
    color: var(--text-white-color)
  }
  .search-block__field:hover .search-block__input {
    background-color: var(--background-70)
  }
  .search-block__field:hover .search-block__input::-webkit-input-placeholder {
    color: var(--text-white-color)
  }
  .search-block__field:hover .search-block__input:-ms-input-placeholder {
    color: var(--text-white-color)
  }
  .search-block__field:hover .search-block__input::-ms-input-placeholder {
    color: var(--text-white-color)
  }
  .search-block__field:hover .search-block__input::placeholder {
    color: var(--text-white-color)
  }
  .search-block__result:hover {
    background: rgba(28,28,28,.8)
  }
  .search-block__result:hover::after {
    opacity: 1
  }
  .search-block__result-tag:hover {
    background-color: var(--background-light-grey)
  }
  .game-card:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  .game-card:hover .game-card__img {
    border-color: transparent;
    background: linear-gradient(var(--background-dark-grey),var(--background-dark-grey)) padding-box,radial-gradient(223.2% 196.15% at 8.59% 100%,#ffc700 0,rgba(255,199,0,0) 65%) border-box
  }
  .game-card:hover .game-card__name {
    color: var(--orange)
  }
  .how-it-works__item-title:hover {
    border-color: transparent;
    background: linear-gradient(var(--background-dark-grey),var(--background-dark-grey)) padding-box,radial-gradient(223.2% 196.15% at 8.59% 100%,#ffc700 0,rgba(255,199,0,0) 65%) border-box
  }
  .how-it-works__item-title:hover::before {
    opacity: 1
  }
  .glossary__letter:hover {
    background-color: var(--background-grey)
  }
  .glossary__item:hover {
    border-color: var(--orange)
  }
}