@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
@media only screen and (min-width: 0px) {
  html {
    font-size: 3.8888888889vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.8229166667vw;
  }
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 1.3671875vw;
  }
}
@media (min-width: 1441px) {
  html {
    font-size: 0.7291666667vw;
  }
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  font-weight: 500;
  min-height: 100dvh;
  line-height: 1.5;
  background: rgb(35, 35, 35);
  color: rgb(216, 216, 212);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  scroll-behavior: smooth;
  font-variant-ligatures: none;
  overflow-x: hidden;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body::before {
  position: fixed;
  content: "";
  background: url("../../img/bg/account-bg.png"), radial-gradient(39.36% 72.88% at 50% 0%, rgba(217, 217, 217, 0.2) 0%, rgba(217, 217, 217, 0) 100%), #232323;
  width: 100%;
  height: 100%;
  top: 0;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}
body::after {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: radial-gradient(39.36% 72.88% at 50% 0%, rgba(217, 217, 217, 0.2) 0%, rgba(217, 217, 217, 0) 100%);
  content: "";
  top: 0;
}

.body-page {
  background: rgb(20, 20, 20);
}
.body-page::before {
  position: fixed;
  content: "";
  background: url("../../img/bg/account-bg.png"), radial-gradient(39.36% 72.88% at 50% 0%, rgba(217, 217, 217, 0.2) 0%, rgba(217, 217, 217, 0) 100%), #141414;
  width: 100%;
  height: 100%;
  top: 0;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}

.scroll-disabled {
  position: relative;
  overflow: hidden;
  touch-action: none;
}

.loader {
  background: rgb(16, 16, 16);
  z-index: 50;
  position: fixed;
  transition: 0.6s;
  width: 100%;
  height: 100%;
}

.loader.hide {
  opacity: 0;
  transition: 0.6s;
}

.loader-img {
  width: 27.6428571429rem;
  height: 29.0714285714rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

html,
body {
  max-width: 100vw;
  font-family: "TT Norms", sans-serif;
}

.girl-left,
.girl-right {
  display: block;
  position: sticky;
  top: calc(30% - 100px);
  z-index: -1;
  bottom: 0;
}

.girl-left {
  width: 22.7142857143rem;
  top: calc(50% - 100px);
}

.girl-right {
  width: 26.8571428571rem;
  right: 0;
}

.content {
  position: relative;
}

@media screen and (max-width: 1440px) {
  .girl-left,
  .girl-right {
    display: none;
  }
}
.content__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1440px) {
  .content {
    position: relative;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  body:after {
    height: 5%;
  }
}
.content__wrapper.main-content::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: radial-gradient(40.73% 75.46% at 50% 47.59%, #000000 3.53%, rgba(0, 0, 0, 0) 72.69%);
  background-size: 100%;
  background-position: center;
}

@media (min-width: 1440px) {
  .content {
    position: relative;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  body:after {
    height: 15.3571428571rem;
  }
  .content__wrapper.main-content::before {
    background: radial-gradient(83.24% 59.63% at 50% 47.59%, #000000 3.53%, rgba(0, 0, 0, 0) 72.69%);
  }
}
/* Set shorter line heights on headings and interactive elements */
h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration: none;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Make sure textarea without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

li {
  list-style-type: none;
  cursor: pointer;
}

ul {
  height: -moz-fit-content;
  height: fit-content;
}

button {
  outline: none;
  border: none;
  cursor: pointer;
}

.modal-account {
  display: none;
  transform: translateX(100vw);
  overflow-y: auto;
  position: fixed;
  top: 0;
  visibility: hidden;
  background: url("../../img/bg/account-bg.png"), #232323;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 500;
  width: 100%;
  height: 101dvh;
  -webkit-transition: display opacity ease-in-out;
  -o-transition: display opacity ease-in-out;
  visibility: hidden;
  transition: display opacity ease-in-out;
  transition-duration: 0.5s;
  transition-behavior: allow-discrete;
}
.modal-account::-webkit-scrollbar {
  width: 4px;
}
.modal-account::-webkit-scrollbar-track {
  background: transparent;
}
.modal-account::-webkit-scrollbar-thumb {
  background-color: rgba(212, 211, 211, 0.6);
  border-radius: 20px;
}
@supports (-moz-appearance: none) {
  .modal-account {
    scrollbar-color: rgba(212, 211, 211, 0.6) transparent;
    scrollbar-width: thin;
  }
}

html::-webkit-scrollbar, .aside__list::-webkit-scrollbar, 
body::-webkit-scrollbar {
  width: 4px;
}
html::-webkit-scrollbar-track, .aside__list::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: transparent;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.aside__list::-webkit-scrollbar-thumb {
  background-color: rgba(212, 211, 211, 0.6);
  border-radius: 20px;
}
@supports (-moz-appearance: none) {
  html,
  body,
  .aside__list {
    /* стили только для Firefox */
    scrollbar-color: rgba(212, 211, 211, 0.6) transparent;
    scrollbar-width: thin;
  }
}

.modal-change {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100dvh;
  position: fixed;
  z-index: 999;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
  justify-content: center;
}

.modal-change.active {
  transition: 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}

.modal-account.active {
  visibility: visible;
  width: 100%;
  transform: none;
  display: block;
}
@starting-style {
  .modal-account.active {
    transform: translateX(100vw);
    visibility: hidden;
  }
}

.modal-success-wrapper {
  position: relative;
}

.container {
  padding-left: 5rem;
  padding-right: 5rem;
}
@media (max-width: 1440px) {
  .container {
    padding-left: 2.8571428571rem;
    padding-right: 2.8571428571rem;
  }
}
@media (max-width: 1023px) {
  .container {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
}
@media (max-width: 768px) {
  .container {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
}

.container .main__top-wrapper.mobile {
  padding-left: 0;
  padding-right: 0;
}

.container.aside-container {
  padding-left: 1.4285714286rem;
  padding-right: 1.4285714286rem;
}

@media (max-width: 768px) {
  .container.aside-container {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .container.aside-container {
    padding-right: 0;
    padding-left: 0;
  }
}
.header {
  transition: 0.3s;
  position: sticky;
  top: 0;
  z-index: 10;
}
.header__menu.mobile {
  display: none;
}
.header__menu.burger {
  display: none;
}
.header__wrapper {
  z-index: 6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__nav {
  display: flex;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header__wrapper.wrapper-account {
  display: flex;
}
.header__account-replenish {
  width: 100%;
  max-width: 9.7892857143rem;
  background: url("../../img/bg/button-bg.png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.0042857143rem;
  padding: 1.0992857143rem 0;
  font-size: 1rem;
  line-height: 1.18rem;
  text-transform: uppercase;
  margin-right: 2.5rem;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.header__account-replenish:hover {
  box-shadow: 0px 0px 18px 0px rgb(196, 167, 103);
  transition: 0.3s ease-in-out;
}
.header__account-replenish:active {
  transition: 0.3s ease-in-out;
}
.header__account-replenish:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.header__account-replenish::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.header__account-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.7142857143rem;
  column-gap: 1.7142857143rem;
  width: 48.2857142857rem;
  justify-content: end;
}
.header__account-user-wrapper {
  -moz-column-gap: 0.6814285714rem;
  column-gap: 0.6814285714rem;
  display: flex;
  align-items: center;
}
.header__account-user-wrapper.mobile {
  display: none;
}
.header__account-user-icon {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
}
.header__account-name {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
}
.header__account-balance-wrapper {
  display: flex;
  -moz-column-gap: 0.6428571429rem;
  column-gap: 0.6428571429rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 400;
}
.header__account-balance {
  color: rgb(196, 167, 103);
  font-weight: 500;
}
.header__account-close {
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.header__account-close:hover {
  transition: 0.3s ease-in-out;
}
.header__account-close:hover path {
  stroke: rgba(216, 216, 212, 0.5);
  transition: 0.3s ease-in-out;
}
.header__account-info {
  width: 16.4285714286rem;
  position: absolute;
  padding: 0.3571428571rem 0.7142857143rem 0.3571428571rem 0.7142857143rem;
  background: rgba(196, 167, 103, 0.1);
  left: 0;
  bottom: 110%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.header__account-info-text {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.36rem;
  color: rgb(255, 255, 255);
}
.header__wrapper .header__item-list {
  position: absolute;
}
.header__item-list {
  justify-content: space-between;
  display: none;
  grid-template-columns: 1fr 1fr;
  width: 77.3571428571rem;
  top: 80%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 1.7142857143rem;
  left: 50%;
  transform: translateX(-50%);
  gap: 1.0714285714rem;
  border-radius: 0.7142857143rem;
  position: absolute;
  background: rgb(27, 27, 27);
  opacity: 0;
  z-index: 5;
  transition: 0.6s;
  transition-property: all;
  transition-duration: 1s;
  transition-behavior: allow-discrete;
  visibility: hidden;
  box-shadow: 4px 4px 21.8px 0px rgba(0, 0, 0, 0.4);
}
.header__language-list-wrapper {
  position: absolute;
  overflow: hidden;
  top: 70%;
  transform: translateX(-20%);
  transition: 0.5s;
  z-index: 6;
  height: 0;
}
.header__language-list {
  width: 6.0714285714rem;
  flex-direction: column;
  row-gap: 0.4285714286rem;
  background: rgb(37, 35, 35);
  box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
  border-radius: 0.7142857143rem;
  display: flex;
  z-index: 11;
}
.header__language-item {
  position: relative;
  font-weight: 400;
  line-height: 1.8285714286rem;
  font-size: 1.1428571429rem;
  padding: 6px 16px 6px 16px;
  z-index: 3;
}
.header__language-item:active {
  background: rgba(255, 255, 255, 0.05);
}
.header__item-list-name-wrapper {
  gap: 1rem;
  color: rgb(255, 255, 255);
  display: flex;
  margin-bottom: 0.9285714286rem;
}
.header__item-list-wrapper {
  border-radius: 0.7142857143rem;
  padding: 1.0714285714rem;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  transition: 0.6s;
  opacity: 0;
  background: rgba(196, 167, 103, 0.07);
}
.header__item-list-wrapper:hover {
  transition: 0.6s;
  background: none;
}
.header__menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 4.5714285714rem;
  column-gap: 4.5714285714rem;
}
.header__language-wrapper {
  display: flex;
  width: 3.4285714286rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.header__item {
  display: flex;
  align-items: center;
  line-height: 1.2642857143rem;
  text-transform: uppercase;
  transition: 0.3s;
  font-weight: 400;
}
.header__item:hover {
  transition: 0.3s;
  color: rgb(255, 255, 255);
}
.header__item:hover::after {
  transition: 0.3s;
  transform: rotate(180deg);
  height: 1.7857142857rem;
  transform-origin: center;
}
.header__item::after {
  transition: 0.3s;
  content: "";
  width: 1.9285714286rem;
  height: 2.1428571429rem;
  background-size: 100% !important;
  background-position: center;
  background: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 12.3447L13.5 16.8447L9 12.3447" stroke="%23D8D8D4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
  transform-origin: center;
}
.header__item.language {
  color: rgba(216, 216, 212, 0.6);
}
.header__item-list-description {
  font-size: 1.1428571429rem;
  font-weight: 400;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  text-transform: none;
}
.header__item-name {
  opacity: 0;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 28px;
  margin-right: 9.6428571429rem;
}
.header__logo {
  width: 21.2857142857rem;
}
.header__item:hover .header__item-list {
  transition: all 0.5s ease;
  display: grid;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1441px) {
  .header__item:hover {
    padding: 2.1428571429rem 0;
  }
}
.header__item.language:hover {
  cursor: pointer;
}
@media (min-width: 1441px) {
  .header__language-wrapper:hover .header__language-list-wrapper {
    transition: 0.5s;
    height: 100vh;
    flex-direction: column;
  }
}
.header__item:hover .header__item-name {
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.header__item:hover .header__item-list-wrapper {
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.header__user-wrapper {
  display: flex;
  align-items: center;
}
.header__user {
  display: flex;
  align-items: center;
}
.header__user-logo-wrapper {
  background: url("../../img/bg/button-bg.png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.3571428571rem;
  height: 3.3571428571rem;
  border-radius: 5.0435714286rem;
  margin-right: 0.7142857143rem;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.header__user-logo-wrapper:hover {
  box-shadow: 0px 0px 18px 0px rgb(196, 167, 103);
  transition: 0.3s ease-in-out;
}
.header__user-logo-wrapper:active {
  transition: 0.3s ease-in-out;
}
.header__user-logo-wrapper:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.header__user-logo-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.header__user-logo-icon {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
}
.header__user-name {
  font-weight: 400;
  color: #ffffff;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  margin-right: 1.7142857143rem;
}
.header__balance {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 500;
  color: rgb(196, 167, 103);
  -moz-column-gap: 0.6428571429rem;
  column-gap: 0.6428571429rem;
  display: flex;
}
.header__currency {
  font-weight: 400;
  margin-right: 1.7142857143rem;
  color: rgb(255, 255, 255);
}
.header__signup-login-wrapper {
  display: flex;
}
.header__login {
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  margin-right: 1.9285714286rem;
  color: rgb(196, 167, 103);
}
.header__login:hover {
  color: rgb(255, 221, 147);
  transition: 0.3s;
  box-shadow: 0px 0px 22px 0px rgb(196, 167, 103);
}
.header__login::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.header__login:active {
  transition: 0.3s;
  color: rgb(196, 167, 103);
  box-shadow: 0px 0px 17.8px 0px rgb(196, 167, 103);
}
.header__logout {
  position: relative;
  z-index: 1;
  border-radius: 5rem;
  margin-right: 0px;
  color: rgb(196, 167, 103);
  padding: 1.3135714286rem 2.0021428571rem 1.3135714286rem 2.0021428571rem;
}
.header__logout::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.header__login, .header__signup, .header__logout {
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.18rem;
  display: flex;
  background: none;
  color: rgb(196, 167, 103);
  padding: 1.3135714286rem 2.0014285714rem 1.3135714286rem 2.0014285714rem;
  border-radius: 5rem;
  transition: 0.7s;
  height: 3.2857142857rem;
}
.header__login:hover, .header__signup:hover, .header__logout:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.header__login:active, .header__signup:active, .header__logout:active {
  transition: 0.7s;
  color: rgb(196, 167, 103);
  box-shadow: 0px 0px 17.8px 0px rgb(196, 167, 103), inset 0px 0px 15px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 10px rgba(196, 167, 103, 0.7);
}
.header__signup {
  position: relative;
  border: 0.1428571429rem solid transparent;
  border-radius: 5.0042857143rem;
  background: url("../../img/bg/button-bg.png");
  color: black;
  background-clip: padding-box;
  padding: 1.3135714286rem 2.0014285714rem 1.3135714286rem 2.0014285714rem;
  display: flex;
  align-items: center;
  background-size: 100% 100%;
}
.header__signup::after {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%);
  content: "";
  z-index: -1;
  border-radius: 70.06px;
}
.header__signup:hover {
  color: black;
}
.header__signup:active {
  transition: 0.7s;
}
.header__signup:active::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
}
.header__burger-icon {
  display: none;
}
.header__language-wrapper.mobile {
  display: none;
}
.header__language-list.active {
  display: flex;
  opacity: 1;
  z-index: 12;
  top: 190%;
  overflow: scroll;
  scrollbar-width: 4px;
  scrollbar-color: rgba(255, 255, 255, 0.05);
}
.header__language-wrapper.alt {
  display: none;
}
.header__burger-mobile-item-wrapper {
  display: block;
}
@media screen and (max-width: 1440px) {
  .header__wrapper {
    padding-top: 0.7142857143rem;
    padding-bottom: 0.9285714286rem;
  }
  .header__account-close {
    display: none;
  }
  .header__account-user-wrapper {
    display: none;
  }
  .header__account-user-wrapper.mobile {
    display: flex;
  }
  .header__account-user-wrapper.mobile .header__user-logo-wrapper {
    margin-bottom: 0;
    margin-right: 0.6428571429rem;
  }
  .header__account-wrapper {
    width: -moz-fit-content;
    width: fit-content;
  }
  .header__account-wrapper .header__language-wrapper.alt {
    margin-right: 0;
  }
  .header__account-replenish {
    display: none;
  }
  .header__user-wrapper {
    display: none;
  }
  .header__logo {
    width: 21.2857142857rem;
    height: 3.7857142857rem;
  }
  .header__user-wrapper.mobile {
    display: flex;
  }
  .header__user-wrapper.mobile .header__user-logo-wrapper {
    margin-bottom: 0;
    margin-right: 0.6428571429rem;
  }
  .header__currency {
    font-weight: 400;
    margin-right: 1.7142857143rem;
    color: rgb(255, 255, 255);
  }
  .header__menu.mobile {
    display: flex;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .header__signup-login-wrapper {
    display: none;
  }
  .header__language-wrapper.alt {
    display: flex;
    margin-right: 1.8571428571rem;
  }
  .header__language {
    position: relative;
  }
  .header__language-list-wrapper.active {
    display: block;
    opacity: 1;
    visibility: visible;
    top: 120%;
    z-index: 1;
    height: 16.4285714286rem;
  }
  .header__burger-icon {
    cursor: pointer;
    width: 3.2857142857rem;
    height: 3.2857142857rem;
    display: block;
    position: relative;
  }
  .header__burger-close {
    cursor: pointer;
    display: none;
    top: 5%;
    right: 5%;
    position: absolute;
    z-index: 5;
  }
  .header__burger-close:hover path {
    stroke: rgba(216, 216, 212, 0.5);
  }
  .header__nav {
    display: none;
    max-width: 100%;
  }
  .header__menu {
    justify-content: flex-end;
  }
  .header__menu > .header__item:not(.language) {
    display: none;
  }
  .header__menu.burger {
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    background: rgb(35, 35, 35);
    position: absolute;
    z-index: 501;
    height: 101dvh;
    justify-items: center;
    transform: translateX(-100%);
    transition: 0.3s;
  }
  .header__menu.burger.active {
    transition: 0.3s;
    transform: translateX(0%);
  }
  .header__menu.burger.active .header__burger-close {
    display: block;
    z-index: 5;
  }
  .header__item-list-wrapper.burger {
    padding: 0;
    display: grid;
    grid-gap: 0.7142857143rem;
    -moz-column-gap: 9.3571428571rem;
    column-gap: 9.3571428571rem;
    opacity: 1;
    z-index: 3;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 26%;
    position: relative;
    background: none;
    border-right: 1px solid rgba(196, 167, 103, 0.4);
    padding-right: 8.9285714286rem;
  }
  .header__item-list-wrapper.burger:hover {
    color: none;
    background: none;
  }
  .header__burger-mobile-item-wrapper:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .header__burger-mobile-item-wrapper:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .header__burger-mobile-item-wrapper:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
  }
  .header__burger-mobile-item-wrapper:nth-child(5) {
    grid-column: 1;
    grid-row: 3;
  }
  .header__item {
    cursor: pointer;
    font-size: 1rem;
    width: -moz-max-content;
    width: max-content;
  }
  .header__burger-mobile-list {
    display: flex;
    flex-direction: column;
    row-gap: 1.5714285714rem;
  }
  .header__burger-mobile-item-name {
    opacity: 1;
    text-transform: uppercase;
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 1.7857142857rem;
    color: rgb(203, 61, 69);
    margin-bottom: 2.7142857143rem;
  }
  .header__burger-account-text {
    color: rgb(196, 167, 103);
  }
  .header__burger-mobile-list-item {
    font-size: 1rem;
    line-height: 1.18rem;
    color: rgb(216, 216, 212);
    text-transform: uppercase;
    font-weight: 500;
    width: -moz-max-content;
    width: max-content;
  }
  .header__item::after {
    display: none;
  }
  .header__item.language {
    display: flex;
  }
  .header__item.language:hover {
    transition: 0.3s;
    color: rgb(255, 255, 255);
  }
  .header__item.language::after {
    display: block;
    transition: 0.3s;
    content: "";
    width: 1.9285714286rem;
    height: 2.1428571429rem;
    background-size: 100% !important;
    background-position: center;
    background: url('data:image/svg+xml,<svg width="27" height="27" viewBox="0 0 27 27" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 12.3447L13.5 16.8447L9 12.3447" stroke="%23D8D8D4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
  }
  .header__item.language.active::after {
    transition: 0.3s;
    content: "";
    transform: rotate(180deg);
  }
  .header__language-list-wrapper {
    display: block;
    opacity: 1;
    visibility: visible;
    top: 120%;
    z-index: 1;
    transition: 0.5s;
    height: 0;
  }
  .header__item.language:hover .header__language-list-wrapper {
    transition: 0.5s;
    height: 100%;
  }
  .header__login {
    justify-content: center;
    width: 13.2142857143rem;
    margin-right: 0;
  }
  .header__signup {
    justify-content: center;
    width: 13.2142857143rem;
    margin-bottom: 1.2142857143rem;
  }
  .header__button-wrapper {
    align-items: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 3;
  }
  .header__item-list-left, .header__item-list-right {
    row-gap: 3.5714285714rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .header__menu-list:nth-child(2) {
    grid-column: 2;
  }
  .header__menu-list:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
  }
  .header__menu-list:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
  }
  .header__menu-list:nth-child(5) {
    grid-column: 1;
  }
  .header__burger-menu {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .header__burger-menu::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url("../../img/bg/weed-burger-1024.svg") no-repeat;
    right: 0;
    bottom: 0;
    background-position: right bottom;
    background-size: 55%;
    z-index: -1;
  }
  .header__burger-menu::before {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    content: "";
    background-image: url("../../img/bg/burger-bg.png");
    opacity: 0.05;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .header__burger-wrapper {
    padding: 5.3571428571rem 4.7857142857rem 5.3571428571rem 5.3571428571rem;
    display: grid;
    opacity: 0;
    z-index: 3;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    height: 100%;
  }
  .header__burger-content {
    display: flex;
  }
  .header__user-logo-wrapper {
    margin-right: 0;
    margin-bottom: 0.6428571429rem;
  }
  .header__language-wrapper {
    display: none;
  }
  .header__menu {
    max-width: 100%;
  }
  .header__burger-right {
    display: flex;
    flex-direction: column;
    row-gap: 21.4285714286rem;
    padding-left: 5.2142857143rem;
    justify-content: center;
  }
  .header__burger-account-wrapper {
    display: flex;
    justify-content: space-between;
    width: 14.0714285714rem;
    flex-direction: column;
  }
  .header__burger-account {
    display: flex;
    flex-direction: column;
  }
  .header__burger-account-information-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.8221428571rem;
  }
  .header__burger-account-name {
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
    color: rgb(255, 255, 255);
    font-weight: 500;
    margin-bottom: 0.5714285714rem;
  }
  .header__burger-vip-level {
    position: relative;
    display: flex;
    align-items: center;
  }
  .header__burger-vip-level-wrapper.diamond {
    background: rgb(66, 66, 66);
    padding: 0 1.1492857143rem;
    position: relative;
  }
  .header__burger-vip-level-wrapper.diamond::after {
    content: "";
    background: url("../../img/header/big-spark.png") no-repeat;
    position: absolute;
    background-size: 100%;
    width: 4.8171428571rem;
    height: 4.3121428571rem;
    right: -24%;
    top: -83%;
    z-index: -1;
  }
  .header__burger-vip-level-wrapper.diamond::before {
    content: "";
    background: url("../../img/header/small-spark.png") no-repeat;
    position: absolute;
    background-size: 100%;
    width: 2.7857142857rem;
    height: 2.4935714286rem;
    left: -12%;
    top: 50%;
  }
  .header__burger-vip-level.diamond {
    display: flex;
    align-items: center;
    background: rgb(66, 66, 66);
  }
  .header__burger-vip-level.diamond::after {
    width: 2.7707142857rem;
    height: 2.2085714286rem;
    content: "";
    top: 40%;
    left: -20%;
    z-index: -1;
    position: absolute;
    background: url("../../img/header/left-flag-diamond.svg") no-repeat;
    background-size: 100%;
  }
  .header__burger-vip-level.diamond::before {
    width: 2.7707142857rem;
    height: 2.2085714286rem;
    top: 40%;
    right: -20%;
    z-index: -1;
    content: "";
    position: absolute;
    background: url("../../img/header/right-flag-diamond.svg") no-repeat;
    background-size: 100%;
  }
  .header__burger-vip-level-title {
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 1.7857142857rem;
    line-height: 2.5rem;
    text-transform: uppercase;
  }
  .header__burger-account-chars-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.1428571429rem;
  }
  .header__burger-account-chars {
    display: grid;
    grid-template-columns: fit-content(100%) 3fr 1.1428571429rem;
    justify-items: center;
    width: 100%;
    -moz-column-gap: 0.3571428571rem;
    column-gap: 0.3571428571rem;
  }
  .header__burger-account-value {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .header__burger-account-star {
    width: 1.4285714286rem;
    height: 1.4285714286rem;
  }
  .header__burger-account-char-name {
    font-size: 1rem;
    line-height: 1.6rem;
    color: rgb(255, 255, 255);
    font-weight: 300;
  }
  .header__burger-account-info-wrapper {
    display: flex;
    align-items: center;
    position: relative;
  }
  .header__burger-account-info-icon {
    width: 1.1428571429rem;
    height: 1.1428571429rem;
  }
  .header__burger-account-info-icon:hover + .header__account-info {
    opacity: 1;
    visibility: visible;
  }
  .header__burger-account-profile {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5.0435714286rem;
    padding: 1.3135714286rem 2.0021428571rem;
    position: relative;
    cursor: pointer;
    color: rgb(196, 167, 103);
    font-size: 1rem;
    line-height: 1.18rem;
    text-transform: uppercase;
    width: 8.4285714286rem;
    transition: 0.7s ease-in-out;
    align-self: center;
    height: 3.3414285714rem;
    font-weight: 500;
  }
  .header__burger-account-profile:hover {
    transition: 0.6s;
    color: rgb(255, 221, 147);
    box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
    text-shadow: 0px 0px 12px rgb(255, 221, 147);
  }
  .header__burger-account-profile:active {
    transition: 0.7s ease-in-out;
  }
  .header__burger-account-profile:active::before {
    transition: 0.7s ease-in-out;
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    top: -0.1428571429rem;
    bottom: -0.1428571429rem;
    left: -0.1428571429rem;
    right: -0.1428571429rem;
    border-radius: 5.0435714286rem;
  }
  .header__burger-account-profile::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 5rem;
    border: 0.1428571429rem solid transparent;
    background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .header__burger-account-bottom-wrapper {
    display: flex;
    flex-direction: column;
  }
  .header__burger-account-replenish {
    background: url("../../img/bg/button-bg.png") no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5.7142857143rem;
    padding: 1.5rem 0;
    font-size: 1.1428571429rem;
    line-height: 1.3485714286rem;
    text-transform: uppercase;
    margin-bottom: 0.8571428571rem;
    position: relative;
    cursor: pointer;
    transition: 0.7s ease-in-out;
    color: black;
  }
  .header__burger-account-replenish:hover {
    color: rgb(255, 221, 147);
    transition: 0.7s;
    box-shadow: 0px 0px 22px 0px rgb(196, 167, 103), 0px 0px 22px 0px rgb(196, 167, 103), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
    text-shadow: 0px 0px 22px rgb(255, 221, 147);
  }
  .header__burger-account-replenish:active {
    transition: 0.7s ease-in-out;
  }
  .header__burger-account-replenish:active::before {
    transition: 0.7s ease-in-out;
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    top: -0.1428571429rem;
    bottom: -0.1428571429rem;
    left: -0.1428571429rem;
    right: -0.1428571429rem;
    border-radius: 5.0435714286rem;
  }
  .header__burger-account-replenish::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 5rem;
    border: 0.2142857143rem solid transparent;
    background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .header__burger-account-logout {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.8571428571rem;
    column-gap: 0.8571428571rem;
    padding: 0.7857142857rem 2.8571428571rem 0.7857142857rem 2.8571428571rem;
  }
  .header__burger-account-logout-icon {
    width: 2rem;
    height: 1.7142857143rem;
  }
  .header__logout-arrow {
    transition: 0.3s ease-in-out;
  }
  .header__burger-account-logout:hover .header__logout-arrow {
    transition: 0.3s ease-in-out;
    stroke: rgb(232, 202, 137);
    transform: translateX(-10%);
  }
  .header__burger-account-logout:active .header__logout-arrow {
    transition: 0.3s ease-in-out;
    stroke: rgba(196, 167, 103, 0.7);
  }
  .header__logout-path {
    transition: 0.3s ease-in-out;
  }
  .header__burger-account-logout:hover .header__logout-path {
    transition: 0.3s ease-in-out;
    stroke: rgb(232, 202, 137);
  }
  .header__burger-account-logout:active .header__logout-path {
    transition: 0.3s ease-in-out;
    stroke: rgba(196, 167, 103, 0.7);
  }
  .header__burger-account-logout-text {
    font-size: 1rem;
    line-height: 1.18rem;
    font-weight: 500;
    color: rgb(196, 167, 103);
    transition: 0.3s ease-in-out;
    text-transform: uppercase;
  }
  .header__burger-account-logout:hover .header__burger-account-logout-text {
    transition: 0.3s ease-in-out;
    color: rgb(232, 202, 137);
  }
  .header__burger-account-logout:active .header__burger-account-logout-text {
    transition: 0.3s ease-in-out;
    color: rgba(196, 167, 103, 0.7);
  }
}
@media screen and (max-width: 1023px) {
  .header__account-user-wrapper.mobile {
    display: none;
  }
  .header__user-wrapper.mobile .header__user-logo-wrapper {
    display: none;
  }
  .header__user-wrapper.mobile .header__user-name {
    display: none;
  }
  .header__menu.burger.active {
    overflow-y: scroll;
    width: 100vw;
    padding-right: 0;
  }
  .header__burger-wrapper {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .header__burger-wrapper::after {
    content: none;
  }
  .header__burger-menu::before {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    content: "";
    background: url("../../img/bg/burger-bg-768.png");
    opacity: 0.1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
  }
  .header__burger-menu::after {
    position: absolute;
    right: auto;
    content: url("../../img/bg/weed-burger-768.svg");
    bottom: 0;
    position: absolute;
    z-index: -1;
  }
  .header__language-wrapper.alt {
    display: none;
  }
  .header__language-list-wrapper {
    position: static;
    transform: none;
  }
  .header__language-list-wrapper.active {
    z-index: 10;
    width: 6.0714285714rem;
    transform: none;
    height: 15.7142857143rem;
    transition: 0.3s ease-in-out;
  }
  .header__item-list-wrapper.burger {
    display: grid;
    grid-template-columns: 1fr;
    flex-direction: column;
    padding-right: 7.1428571429rem;
    grid-auto-rows: auto;
    row-gap: 3.4285714286rem;
    border-right: 1px rgba(196, 167, 103, 0.4) solid;
  }
  .header__item-list-wrapper.burger::after {
    display: none;
  }
  .header__burger-mobile-item-wrapper:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .header__burger-mobile-item-wrapper:nth-child(3) {
    grid-column: 1;
    grid-row: 4;
  }
  .header__burger-mobile-item-wrapper:nth-child(4) {
    grid-column: 1;
    grid-row: 5;
  }
  .header__button-wrapper {
    flex: 1;
    justify-content: center;
    position: relative;
  }
  .header__burger-right {
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 0;
    z-index: 2;
  }
  .header__item-name {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
  .header__item {
    font-size: 1rem;
    line-height: 1.18rem;
  }
  .header__language-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .header__item.language {
    position: relative;
    color: rgba(216, 216, 212, 0.6);
    display: flex;
    z-index: 3;
    align-items: center;
  }
  .header__item.language:hover {
    transition: 0.3s;
    color: rgb(255, 255, 255);
  }
  .header__item.language::after {
    transition: 0.3s ease-in-out;
    content: "";
    width: 1.9285714286rem;
    height: 1.8571428571rem;
    background: url('data:image/svg+xml,<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 11.75L13.5 16.25L9 11.75" stroke="%23D8D8D4" stroke-opacity="0.6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 101%;
  }
  .header__language-list {
    display: flex;
    flex-direction: column;
    row-gap: 0.4285714286rem;
    background: rgb(27, 27, 27);
    box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
    padding: 0.2857142857rem 0px 0.2857142857rem 0px;
    border-radius: 0.7142857143rem;
    opacity: 1;
    visibility: visible;
    transition: 0.3s ease-in-out;
    height: 100%;
    overflow: hidden;
  }
  .header__language-item {
    position: relative;
    font-weight: 400;
    line-height: 1.8285714286rem;
    font-size: 1.1428571429rem;
    padding: 0.4285714286rem 1.1428571429rem 0.4285714286rem 1.1428571429rem;
    z-index: 3;
  }
  .header__language-item:active {
    background: rgba(255, 255, 255, 0.05);
  }
  .header__signup, .header__login {
    width: 17.8571428571rem;
  }
  .header__burger-account-wrapper {
    width: 14.3885714286rem;
    height: 100%;
    justify-content: flex-end;
  }
  .header__burger-account-bottom-wrapper {
    width: 100%;
    height: 100%;
    justify-content: center;
  }
  .header__burger-account-logout-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header__burger-account-logout {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .header__logo {
    width: 14.2857142857rem;
    height: 2.7857142857rem;
  }
  .header__account-balance-wrapper {
    display: none;
  }
  .header__user-wrapper.mobile {
    display: none;
  }
  .header__language {
    color: rgba(216, 216, 212, 0.6);
    display: flex;
    font-size: 1.0714285714rem;
    line-height: 1.2642857143rem;
    align-items: center;
  }
  .header__language.active::after {
    transition: 0.3s;
    content: "";
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    transform: rotate(180deg);
  }
  .header__language-wrapper.mobile {
    position: relative;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    grid-column: 2;
    grid-row: 3;
  }
  .header__language-list-wrapper {
    position: absolute;
  }
  .header__language-wrapper {
    display: none;
  }
  .header__menu.burger.active {
    padding: 0;
  }
  .header__burger-menu::after {
    content: "";
    top: -8%;
    right: 0;
    position: absolute;
    background: url("../../img/bg/weed-burger-510.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    z-index: -1;
  }
  .header__burger-menu::before {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    content: "";
    background: url("../../img/bg/bg-burger-510.png");
    opacity: 0.1;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
  }
  .header__burger-wrapper {
    overflow: auto;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    row-gap: 1.4285714286rem;
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
    padding-bottom: 6.4285714286rem;
    padding-top: 8.1428571429rem;
  }
  .header__burger-wrapper.logged {
    padding-bottom: 3.4085714286rem;
  }
  .header__item-list-wrapper.burger {
    display: flex;
    align-items: center;
    padding-right: 0;
    border-right: none;
    row-gap: 2.6428571429rem;
    justify-content: center;
  }
  .header__item-list-wrapper.logged {
    display: grid;
    grid-template-columns: 5.8571428571rem 9.8571428571rem;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    -moz-column-gap: 3.4285714286rem;
    column-gap: 3.4285714286rem;
    row-gap: 1.7142857143rem;
    grid-auto-rows: auto;
    padding-bottom: 2.1428571429rem;
    border-bottom: 0.0714285714rem solid rgba(196, 167, 103, 0.4);
  }
  .header__burger-content {
    flex: 1 1 min-content;
    height: 100%;
    flex-direction: column;
  }
  .header__burger-wrapper .header__burger-content {
    row-gap: 8.5rem;
  }
  .header__burger-wrapper.logged .header__burger-content {
    row-gap: 0;
  }
  .header__item-list-wrapper.logged .header__menu-list {
    display: none;
  }
  .header__burger-mobile-list {
    padding: 0.2857142857rem 0;
    row-gap: 0;
  }
  .header__burger-account-wrapper {
    padding-top: 2.5rem;
    height: -moz-fit-content;
    height: fit-content;
  }
  .header__burger-mobile-list-wrapper.active {
    max-height: 71.4285714286rem;
    transition: max-height 1.5s;
  }
  .header__burger-mobile-list-item {
    width: 100%;
    display: flex;
    padding-top: 0.4285714286rem;
    padding-bottom: 0.4285714286rem;
    padding-left: 1.1428571429rem;
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
    font-weight: 400;
    text-transform: capitalize;
    color: rgb(255, 255, 255);
  }
  .header__burger-mobile-list-item:active {
    background: rgba(255, 255, 255, 0.05);
  }
  .header__burger-wrapper.logged .header__burger-right {
    height: -moz-fit-content;
    height: fit-content;
  }
  .header__burger-right {
    padding-left: 0;
    height: 100%;
  }
  .header__burger-account {
    margin-bottom: 5.4092857143rem;
  }
  .header__menu-item-list {
    border-radius: 1.0714285714rem;
    padding: 0.4285714286rem 1.1428571429rem 0.4285714286rem;
    width: 22.8571428571rem;
    background: rgb(16, 16, 16);
    display: flex;
    flex-direction: column;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
    overflow: hidden;
  }
  .header__item-list-left, .header__item-list-right {
    row-gap: 2.6428571429rem;
    align-items: center;
  }
  .header__item-list-left {
    margin-bottom: 2.3571428571rem;
  }
  .header__burger-mobile-item-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .header__burger-mobile-item-wrapper:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  .header__burger-mobile-item-wrapper:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
  }
  .header__burger-mobile-item-wrapper:nth-child(3) {
    grid-row: 2;
    grid-column: 1;
  }
  .header__burger-mobile-item-wrapper:nth-child(4) {
    grid-row: 2;
    grid-column: 2;
  }
  .header__burger-mobile-item-wrapper:nth-child(5) {
    grid-row: 3;
    grid-column: 1;
  }
  .header__burger-mobile-item-name {
    display: flex;
    align-items: center;
    font-family: "TT Norms", sans-serif;
    color: rgb(216, 216, 212);
    font-weight: 500;
    font-size: 1.0714285714rem;
    line-height: 1.2642857143rem;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  .header__burger-mobile-item-name:hover {
    transition: 0.3s;
    color: rgb(255, 255, 255);
  }
  .header__burger-mobile-item-name::after {
    transition: 0.3s;
    content: "";
    width: 1.8571428571rem;
    height: 1.8571428571rem;
    background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 11.75L13 16.25L8.5 11.75" stroke="%23D8D8D4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    background-size: 100%;
  }
  .header__burger-mobile-item-name.active::after {
    transform: rotate(180deg);
  }
  .header__burger-wrapper.logged .header__burger-mobile-list-wrapper {
    left: 0;
    transform: translate(-15%, 0);
  }
  .header__burger-mobile-list-wrapper {
    top: 130%;
    position: absolute;
    z-index: 4;
    transition: max-height 0.5s;
    border-radius: 1.0714285714rem;
    width: 14.5714285714rem;
    background: rgb(16, 16, 16);
    box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
    position: absolute;
    max-height: 0;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .header__item.language {
    display: flex;
  }
  .header__item.language:hover {
    transition: 0.3s;
    color: rgb(255, 255, 255);
  }
  .header__burger-account-bottom-wrapper {
    align-items: center;
  }
  .header__burger-account-logout {
    justify-content: normal;
  }
  .header__burger-account-replenish {
    font-size: 1rem;
    line-height: 1.18rem;
    font-weight: 500;
    width: 9.7892857143rem;
    padding: 1.3135714286rem 2.0014285714rem 1.3135714286rem 2.0014285714rem;
  }
  .header__item-name.active::after {
    transition: 0.3s;
    content: "";
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    transform: rotate(180deg);
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8L10.5 12.5L6 8' stroke='white' stroke-opacity='0.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
    background-size: 100%;
  }
  .header__menu-list {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .header__menu.burger.active {
    display: block;
    row-gap: 8rem;
  }
  .header__item:active {
    background: rgba(255, 255, 255, 0.05);
  }
  .header__login, .header__signup {
    width: 22.8571428571rem;
  }
  .header__button-wrapper::after {
    position: absolute;
    right: auto;
    content: none;
    top: 0;
    transform: translateY(160%);
    position: fixed;
  }
  .header__language {
    justify-content: center;
    width: 3.4285714286rem;
  }
}

.header.fixed {
  top: -1px;
  position: sticky;
  transition: 0.1s;
  background: rgba(22, 22, 22, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 100%;
}
.header.fixed:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: -webkit-linear-gradient(left, rgba(238, 222, 186, 0.5) 0%, rgba(196, 167, 103, 0.5) 100%);
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .header.fixed > .weed-background {
    transform: translateY(-36px);
  }
}
.main {
  transition: 0.3s;
  padding-top: 2.7142857143rem;
  padding-bottom: 11rem;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
  z-index: 1;
  align-items: center;
}
@keyframes vanish {
  0% {
    display: none;
    opacity: 0;
  }
  50% {
    display: flex;
    opacity: 0.5;
    visibility: visible;
  }
}
.main.contacts-main {
  padding-top: 5.0714285714rem;
}
.main__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.main__wrapper.refunds, .main__wrapper.customer, .main__wrapper.contacts-wrapper, .main__wrapper.terms-wrapper, .main__wrapper.privacy, .main__wrapper.cookie, .main__wrapper.complaints, .main__wrapper.games-rules, .main__wrapper.sportsbook-wrapper, .main__wrapper.rules, .main__wrapper.house-rules, .main__wrapper.security, .main__wrapper.casino-wrapper, .main__wrapper.chargeback {
  justify-content: center;
}
.main__wrapper.responsible-gaming-wrapper {
  justify-content: center;
}
.main__renewed {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main__renewed {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}
.main__back-page-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 3.9285714286rem;
}
.main__back-page-wrapper:hover .main__back-page-text {
  color: rgb(216, 216, 212);
  transition: 0.3s ease-in;
}
.main__back-page-icon path {
  stroke: rgba(216, 216, 212, 0.6);
  transition: 0.3s ease-in;
}
.main__back-page-wrapper:hover .main__back-page-icon path {
  stroke: rgb(216, 216, 212);
  transition: 0.3s ease-in;
}
.main__back-page-icon {
  width: 1.8571428571rem;
  height: 1.8571428571rem;
}
.main__back-page-text {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgba(216, 216, 212, 0.6);
  text-transform: uppercase;
  transition: 0.3s ease-in;
}
.main__content-wrapper {
  width: 100%;
  display: flex;
}
.main__content-wrapper.сhargeback {
  -moz-column-gap: 4.7857142857rem;
  column-gap: 4.7857142857rem;
}
.main__content-wrapper.responsible-wrapper {
  -moz-column-gap: 4.7857142857rem;
  column-gap: 4.7857142857rem;
}
.main__content-wrapper.terms, .main__content-wrapper.privacy, .main__content-wrapper.cookie, .main__content-wrapper.sportsbook, .main__content-wrapper.security {
  -moz-column-gap: 7.3571428571rem;
  column-gap: 7.3571428571rem;
}
.main__content-wrapper.terms section, .main__content-wrapper.sportsbook section, .main__content-wrapper.security {
  counter-reset: paragraph-counter list-counter;
  counter-increment: section-counter;
}
.main__content-wrapper.privacy section {
  counter-reset: paragraph-counter list-counter;
  counter-increment: section-counter;
}
.main__content-wrapper.terms, .main__content-wrapper.sportsbook section ol {
  counter-reset: list-counter;
}
.main__content-wrapper.privacy section ol {
  counter-reset: list-counter;
}
.main__content-wrapper.terms section:first-of-type {
  counter-reset: section-counter -1;
}
.main__content-wrapper.terms section:not(.end-user) p::before {
  content: counter(section-counter) "." counter(paragraph-counter) ".";
  counter-increment: paragraph-counter;
  display: block;
  max-width: 2.7857142857rem;
  width: 100%;
}
.main__content-wrapper.sportsbook section .general-provisions__texts-wrapper::before {
  content: counter(section-counter) "." counter(paragraph-counter) ".";
  counter-increment: paragraph-counter;
  display: block;
  max-width: 2.0714285714rem;
  width: 100%;
}
.main__content-wrapper.privacy section div > p:not(.privacy-categories__source)::before {
  content: counter(section-counter) "." counter(paragraph-counter) ".";
  counter-increment: paragraph-counter;
  display: block;
  max-width: 2.7857142857rem;
  width: 100%;
}
.main__content-wrapper.privacy section:nth-last-child(1) > p::before {
  content: counter(section-counter) "." counter(paragraph-counter) ".";
  counter-increment: paragraph-counter-1;
  display: block;
  max-width: 2.7857142857rem;
  width: 100%;
}
.main__content-wrapper.privacy section:nth-last-child(1) div > p:not(:nth-child(1)):before {
  content: "";
}
.main__content-wrapper.sportsbook section ol li::before {
  content: counter(section-counter) "." counter(paragraph-counter) "." counter(list-counter) ".";
  counter-increment: list-counter;
  max-width: 2.7857142857rem;
  display: block;
  width: 100%;
}
.main__content-wrapper.terms section ol li::before {
  content: counter(section-counter) "." counter(paragraph-counter) "." counter(list-counter) ".";
  counter-increment: list-counter;
  max-width: 2.7857142857rem;
  display: block;
  width: 100%;
}
.main__content-wrapper.sportsbook .rules-offering p::before {
  content: counter(section-counter) "." counter(paragraph-counter) ".";
  counter-increment: paragraph-counter;
  max-width: 3.2142857143rem;
  display: block;
  width: 100%;
}
.main__content-wrapper.security .general-terms p::before {
  content: counter(section-counter) "." counter(paragraph-counter) ".";
  counter-increment: paragraph-counter;
  max-width: 2.0714285714rem;
  display: block;
  width: 100%;
}
.main__content-wrapper.sportsbook section ol li::before {
  content: counter(section-counter) "." counter(paragraph-counter) "." counter(list-counter) ".";
  counter-increment: list-counter;
  max-width: 3.2142857143rem;
  display: block;
  width: 100%;
}
.main__content-wrapper.privacy section ol li::before {
  content: counter(section-counter) "." counter(paragraph-counter) "." counter(list-counter) ".";
  counter-increment: list-counter;
  max-width: 2.7857142857rem;
  display: block;
  width: 100%;
}
.main__content {
  width: 100%;
}
.main__wrapper.games {
  padding-top: 0;
  flex-direction: column;
}
.main__wrapper.page {
  width: 91.7142857143rem;
  align-self: center;
}
.main__wrapper.main-wrapper-account {
  width: 91.7142857143rem;
  align-self: center;
}
.main__wrapper.demo-game-wrapper {
  max-width: 91.7142857143rem;
  align-self: center;
  width: 100%;
}
.main__right-content {
  width: 73.1428571429rem;
}
.main__page-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
  text-transform: uppercase;
  color: rgb(196, 167, 103);
  margin-bottom: 3.6428571429rem;
}
.main__page-title.chargeback {
  margin-bottom: 3.1428571429rem;
}
.main__page-title.customer {
  margin-bottom: 6.7857142857rem;
}
@media (min-width: 1441px) {
  .main__page-title.complaints {
    transform: translate(4.5rem, 2.2857142857rem);
  }
}
.main__back-wrapper {
  display: none;
}
.main__page-description-wrapper {
  display: flex;
  -moz-column-gap: 6.3571428571rem;
  column-gap: 6.3571428571rem;
  padding-bottom: 8.7857142857rem;
}
.main__page-description {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
}
.main__section-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.main__for-partners-wrapper {
  display: flex;
  -moz-column-gap: 4.0714285714rem;
  column-gap: 4.0714285714rem;
}
.main__for-partners-text-wrapper {
  display: inline-block;
}
.main__for-partners-text-wrapper:nth-child(1) > .main__for-partners-text:nth-child(1) {
  margin-bottom: 1.0714285714rem;
}
.main__for-partners-text {
  display: inline-block;
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
}
.main__nuance-wrapper {
  display: flex;
  -moz-column-gap: 5.2142857143rem;
  column-gap: 5.2142857143rem;
}
.main__nuance-wrapper > .main__nuance {
  width: 34.1428571429rem;
}
.main__nuances-wrapper {
  display: grid;
  grid-template-columns: 24.1428571429rem 24.1428571429rem;
  -moz-column-gap: 4.1428571429rem;
  column-gap: 4.1428571429rem;
  row-gap: 2.1428571429rem;
}
.main__nuance-icon {
  width: 2.4285714286rem;
  height: 2.4285714286rem;
  margin-bottom: 0.9878571429rem;
}
.main__nuance-text {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
}
.main__section-description {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
}
.main__section-description:nth-child(2) {
  margin-bottom: 1.7142857143rem;
}
.main__section-item-list > li {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
  list-style-type: disc;
  margin-left: 2.1428571429rem;
}
.main__section-item-list > li::marker {
  font-size: 1.4285714286rem;
}
.main__section-item-list {
  margin-bottom: 1.7142857143rem;
}
.main__partners-form-wrapper {
  display: flex;
  justify-content: center;
}
.main__form-wrapper:not(.login-form, .register-form) {
  display: flex;
  flex-direction: column;
  border-radius: 0.7142857143rem;
  padding: 2.1428571429rem;
  background: rgba(0, 0, 0, 0.3);
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  z-index: 3;
  -webkit-backdrop-filter: blur(0.1428571429rem);
  backdrop-filter: blur(0.1428571429rem);
}
.main__form-wrapper:not(.login-form, .register-form)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 0.7142857143rem;
  border: 0.1071428571rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, rgba(238, 222, 186, 0.3) 0%, rgba(196, 167, 103, 0.3) 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__form-wrapper.register-form, .main__form-wrapper.login-form {
  border: none;
  background: none;
  padding: 0;
}
.main__form-wrapper.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main__partners-form-spark, .main__vip-spark {
  position: absolute;
}
.main__partners-form-spark.left {
  left: -8%;
}
.main__partners-form-spark.right {
  right: -8%;
}
.main__vip-spark.left {
  left: -20%;
  width: 35.8571428571rem;
}
.main__vip-spark.right {
  right: -20%;
  width: 35.8571428571rem;
}
.main__vip-wrapper {
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 4.8571428571rem;
}
.main__vip-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
}
.main__vip-card-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  border-radius: 0.7142857143rem;
  box-shadow: 4px 4px 21.8px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  width: 100vw;
  height: 100vh;
  overflow: auto;
}
.main__vip-card-modal.newbie > .main__vip-card-modal-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(41, 109, 84, 0.5) border-box;
  inset: 0;
  border-radius: 0.3571428571rem;
  border: 0.0357142857rem solid transparent;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__vip-card-modal.bronze > .main__vip-card-modal-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(148, 96, 75, 0.5) border-box;
  inset: 0;
  border-radius: 0.3571428571rem;
  border: 0.0357142857rem solid transparent;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__vip-card-modal.silver > .main__vip-card-modal-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(216, 216, 212, 0.5) border-box;
  inset: 0;
  border-radius: 0.3571428571rem;
  border: 0.0357142857rem solid transparent;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__vip-card-modal.gold > .main__vip-card-modal-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(196, 167, 103, 0.5) border-box;
  inset: 0;
  border-radius: 0.3571428571rem;
  border: 0.0357142857rem solid transparent;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__vip-card-modal.platinum > .main__vip-card-modal-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background: linear-gradient(121.08deg, #fafafa 2.69%, #545454 97%) border-box;
  inset: 0;
  border-radius: 0.3571428571rem;
  border: 0.0357142857rem solid transparent;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__vip-card-modal.diamond > .main__vip-card-modal-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background: linear-gradient(118.55deg, #ffffff 0%, #565656 100.95%) border-box;
  inset: 0;
  border-radius: 0.3571428571rem;
  border: 0.0357142857rem solid transparent;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__vip-card-modal.active {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.main__vip-card-modal-close {
  position: absolute;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  right: 5%;
  top: 5%;
  z-index: 5;
  transition: 0.5s;
  cursor: pointer;
}
.main__vip-card-modal-close:hover .main__vip-card-modal-close-path {
  stroke: rgba(216, 216, 212, 0.5);
  transition: 0.5s;
}
.main__vip-card-modal-wrapper {
  background: rgb(16, 16, 16);
  width: 58rem;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  padding: 3.2857142857rem 2.5714285714rem 3.7857142857rem 2.5714285714rem;
}
.main__vip-card-modal-text:nth-child(1), .main__vip-card-modal-text:nth-child(2) {
  width: 29.5714285714rem;
}
.main__vip-card-modal-text:nth-child(1) {
  color: rgb(255, 255, 255);
  font-weight: 500;
}
.main__vip-card-modal-level {
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  font-weight: 500;
  margin-bottom: 1.4285714286rem;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
.main__vip-gold-text {
  color: rgb(196, 167, 103);
  font-weight: 700;
}
.main__vip-cards-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4285714286rem 13.0478571429rem;
  z-index: 3;
}
.main__vip-card-modal-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2.2857142857rem;
  line-height: 2.5235714286rem;
  margin-bottom: 3rem;
  text-transform: uppercase;
}
.main__vip-card-modal-text {
  font-size: 1.2142857143rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
}
.main__vip-modal-img {
  position: absolute;
  width: 13.1428571429rem;
  height: 15.4792857143rem;
  right: 10%;
  bottom: 70%;
}
.main__vip-card-modal-text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.4285714286rem;
  position: relative;
}
.main__vip-card-modal-title.newbie-title {
  color: rgb(41, 109, 84);
}
.main__vip-card-modal-title.gold-title {
  background-image: url("../../img/bg/gold.png");
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main__vip-card-modal-title.bronze-title {
  background-image: url("../../img/bg/bronze.png");
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main__vip-card-modal-title.silver-title {
  background-image: url("../../img/bg/silver.png");
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main__vip-card-modal-title.platinum-title {
  color: rgb(216, 216, 212);
  position: relative;
  z-index: 2;
}
.main__vip-card-modal-title.platinum-title:after {
  position: absolute;
  bottom: -90%;
  left: 70px;
  transform: scale(0.8);
  z-index: -1;
  content: url("../../img/vip/shine-text.png");
}
.main__vip-card-modal-title.diamond-title {
  color: rgb(255, 255, 255);
  position: relative;
  z-index: 2;
}
.main__vip-card-modal-title.diamond-title::before {
  position: absolute;
  bottom: -35%;
  left: -27px;
  z-index: -1;
  content: url("../../img/vip/shine-diamond-small.png");
}
.main__vip-card-modal-title.diamond-title::after {
  position: absolute;
  bottom: -140%;
  left: 66px;
  transform: scale(0.8);
  z-index: -1;
  content: url("../../img/vip/shine-diamond-big.png");
}
.main__vip-newbie-text {
  font-weight: 700;
  color: rgb(41, 109, 84);
}
.main__vip-bronze-text {
  font-weight: 700;
  color: rgb(148, 96, 75);
}
.main__vip-silver-text {
  font-weight: 700;
  background: linear-gradient(90deg, #ffffff 55.68%, #5a5858 76.96%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main__vip-platinum-text {
  font-weight: 700;
  background: linear-gradient(90.11deg, #ffffff 39.11%, #5a5858 85.36%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main__vip-diamond-text {
  font-weight: 700;
  background: linear-gradient(90.03deg, #ffffff 30.7%, #5a5858 93.47%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main__vip-modal-gifts-wrapper {
  display: flex;
}
.main__vip-modal-gift {
  width: 25.7142857143rem;
  font-size: 1.2142857143rem;
  line-height: 1.9428571429rem;
  font-weight: 700;
  list-style-type: disc;
  margin-left: 1.1428571429rem;
  cursor: inherit;
  color: rgb(148, 96, 75);
}
.main__vip-modal-gift::marker {
  font-size: 1.1428571429rem;
}
.main__vip-card {
  padding: 0.5221428571rem 0.6728571429rem 0.5221428571rem 0.6728571429rem;
  border-radius: 0.7142857143rem;
  background: rgba(0, 0, 0, 0.58);
  box-shadow: 4px 4px 21.8px 0px rgba(0, 0, 0, 0.2);
  height: -moz-fit-content;
  height: fit-content;
  width: 17.5rem;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
}
.main__vip-card:hover {
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.9);
}
.main__vip-card.newbie::before {
  position: absolute;
  z-index: -1;
  content: "";
  background: url("../../img/vip/newbie-flag.svg") no-repeat;
  background-size: 4.5664285714rem;
  top: 22%;
  left: -18%;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
}
.main__vip-card.bronze::before {
  position: absolute;
  z-index: -1;
  content: "";
  background: url("../../img/vip/bronze-flag.svg") no-repeat;
  background-size: 4.5664285714rem;
  top: 22%;
  left: -18%;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
}
.main__vip-card.silver::before {
  position: absolute;
  z-index: -1;
  content: "";
  background: url("../../img/vip/silver-flag.svg") no-repeat;
  background-size: 4.5664285714rem;
  top: 22%;
  left: -18%;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
}
.main__vip-card.gold::before {
  position: absolute;
  z-index: -1;
  content: "";
  background: url("../../img/vip/gold-flag.svg") no-repeat;
  background-size: 4.5664285714rem;
  top: 22%;
  left: -18%;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
}
.main__vip-card.platinum::before {
  position: absolute;
  z-index: -1;
  content: "";
  background: url("../../img/vip/platinum-flag.svg") no-repeat;
  background-size: 100%;
  top: 22%;
  left: -18%;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
}
.main__vip-card.platinum::after {
  top: 0;
  content: "";
  position: absolute;
  background: url("../../img/vip/platinum-spark.svg") no-repeat;
  width: 4.8171428571rem;
  height: 4.3121428571rem;
  right: 0;
  z-index: 1;
  background-position: center;
}
.main__vip-card.diamond::before {
  position: absolute;
  z-index: -1;
  content: "";
  background: url("../../img/vip/diamond-flag.svg") no-repeat;
  background-size: 4.5664285714rem;
  top: 22%;
  left: -18%;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
}
.main__vip-card.diamond::after {
  top: -5%;
  content: "";
  position: absolute;
  background: url("../../img/vip/diamond-spark-small.svg") no-repeat, url("../../img/vip/diamond-spark-big.svg") no-repeat;
  width: 7.5714285714rem;
  height: 7.1428571429rem;
  right: 0;
  z-index: 1;
  background-position: 20%, center right;
  background-size: 2.7857142857rem, 4.7857142857rem;
}
.main__vip-card-wrapper {
  padding-top: 2.1921428571rem;
  position: relative;
}
.main__vip-card-wrapper::before {
  position: absolute;
  content: "";
  display: block;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, rgba(238, 222, 186, 0.3) 0%, rgba(196, 167, 103, 0.3) 100%) border-box;
  inset: 0;
  border-radius: 0.3571428571rem;
  border: 0.0357142857rem solid transparent;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__vip-card-title-wrapper {
  display: flex;
  justify-content: center;
  transform: translateX(-10%);
  width: 16.5021428571rem;
  background: rgb(22, 49, 39);
  position: relative;
  z-index: 2;
}
.main__vip-card-title {
  padding-top: 0.7142857143rem;
  padding-bottom: 0.595rem;
}
.main__vip-card-title-wrapper.newbie {
  background: rgb(22, 49, 39);
}
.main__vip-card-title-wrapper.bronze {
  background: url("../../img/bg/bronze.png") no-repeat;
  background-size: 100%;
}
.main__vip-card-title-wrapper.silver {
  background: url("../../img/bg/silver.png") no-repeat;
  background-size: 100%;
}
.main__vip-card-title-wrapper.gold {
  background: url("../../img/bg/gold.png") no-repeat;
  background-size: 100%;
}
.main__vip-card-title-wrapper.platinum {
  background: rgb(216, 216, 212);
}
.main__vip-card-title-wrapper.diamond {
  background: rgb(35, 35, 35);
}
.main__vip-card-title-wrapper.bronze > h1, .main__vip-card-title-wrapper.silver > h1, .main__vip-card-title-wrapper.gold > h1, .main__vip-card-title-wrapper.platinum > h1 {
  color: black;
}
.main__vip-card-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
  text-transform: uppercase;
}
.main__vip-card-level {
  font-weight: 500;
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  color: rgb(255, 255, 255);
  width: -moz-max-content;
  width: max-content;
  text-transform: uppercase;
}
.main__vip-card-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main__vip-card-number {
  font-family: "Gamgote", sans-serif;
  font-weight: 400;
  font-size: 5.7142857143rem;
  color: rgb(255, 255, 255);
}
.main__vip-card-level-wrapper {
  justify-content: space-between;
  padding-top: 2.2621428571rem;
  padding-left: 1.3271428571rem;
  padding-right: 0.7557142857rem;
  display: flex;
  align-items: center;
}
.main__vip-card-icon {
  width: 6.2857142857rem;
  height: 6.8307142857rem;
}
.main__form {
  display: flex;
  flex-direction: column;
}
.main__form.login-form {
  width: 100%;
  align-items: center;
}
.main__form.change-form {
  row-gap: 1.9285714286rem;
}
.main__form.amount-form {
  row-gap: 2.1428571429rem;
}
.main__form.exchange-form {
  -moz-column-gap: 2.1428571429rem;
  column-gap: 2.1428571429rem;
  flex-direction: row;
  align-items: center;
}
.main__partners-form-wrapper .main__form.request-form .main__form-input-label-wrapper:nth-last-child(1) {
  grid-area: auto;
}
.main__form.request-form .main__form-input-label-wrapper:nth-last-child(1) {
  grid-area: auto/1/span 1/span 2;
}
.main__form-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 2.5rem;
  margin-bottom: 3.5714285714rem;
  font-weight: 100;
}
.main__form-title.account-title {
  margin-bottom: 2.7142857143rem;
}
.main__form-input-wrapper {
  display: grid;
  grid-template-columns: 24.7857142857rem 24.7857142857rem;
  gap: 1.9285714286rem 0.7142857143rem;
  margin-bottom: 3.1428571429rem;
}
.main__form-input-wrapper.complaints {
  display: grid;
  grid-template-columns: 31.6785714286rem 31.6785714286rem;
  gap: 1.9285714286rem 0.7142857143rem;
  margin-bottom: 2.1428571429rem;
}
.main__form-input-wrapper.complaints .main__form-input-label-wrapper input {
  width: 100%;
}
.main__form-input-wrapper.complaints .main__form-select-wrapper {
  width: 100%;
}
.main__form-input-wrapper.regiser-input-wrapper {
  display: grid;
  grid-template-columns: 36.3571428571rem 36.3571428571rem;
  gap: 1.9285714286rem 0.7142857143rem;
  margin-bottom: 3.1428571429rem;
}
.main__form-input {
  padding: 1.0714285714rem 3.9285714286rem 1.0714285714rem 1.7857142857rem;
  background: rgba(0, 0, 0, 0.4);
  border: none;
  color: rgba(216, 216, 212, 0.6);
  outline: none;
  font-size: 1.1428571429rem;
  line-height: 1.4514285714rem;
  font-weight: 300;
  width: 24.7857142857rem;
  border-radius: 5.0042857143rem;
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
}
.main__form-input::-moz-placeholder {
  opacity: 0;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.main__form-input::placeholder {
  opacity: 0;
  transition: 0.5s;
}
.main__form-input:focus {
  background: black;
  color: rgb(216, 216, 212);
}
.main__form-input:disabled {
  color: rgba(216, 216, 212, 0.3);
  background: rgba(0, 0, 0, 0.3);
}
.main__form-input.refunds-description {
  width: 100%;
}
.main__form-input.description {
  width: 100%;
}
.main__form-input.description + .main__form-label {
  left: 3.5%;
}
.main__form-input.phone {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.main__form-input.young {
  border: 0.0714285714rem rgb(203, 61, 69) solid;
}
.main__form-input.amount {
  padding-right: 4.7857142857rem;
  width: 100%;
}
.main__form-input.total-scores, .main__form-input.get-scores {
  width: 100%;
}
.main__form-input.get-scores {
  margin-right: 0;
}
.main__amount-currency-wrapper {
  position: absolute;
  top: 32%;
  right: 5%;
}
.main__amount-currency {
  font-size: 1.1428571429rem;
  line-height: 1.4514285714rem;
  font-weight: 400;
  color: rgba(216, 216, 212, 0.3);
}
.main__form-exchange-button {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.7142857143rem;
  padding: 1.2142857143rem 0;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 21.9285714286rem;
  color: rgb(196, 167, 103);
  align-self: start;
}
.main__form-exchange-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.main__form-exchange-button:active {
  transition: 0.3s ease-in-out;
}
.main__form-exchange-button:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.main__form-exchange-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__form-input-label-wrapper.password {
  position: relative;
  padding: 0;
  border: none;
  color: rgba(216, 216, 212, 0.6);
  outline: none;
  display: flex;
  align-items: center;
  font-size: 1.1428571429rem;
  line-height: 1.4514285714rem;
  font-weight: 400;
  width: 100%;
  border-radius: 5.0042857143rem;
}
.main__form-input-label-wrapper.password::-moz-placeholder {
  opacity: 0;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.main__form-input-label-wrapper.password::placeholder {
  opacity: 0;
  transition: 0.5s;
}
.main__form-input-label-wrapper.password:focus {
  background: black;
  color: rgba(255, 255, 255, 0.8);
}
.main__password-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.main__password-hide, .main__password-show {
  position: absolute;
  width: 1.5rem;
  height: 0.9rem;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 5;
  transition: 0.5s;
}
.main__password-hide {
  backface-visibility: hidden;
  transition: 0.5s;
}
.main__password-show {
  transform: rotateX(180deg);
  backface-visibility: hidden;
  transition: 0.5s;
}
.main__password-hide:hover .main__password-hide-path {
  fill: rgb(216, 216, 212);
  transition: 0.5s;
}
.main__password-icon.active {
  transform: rotateX(180deg);
  transition: 0.5s;
}
.main__password-show:hover .main__password-show-path {
  fill: rgb(216, 216, 212);
  transition: 0.5s;
}
.main__password-show:hover .main__password-show-stroke {
  stroke: rgb(216, 216, 212);
  transition: 0.5s;
}
.main__password-icon-wrapper {
  position: absolute;
  right: 5%;
  width: 1.5rem;
  height: 0.9rem;
}
.main__password-forgot {
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgb(196, 167, 103);
  font-weight: 500;
  margin-bottom: 1.1428571429rem;
  transition: 0.3s ease-in;
  cursor: pointer;
}
.main__password-forgot:hover {
  color: rgba(196, 167, 103, 0.5);
  transition: 0.3s ease-in;
}
.main__password-register-wrapper {
  display: flex;
  -moz-column-gap: 0.8571428571rem;
  column-gap: 0.8571428571rem;
  align-items: center;
  margin-bottom: 5.5rem;
}
.main__password-register-wrapper span {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 500;
  color: rgb(196, 167, 103);
  cursor: pointer;
  transition: 0.3s ease-in;
}
.main__password-register-wrapper span:hover {
  color: rgba(196, 167, 103, 0.5);
  transition: 0.3s ease-in;
}
.main__password-register {
  font-size: 1.1428571429rem;
  line-height: 1.8428571429rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.main__password-confirm {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(216, 216, 212, 0.8);
}
.main__password-confirm span {
  color: rgb(196, 167, 103);
}
.main__password-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main__form-select-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.3571428571rem;
  width: 36.3571428571rem;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
}
.main__form-select-wrapper.active .main__form-dropdown-icon {
  transform: rotate(180deg);
  transition: 0.3s ease-in;
}
.main__form-select {
  padding: 1.0714285714rem 1.7857142857rem 1.0714285714rem 1.7857142857rem;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: rgba(216, 216, 212, 0.6);
  outline: none;
  font-size: 1.1428571429rem;
  line-height: 1.4514285714rem;
  font-weight: 400;
  width: 100%;
  border-radius: 5.0042857143rem;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  cursor: pointer;
}
.main__form-select::-moz-placeholder {
  opacity: 0;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.main__form-select::placeholder {
  opacity: 0;
  transition: 0.5s;
}
.main__form-select:focus {
  background: black;
}
.main__form-select.invalid, .main__form-select.highlight {
  border: 1px solid rgb(203, 61, 69);
}
.main__form-select-current {
  position: absolute;
  left: 5%;
}
.main__form-verify-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.9285714286rem;
}
.main__form-select-list-wrapper {
  display: flex;
  flex-direction: column;
  background: rgb(16, 16, 16);
  box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
  border-radius: 1.8571428571rem;
  max-height: 0;
  overflow: hidden;
  transition: 0.5s;
  position: absolute;
  top: 120%;
  width: 100%;
  z-index: 5;
}
.main__form-select-list-wrapper.active {
  transition: 0.5s;
  max-height: 18.1428571429rem;
}
.main__form-phone-list-wrapper {
  display: flex;
  flex-direction: column;
  background: rgb(16, 16, 16);
  box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
  border-radius: 1.8571428571rem;
  max-height: 0;
  max-width: 100%;
  overflow: hidden;
  transition: 0.5s;
  position: absolute;
  top: 120%;
  z-index: 5;
}
.main__form-phone-list-wrapper.active {
  max-height: 22.2142857143rem;
}
.main__form-select-input {
  color: rgba(255, 255, 255, 0.4);
  background: none;
  outline: none;
  border: none;
  padding-left: 0.8571428571rem;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  width: 34.6428571429rem;
}
.main__form-input.register-input, .main__form-input.login-input {
  width: 36.3571428571rem;
}
.main__form-input.password {
  width: 100%;
}
.main__form-phone-flag {
  width: 1.5rem;
  height: 1.0714285714rem;
}
.main__form-phone-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.1785714286rem;
  column-gap: 0.1785714286rem;
}
.main__form-select-input-wrapper, .main__form-phone-input-wrapper {
  align-items: center;
  display: flex;
  padding: 1.4285714286rem 0.8571428571rem 0.8571428571rem 1.7857142857rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.main__form-select-input-icon {
  width: 1.1428571429rem;
  height: 1.1428571429rem;
}
.main__form-select-list {
  overflow-y: scroll;
  scrollbar-color: rgba(255, 255, 255, 0.05) transparent;
  scrollbar-width: thin;
}
.main__form-select-list-item-wrapper:hover {
  background: rgba(255, 255, 255, 0.05);
}
.main__form-select-list-item {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 400;
  padding-top: 0.4285714286rem;
  padding-bottom: 0.4285714286rem;
  padding-left: 1.1428571429rem;
  padding-right: 0.5714285714rem;
  color: rgb(255, 255, 255);
}
.main__form-select-list-item.phone {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.6071428571rem;
  column-gap: 0.6071428571rem;
}
.main__form-dropdown-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.main__form-dropdown-icon.active {
  transform: rotate(180deg);
  transition: 0.3s ease-in-out;
}
.main__form-select-list.phone {
  display: flex;
  flex-direction: column;
}
.main__not-found {
  padding-top: 1.4285714286rem;
  padding-bottom: 1.4285714286rem;
  row-gap: 1.4285714286rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main__form-input.invalid, .main__form-input.highlight, .main__form-input.not-confirmed, .main__form-input.invalid-format {
  border: 1px solid rgb(203, 61, 69);
}
.main__form-input.invalid-format + .main__form-label.label-email {
  color: rgb(203, 61, 69);
}
.main__form-input.invalid-format + .main__form-label.label-email::after {
  color: rgb(203, 61, 69);
  content: " - Invalid format";
}
.main__form-input.young + .main__form-label.label-calendar {
  color: rgb(203, 61, 69);
}
.main__form-input.young + .main__form-label.label-calendar::after {
  color: rgb(203, 61, 69);
  content: " - You are not 18!";
}
.main__form-input-label-wrapper {
  width: 100%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
.main__form-input-label-wrapper.description {
  grid-area: 3/1/3/span 2;
  width: 100%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
.main__form-input-label-wrapper.total-scores, .main__form-input-label-wrapper.get-scores {
  max-width: 21.7857142857rem;
}
.main__form-total-scores-arrow {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
}
.main__exchange-inputs {
  -moz-column-gap: 1.2142857143rem;
  column-gap: 1.2142857143rem;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
}
.main__form-input-label-wrapper.verify {
  align-items: center;
  display: flex;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}
.main__form-input-label-wrapper.verify.phone {
  padding: 1.0714285714rem 1.7857142857rem 1.0714285714rem 1.7857142857rem;
  background: rgba(0, 0, 0, 0.4);
  border: none;
  color: rgba(216, 216, 212, 0.6);
  outline: none;
  font-size: 1.1428571429rem;
  line-height: 1.4514285714rem;
  font-weight: 400;
  width: 100%;
  border-radius: 5.0042857143rem;
  -moz-column-gap: 1.1785714286rem;
  column-gap: 1.1785714286rem;
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
}
.main__form-input-label-wrapper.verify.phone.focus {
  background: black;
  color: rgb(216, 216, 212);
}
.main__form-input-label-wrapper.phone.disabled {
  background: rgba(0, 0, 0, 0.3);
  color: rgba(216, 216, 212, 0.3);
}
.main__form-input-label-wrapper.phone.invalid, .main__form-input-label-wrapper.phone.highlight {
  border: 1px solid rgb(203, 61, 69);
}
.main__form-input-label-wrapper.verify.partners {
  padding: 1.0714285714rem 1.7857142857rem 1.0714285714rem 1.7857142857rem;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: rgba(216, 216, 212, 0.6);
  outline: none;
  font-size: 1.1428571429rem;
  line-height: 1.4514285714rem;
  font-weight: 400;
  width: 100%;
  border-radius: 5.0042857143rem;
  -moz-column-gap: 1.1785714286rem;
  column-gap: 1.1785714286rem;
}
.main__form-input-label-wrapper.verify.partners:focus {
  background: black;
}
.main__form-input-label-wrapper.verified::after {
  position: absolute;
  content: "";
  background: url("../../img/icons/verified-icon.svg") no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  right: 5%;
}
.main__form-input-label-wrapper.verify.phone > input {
  padding: 0;
  background: none;
}
.main__form-phone {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 0.3571428571rem;
  position: relative;
}
.main__form-phone.active .main__form-dropdown-icon {
  transition: 0.3s ease-in;
  transform: rotate(180deg);
}
.main__verify-wrapper {
  display: flex;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
  align-items: center;
  margin-left: 2.5rem;
}
.main__verify {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.7857142857rem;
  column-gap: 0.7857142857rem;
  max-width: 8.2857142857rem;
  width: 100%;
}
.main__form-verify-text {
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  color: rgb(196, 167, 103);
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s;
  background: none;
}
.main__form-verify-text:hover {
  color: rgba(196, 167, 103, 0.5);
  transition: 0.5s;
}
.main__form-verify-text.disabled {
  color: rgba(196, 167, 103, 0.5);
  transition: 0.5s;
}
.main__form-verify-text.verified {
  color: rgb(39, 95, 74);
}
.main__form-verify-code-text {
  font-size: 1rem;
  line-height: 1.16rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
}
.main__form-verify-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.main__form-notverified-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.main__form-chks-wrapper {
  display: flex;
  margin-bottom: 6rem;
}
.main__form-chk {
  border: 10px solid rgba(216, 216, 212, 0.15);
  position: relative;
  width: 1.5714285714rem;
  height: 1.5714285714rem;
  accent-color: rgb(102, 100, 70);
  opacity: 0;
  cursor: pointer;
  transition: 0.5s;
}
.main__form-chk:checked ~ span:after {
  opacity: 1;
  transition: 0.5s;
}
.main__form-chk:checked ~ span {
  border: 1px solid rgba(39, 95, 74, 0.7);
  transition: 0.5s;
}
.main__form-chk.invalid ~ span {
  border: 1px solid rgb(203, 61, 69);
}
.main__form-chk-wrapper label span {
  cursor: pointer;
  position: absolute;
  border: 0.0714285714rem solid rgba(216, 216, 212, 0.15);
  border-radius: 0.2142857143rem;
  width: 100%;
  height: 100%;
  right: 0;
  transition: 0.5s;
}
.main__form-chk-wrapper label span:after {
  opacity: 0;
  content: "";
  width: 0.9164285714rem;
  height: 0.9164285714rem;
  position: absolute;
  top: 15%;
  left: 15%;
  background: url("../../img/icons/chk-green.svg") no-repeat;
  transition: 0.5s;
  background-size: cover;
}
.main__form-chk-wrapper {
  display: flex;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
}
.main__form-chk-wrapper {
  margin-left: 1.7857142857rem;
}
.main__form-chk-wrapper label {
  position: relative;
  line-height: 0;
  height: 100%;
}
.main__form-chk-wrapper:nth-last-child(1) {
  margin-left: 6.0714285714rem;
}
.main__form-chk {
  width: 1.5714285714rem;
  height: 1.5714285714rem;
}
.main__form-chk-text {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.main__form-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main__form-register-button, .main__form-password-button {
  position: relative;
  font-size: 1.1428571429rem;
  line-height: 1.6342857143rem;
  font-weight: 500;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 36.3571428571rem;
  border-radius: 5.7142857143rem;
  padding: 1.0714285714rem 2.2857142857rem;
  border: 2px solid transparent;
  background: url("../../img/bg/button-bg.png") no-repeat center;
  background-size: 100% 100%;
  background-clip: padding-box;
  transition: 0.5s;
  margin-bottom: 1.3571428571rem;
}
.main__form-register-button::after, .main__form-password-button::after {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%);
  content: "";
  z-index: -1;
  border-radius: 70.06px;
  transition: 0.5s;
}
.main__form-register-button:hover, .main__form-password-button:hover {
  color: black;
  transition: 0.5s;
  box-shadow: 0px 0px 18px 0px rgb(196, 167, 103);
}
.main__form-register-button:active, .main__form-password-button:active {
  transition: 0.3s;
}
.main__form-register-button:active::before, .main__form-password-button:active::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  transition: 0.5s;
  z-index: 1;
  border-radius: 5.7142857143rem;
}
.main__replenish-button {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.7142857143rem;
  padding: 1.5rem 0;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 11.1428571429rem;
  color: rgb(196, 167, 103);
  align-self: start;
}
.main__replenish-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.main__replenish-button:active {
  transition: 0.3s ease-in-out;
}
.main__replenish-button:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.main__replenish-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__form-register-login {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}
.main__form-button-wrapper span {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 500;
  margin-left: 0.8571428571rem;
  color: rgb(196, 167, 103);
  cursor: pointer;
  transition: 0.3s ease-in;
}
.main__form-button-wrapper span:hover {
  transition: 0.3s ease-in;
  color: rgba(196, 167, 103, 0.5);
}
.main__verification-modal, .main__reset-modal, .main__success-request-modal, .main__success-test-modal, .main__failed-test-modal, .main__sensibly-modal {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.main__sensibly-modal {
  justify-content: center;
}
.main__sensibly-modal a {
  text-decoration: underline;
}
.main__sensibly-modal-close-icon {
  position: absolute;
  top: 1.7857142857rem;
  right: 2%;
  cursor: pointer;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
}
.main__sensibly-modal.active {
  opacity: 1;
  visibility: visible;
  transition: 0.5s;
}
.main__sensibly-modal-list li {
  font-size: 1.2142857143rem;
  line-height: 1.9428571429rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  cursor: auto;
}
.main__sensibly-modal-list {
  margin-bottom: 1.0714285714rem;
}
.main__sensibly-modal-score-list li {
  font-size: 1.2142857143rem;
  line-height: 1.9428571429rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  cursor: auto;
}
.main__sensibly-modal-score-list {
  margin-bottom: 1.0714285714rem;
}
.main__sensibly-modal-result-title {
  font-size: 1.2142857143rem;
  line-height: 1.9428571429rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
.main__sensibly-modal-result-description {
  font-size: 1.2142857143rem;
  line-height: 1.9428571429rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 1.0714285714rem;
}
.main__success-modal-wrapper, .main__success-request-modal-wrapper, .main__success-test-modal-wrapper, .main__failed-test-modal-wrapper {
  padding: 2.2142857143rem 1.8571428571rem 2.3571428571rem 1.8571428571rem;
  background: rgb(35, 35, 35);
  margin: 0 auto;
  width: 32.5rem;
  position: relative;
  box-shadow: 4px 4px 21.8px 0px rgba(0, 0, 0, 0.2);
  transition: 0.7s ease-in-out;
  border-radius: 0.7142857143rem;
  top: 10%;
}
.main__success-modal-wrapper::after, .main__success-request-modal-wrapper::after, .main__success-test-modal-wrapper::after, .main__failed-test-modal-wrapper::after {
  z-index: 1;
  position: absolute;
  content: "";
  background: url("../../img/bg/success-leaves.svg") no-repeat;
  background-size: 100%;
  width: 15.8571428571rem;
  height: 100%;
  background-position: bottom;
  right: 0;
  top: 0;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main__success-modal-wrapper, .main__success-request-modal-wrapper, .main__success-test-modal-wrapper, .main__failed-test-modal-wrapper {
    position: absolute;
    width: 100%;
    top: 35%;
  }
}
.main__sensibly-modal-wrapper {
  position: relative;
  background: rgb(16, 16, 16);
  padding: 3.1428571429rem 2.5714285714rem;
  border-radius: 0.7142857143rem;
  height: auto;
  max-height: 100vh;
  overflow-y: auto;
  width: 84.1428571429rem;
  overflow: auto;
  scrollbar-color: rgba(255, 255, 255, 0.05) transparent;
  scrollbar-width: thin;
}
.main__success-modal-wrapper.inactive, .main__success-request-modal-wrapper.inactive, .main__success-test-modal-wrapper.inactive, .main__failed-test-modal-wrapper.inactive {
  display: none;
  opacity: 0;
  transition: 0.7s opacity ease-in-out;
}
.main__success-modal-wrapper.active, .main__success-request-modal-wrapper.active, .main__success-test-modal-wrapper.active, .main__failed-test-modal-wrapper.active {
  transition: 0.7s opacity ease-in-out;
  opacity: 1;
  display: flex;
  flex-direction: column;
}
.main__success-test-modal-wrapper.active, .main__failed-test-modal-wrapper.active {
  flex-direction: row;
  -moz-column-gap: 0.9064285714rem;
  column-gap: 0.9064285714rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main__success-test-modal-wrapper.active, .main__failed-test-modal-wrapper.active {
    flex-direction: column;
    row-gap: 1.8571428571rem;
  }
}
.main__success-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
  color: rgb(196, 167, 103);
  text-transform: uppercase;
  margin-bottom: 1.3571428571rem;
}
.main__test-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.main__sensibly-modal-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
  color: rgb(196, 167, 103);
  text-transform: uppercase;
  margin-bottom: 2.5714285714rem;
}
.main__sensibly-modal-note {
  font-size: 1.2142857143rem;
  line-height: 1.9428571429rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 1.0714285714rem;
}
.main__success-test-icon {
  max-width: 4.8792857143rem;
  height: 3.7857142857rem;
  width: 100%;
}
.main__failed-test-modal-icon {
  max-width: 3.7857142857rem;
  width: 100%;
  height: 3.8571428571rem;
}
.main__success-subtitle {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
}
.main__success-modal-close {
  position: absolute;
  top: 15% !important;
  right: 5%;
}
.main__change-button {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.7142857143rem;
  padding: 1.2142857143rem 0;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 100%;
  color: rgb(196, 167, 103);
  align-self: center;
}
.main__change-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.main__change-button:active {
  transition: 0.3s ease-in-out;
}
.main__change-button:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.main__change-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__verification-modal.active, .main__reset-modal.active, .main__success-request-modal.active, .main__success-test-modal.active, .main__failed-test-modal.active {
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999;
  transition: 0.5s;
}
.main__verification-modal-wrapper, .main__reset-modal-wrapper, .main__change-modal-wrapper {
  box-shadow: 4px 4px 21.8px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  background: rgb(16, 16, 16);
  margin: 0 auto;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
  padding: 3.2857142857rem 2.5714285714rem 2.1428571429rem 2.5714285714rem;
  border-radius: 0.7142857143rem;
}
.main__verification-modal-wrapper.inactive {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.main__change-modal-wrapper {
  width: 43.5rem;
}
.main__reset-modal-wrapper {
  width: 43.5rem;
}
.main__change-modal-wrapper.inactive {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.main__verification-modal-close, .main__reset-modal-close, .main__success-modal-close, .main__change-modal-close, .main__success-request-modal-close, .main__test-modal-close {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  position: absolute;
  right: 5%;
  top: 5%;
  transition: 0.5s;
  cursor: pointer;
  z-index: 5;
}
.main__verification-modal-close:hover path, .main__reset-modal-close:hover path, .main__success-modal-close:hover path, .main__change-modal-close:hover path, .main__success-request-modal-close:hover path, .main__test-modal-close:hover path {
  stroke: rgba(216, 216, 212, 0.5);
  transition: 0.5s;
}
.main__verification-title, .main__reset-title, .main__change-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(196, 167, 103);
  text-transform: uppercase;
  margin-bottom: 1.1428571429rem;
}
.main__change-title {
  margin-bottom: 2.7142857143rem;
}
.main__verification-subtitle, .main__reset-subtitle {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
  color: rgb(216, 216, 212);
}
.main__verification-input-wrapper, .main__reset-input-wrapper {
  display: flex;
  -moz-column-gap: 1.9285714286rem;
  column-gap: 1.9285714286rem;
}
.main__verificion-input, .main__reset-input {
  text-align: center;
  width: 4.7857142857rem;
  height: 7.1428571429rem;
  font-weight: 400;
  background: none;
  font-size: 3.4285714286rem;
  line-height: 5.4857142857rem;
  color: rgb(255, 255, 255);
  outline: none;
  border: none;
  border-bottom: 2px solid rgba(216, 216, 212, 0.1);
  transition: 0.5s;
}
.main__verificion-input.error, .main__reset-input.error {
  transition: 0.5s;
  color: rgba(203, 61, 69, 0.9);
  border-bottom: 2px solid rgb(203, 61, 69);
}
.main__verificion-input::-webkit-inner-spin-button,
.main ::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.main__reset-input::-webkit-inner-spin-button,
.main ::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.main__verification-resend-wrapper, .main__reset-resend-wrapper {
  padding-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.8571428571rem;
  column-gap: 0.8571428571rem;
}
.main__verification-resend, .main__reset-resend {
  text-transform: uppercase;
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  color: rgb(196, 167, 103);
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.main__verification-resend:hover, .main__reset-resend:hover {
  transition: 0.3s ease-in-out;
  color: rgba(196, 167, 103, 0.5);
}
.main__verification-resend.disabled-resend, .main__reset-resend.disabled-resend {
  transition: 0.3s ease-in-out;
  color: rgba(196, 167, 103, 0.5);
}
.main__reset-modal-wrapper.inactive {
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.main__reset-modal-wrapper.active {
  animation: vanish;
  transition: display 0.5s;
  padding-bottom: 3rem;
}
.main__reset-subtitle {
  margin-bottom: 2.5714285714rem;
}
.main__form.reset-form {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.main__reset-button {
  align-items: center;
  font-size: 1.1428571429rem;
  text-transform: uppercase;
  line-height: 1.3485714286rem;
  justify-content: center;
  display: flex;
  background: none;
  color: rgb(196, 167, 103);
  padding: 1.5rem 2.2857142857rem 1.5rem 2.2857142857rem;
  border-radius: 5rem;
  transition: 0.5s;
  height: 3.7857142857rem;
  position: relative;
}
.main__reset-button:hover {
  color: rgb(255, 221, 147);
  transition: 0.3s;
  box-shadow: 0px 0px 22px 0px rgb(196, 167, 103);
}
.main__reset-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__reset-button:active {
  transition: 0.3s;
  color: rgb(196, 167, 103);
  box-shadow: 0px 0px 17.8px 0px rgb(196, 167, 103);
}
.main__form-label.reset {
  left: 5%;
}
.main__form-input.reset {
  width: 100%;
}
.main__form-input-label-wrapper:hover:not(.calendar) > .main__form-label:not(.label-calendar) {
  top: -40%;
  font-size: 0.7857142857rem;
  transition: 0.5s;
}
.main__form-input:focus + .main__form-label {
  top: -40%;
  font-size: 0.7857142857rem;
  transition: 0.5s;
}
.main__form-calendar-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  position: absolute;
  right: 5%;
  top: 30%;
  cursor: pointer;
}
.main__form-input-label-wrapper:hover > .main__form-input::-moz-placeholder {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transtion: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.main__form-input-label-wrapper:hover > .main__form-input::placeholder {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transtion: 0.5s;
  transition: 0.5s;
}
.main__form-input:focus::-moz-placeholder {
  opacity: 1;
}
.main__form-input:focus::placeholder {
  opacity: 1;
}
.main__form-label.top, .main__form-label.exchange-label.top {
  top: -40%;
  font-size: 0.7857142857rem;
  transition: 0.5s;
}
.main__form-label {
  font-size: 1.1428571429rem;
  line-height: 1.4514285714rem;
  font-weight: 400;
  color: rgba(216, 216, 212, 0.4);
  position: absolute;
  left: 5%;
  top: 30%;
  transition: 0.5s;
}
.main__form-label.label-refunds-description {
  left: 4%;
}
.main__form-label.register-label, .main__form-label.account-label {
  left: 5%;
}
.main__form-label.details {
  left: 3%;
}
.main__password-require-wrapper {
  position: absolute;
  right: -3%;
  top: -70%;
  display: flex;
  background: rgb(22, 22, 22);
  padding: 0.3571428571rem;
  border: 0.0714285714rem solid rgba(212, 212, 216, 0.2);
  border-radius: 0.5714285714rem;
  -moz-column-gap: 1.1428571429rem;
  column-gap: 1.1428571429rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in;
}
.main__password-require-wrapper.visible {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in;
}
.main__password-requirement {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.2857142857rem;
  column-gap: 0.2857142857rem;
}
.main__password-requirement:nth-child(3) {
  position: relative;
}
.main__password-requirement:nth-child(3)::after {
  position: absolute;
  content: "";
  width: 2.3571428571rem;
  height: 0.4285714286rem;
  top: 125%;
  background-size: 100% 100%;
  background: url('data:image/svg+xml,<svg width="33" height="8" viewBox="0 0 33 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2H23L16.5 8L10 2Z" fill="%231A1A1A"/><path d="M16.5 7.31955L11.2788 2.5H21.7212L16.5 7.31955Z" stroke="%23D4D4D8" stroke-opacity="0.05"/><path d="M10 0.700195H23L16.5 6.7002L10 0.700195Z" fill="%23161616"/></svg>');
}
.main__password-requirement-text {
  font-size: 0.7857142857rem;
  line-height: 0.9978571429rem;
  color: rgba(216, 216, 212, 0.5);
  font-weight: 400;
  transition: 0.5s;
}
.main__password-requirement-text.active {
  transition: 0.5s;
  color: rgb(216, 216, 212);
}
.main__datepicker {
  padding: 0.7142857143rem 0.8571428571rem 0.7142857143rem 0.8571428571rem;
  background: rgb(16, 16, 16);
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  row-gap: 0.2142857143rem;
  transform: translateY(3%);
  opacity: 0;
  transition: 0.5s;
  visibility: hidden;
  border-radius: 0.5714285714rem;
}
.main__datepicker.active {
  opacity: 1;
  transition: 0.5s;
  visibility: visible;
}
.main__datepicker-days, .main__datepicker-dates {
  display: grid;
  gap: 0.2857142857rem 1.4285714286rem;
}
.main__datepicker-days {
  justify-items: center;
  grid-template-columns: repeat(7, 1fr);
}
.main__datepicker-dates {
  justify-items: center;
  grid-template-columns: repeat(7, 1fr);
}
.main__datepicker-number {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  background: none;
  color: rgb(253, 253, 255);
}
.main__datepicker-number.inactive {
  color: rgba(253, 253, 255, 0.3);
}
.main__datepicker-number.today {
  color: rgb(253, 253, 255);
  background: rgb(35, 35, 35);
  border-radius: 0.1428571429rem;
}
.main__datepicker-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__datepicker-last-date, .main__datepicker-prev-date, .main__datepicker-next-date, .main__datepicker-current-date {
  cursor: pointer;
}
.main__datepicker-month-year-wrapper {
  display: flex;
  -moz-column-gap: 0.5714285714rem;
  column-gap: 0.5714285714rem;
}
.main__datepicker-month, .main__datepicker-year {
  font-family: "proxima_nova_rgregular", sans-serif;
  font-size: 1.1428571429rem;
  font-weight: 500;
  color: rgb(253, 253, 255);
  line-height: 1.7142857143rem;
}
.main__form-optional {
  color: rgba(216, 216, 212, 0.219);
}
.main__form-button {
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  font-size: 1.1428571429rem;
  text-transform: uppercase;
  line-height: 1.3485714286rem;
  display: flex;
  background: none;
  color: rgb(196, 167, 103);
  padding: 1.5rem 2.2857142857rem 1.5rem 2.2857142857rem;
  border-radius: 5rem;
  transition: 0.5s;
  height: 3.7857142857rem;
  position: relative;
}
.main__form-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.main__form-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__form-button:active {
  transition: 0.3s;
  color: rgb(196, 167, 103);
  box-shadow: 0px 0px 17.8px 0px rgb(196, 167, 103);
}
.main__verification-resend-timer {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.main__payments-wrapper {
  max-width: 22.5714285714rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.main__payments {
  display: flex;
  -moz-column-gap: 2.3314285714rem;
  column-gap: 2.3314285714rem;
}
.main__payments-text {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
  margin-bottom: 2.2857142857rem;
}
.main__payments-icon:nth-child(1) {
  width: 6.975rem;
  height: 2.2742857143rem;
}
.main__payments-icon:nth-child(2) {
  width: 4.2014285714rem;
  height: 2.5207142857rem;
}
.main__payments-icon:nth-child(3) {
  width: 4.0185714286rem;
  height: 2.5021428571rem;
}
.main__table {
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
}
.main__column-head {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-align: left;
  color: rgb(255, 255, 255);
  font-weight: 300;
}
.main__column-wrapper:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.main__column-header tr {
  display: grid;
  grid-template-columns: 17.0714285714rem 15.5rem 17.2857142857rem 19.2857142857rem 22.5714285714rem;
  width: 100%;
}
.main th,
.main td {
  padding: 1.0714285714rem;
}
.main__table-body {
  border-bottom: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.01);
}
.main__table-body tr {
  display: grid;
  grid-template-columns: 17.0714285714rem 15.5rem 17.2857142857rem 19.2857142857rem 22.5714285714rem;
}
.main__column {
  font-weight: 300;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
}
.main__banner {
  width: 100%;
  height: 21.1428571429rem;
  display: flex;
  justify-content: space-between;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  background: linear-gradient(95deg, #000d08 1.23%, #26382f 64.66%);
  padding: 3.2857142857rem 2.5714285714rem 4.1428571429rem 2.0714285714rem;
  overflow: hidden;
  border-radius: 10px;
}
.main__banner:after {
  left: 0;
  width: 56.4285714286rem;
  height: 21.1428571429rem;
  top: 0;
  position: absolute;
  background: url("../../img/bg/spark-left.png") no-repeat;
  background-size: cover;
  content: "";
}
.main__banner:before {
  right: 0;
  position: absolute;
  bottom: 0;
  width: 22rem;
  height: 21.1428571429rem;
  background: url("../../img/bg/spark-right.png") no-repeat;
  background-size: cover;
  content: "";
}
.main__banner.all-games {
  width: 73.1428571429rem;
}
.main__bonus {
  display: flex;
  flex-direction: column;
  padding-top: 3.2857142857rem;
  padding-right: 1.5714285714rem;
  padding-left: 1.4285714286rem;
  margin-right: 1.2142857143rem;
  max-width: 17.3571428571rem;
  width: 100%;
  z-index: 10;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.4);
  height: 21.1428571429rem;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.main__bonus-title {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
}
.main__bonus-subtitle {
  color: rgb(255, 255, 255);
  line-height: 5.9928571429rem;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 5.4285714286rem;
  margin-bottom: 1.0714285714rem;
}
.main__bonus-button {
  font-size: 1.1428571429rem;
  text-transform: uppercase;
  line-height: 1.18rem;
  display: flex;
  background: none;
  color: rgb(196, 167, 103);
  padding: 1.3135714286rem 2.0014285714rem 1.3135714286rem 2.0014285714rem;
  border-radius: 5rem;
  width: 11.5rem;
  justify-content: center;
  transition: 0.6s;
  position: relative;
}
.main__bonus-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.main__bonus-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 2px solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.main__bonus-button:active {
  color: rgb(196, 167, 103);
  box-shadow: 0px 0px 17.8px 0px rgb(196, 167, 103);
}
.main__top {
  width: 100%;
  justify-content: center;
  display: flex;
  margin-bottom: 4.2142857143rem;
}
.main__top-all-games {
  display: flex;
  padding-bottom: 4.2142857143rem;
}
.main__right-content.all-games {
  display: flex;
  flex-direction: column;
  width: 91.7857142857rem;
}
.main__banner-text-wrapper {
  justify-content: space-between;
  z-index: 5;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.main__banner-title {
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
}
.main__banner-subtitle {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 5.4285714286rem;
  line-height: 5.9928571429rem;
}
.main__banner-button {
  text-transform: uppercase;
  border-radius: 80px;
  color: black;
  position: relative;
  padding: 1.5rem 2.2857142857rem 1.5rem 2.2857142857rem;
  background: url("../../img/bg/button-bg.png");
  background-size: 100% 100%;
  max-height: 3.7857142857rem;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__banner-button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  border-radius: 80px;
  z-index: 0;
  transition: background 0.3s ease;
}
.main__banner-button::after {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%);
  content: "";
  z-index: -1;
  border-radius: 70.06px;
}
.main__banner-button:hover {
  color: black;
  transition: 0.3s;
  box-shadow: 0px 0px 22px 0px rgb(196, 167, 103);
}
.main__banner-button:active::before {
  background: rgba(0, 0, 0, 0.2);
}
.main__banner-img {
  z-index: 3;
  top: 2.1428571429rem;
  right: 12%;
  width: 33rem;
  position: absolute;
}
.main__banner-wrapper {
  width: 100%;
  position: relative;
  z-index: 3;
}
.main__pages-wrapper {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  display: flex;
  position: relative;
  z-index: 3;
}
.main__pages-prev {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  align-items: center;
  display: flex;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  transition: 0.5s;
  cursor: pointer;
  z-index: 2;
}
.main__pages-prev::after {
  top: 50%;
  content: "";
  display: block;
  width: 1.6428571429rem;
  height: 0.0714285714rem;
  background: rgba(255, 255, 255, 0.2);
}
.main__pages-prev:hover {
  transition: 0.5s;
  color: rgb(216, 216, 212);
}
.main__pages-current {
  color: rgb(196, 167, 103);
}
.main__gradient {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 100%;
  opacity: 0;
  background: linear-gradient(180deg, rgb(42, 42, 42) 0%, rgb(0, 0, 0) 35%, rgb(0, 0, 0) 100%);
}
.main__banner-loader-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
  transform: translate(15%, -30%);
}
.main__banner-loader {
  transform: rotate(180deg);
  width: 3.3571428571rem;
  height: 3.3571428571rem;
}
.main__banner-loader-opacity {
  transition: 0.3s;
  opacity: 0.3;
}
.main__banner-loader.next {
  transform: scale(1, -1) translate(-5px, 0);
}
.main__banner-loader.prev.mobile {
  display: none;
}
.main__banner-loader {
  cursor: pointer;
  transition: 0.3s;
}
.main__banner-border {
  opacity: 0;
}
.main__banner-loader:hover .main__banner-border {
  transition: 0.3s;
  opacity: 1;
}
.main__banner-loader:hover .main__banner-loader-opacity {
  transition: 0.3s;
  opacity: 1;
}
.main__banner-loader.active .main__banner-border {
  opacity: 1;
}
.main__banner-loader.active .main__banner-loader-opacity {
  opacity: 1;
}
.main__content.chargeback-laptop {
  display: none;
}
@media (max-width: 1440px) {
  .main__content.chargeback-laptop {
    display: flex;
    -moz-column-gap: 3.5714285714rem;
    column-gap: 3.5714285714rem;
    margin-bottom: 4.6428571429rem;
  }
  .main__content-wrapper.responsible-wrapper {
    flex-direction: column-reverse;
    padding-left: 0;
    padding-right: 0;
  }
  .main__content-wrapper.terms, .main__content-wrapper.privacy, .main__content-wrapper.cookie {
    padding-left: 0;
    padding-right: 0;
  }
  .main__content.chargeback-laptop .chargebacks-registration.laptop {
    display: flex;
    flex-direction: column;
    width: 28.2857142857rem;
  }
  .main__content.chargeback-laptop .process-chargeback {
    display: flex;
    flex-direction: column;
  }
  .main__gradient {
    display: none;
  }
  .main__back-wrapper {
    display: flex;
    padding-bottom: 1.4285714286rem;
    -moz-column-gap: 0.4285714286rem;
    column-gap: 0.4285714286rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 2.8571428571rem;
  }
  .main__back-wrapper:hover .main__back-page {
    color: rgb(216, 216, 212);
    transition: 0.3s ease-in;
  }
  .main__back-page {
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 1.4285714286rem;
    line-height: 2rem;
    font-weight: 400;
    color: rgba(216, 216, 212, 0.6);
    text-transform: uppercase;
    transition: 0.3s ease-in;
  }
  .main__back-arrow {
    width: 1.8571428571rem;
    height: 1.8571428571rem;
  }
  .main__back-arrow-path {
    transition: 0.3s ease-in;
    stroke: rgba(216, 216, 212, 0.6);
  }
  .main__back-wrapper:hover .main__back-page-path {
    stroke: red;
    transition: 0.3s ease-in;
  }
  .main__wrapper.page {
    width: 73.1428571429rem;
  }
  .main__wrapper.demo-game-wrapper {
    max-width: 73.1428571429rem;
  }
  .main__wrapper.main-wrapper-account {
    position: relative;
    width: 100%;
  }
  .main__page-wrapper {
    padding-left: 2.8571428571rem;
    padding-right: 2.8571428571rem;
  }
  .main__for-partners-wrapper {
    flex-direction: column;
    row-gap: 1.7142857143rem;
  }
  .main__for-partners-text-wrapper:nth-child(1) > .main__for-partners-text:nth-child(1) {
    margin-bottom: 0;
  }
  .main__for-partners-text-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 1.7142857143rem;
  }
  .main__nuance-wrapper > .main__nuance {
    width: 67.4285714286rem;
  }
  .main__content .chargebacks-registration {
    display: none;
  }
  .main__nuance-wrapper {
    row-gap: 1.7857142857rem;
    flex-direction: column;
  }
  .main__nuances-wrapper {
    grid-template-columns: 31.5714285714rem 31.5714285714rem;
  }
  .main__page-title {
    margin-bottom: 2.9285714286rem;
  }
  .main__page-description {
    width: 62.7857142857rem;
  }
  .main__form-input-wrapper {
    grid-template-columns: 31.2142857143rem 31.2142857143rem;
  }
  .refunds-form__wrapper .main__form-input-wrapper {
    grid-template-columns: 24.8571428571rem 24.8571428571rem;
  }
  .main__form-input-label-wrapper.verify.phone {
    width: 100%;
  }
  .main__form-select-wrapper {
    width: 100%;
  }
  .main__form-input {
    width: 100%;
  }
  .main__form-title {
    font-size: 1.7857142857rem;
    line-height: 2.5rem;
    margin-bottom: 3.5714285714rem;
  }
  .main__form-input.register-input {
    width: 33.3571428571rem;
  }
  .main__form-chks-wrapper {
    margin-bottom: 3.6428571429rem;
  }
  .main__form-chk-wrapper:nth-last-child(1) {
    margin-left: 3.2142857143rem;
  }
  .main__vip-spark {
    display: none;
  }
  .main__vip-card {
    width: 17.5rem;
  }
  .main__vip-cards-wrapper {
    gap: 2.4285714286rem 4.1428571429rem;
  }
  .main__vip-card-wrapper {
    position: relative;
  }
  .main__vip-card-wrapper::after {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 2.7142857143rem;
    height: 2.7142857143rem;
    background: url("../../img/vip/pointer-icon.svg") no-repeat;
    background-size: 100%;
    content: "";
    z-index: 2;
  }
  .main__vip-card-modal-text {
    font-size: 1.2142857143rem;
    line-height: 1.9428571429rem;
  }
  .main__page-description-wrapper {
    flex-direction: column;
    row-gap: 2.2857142857rem;
    padding-bottom: 4.9078571429rem;
  }
  .main__section-description {
    text-align: left;
  }
  .main__section-item-list > li {
    margin-left: 2.8571428571rem;
  }
  .main__partners-form-spark {
    display: none;
  }
  .main__partners-form-wrapper {
    display: block;
  }
  .main__column-header tr {
    grid-template-columns: 11.1428571429rem 9.8571428571rem 11.7142857143rem 17.3571428571rem 17.3571428571rem;
  }
  .main__column-wrapper {
    grid-template-columns: 11.1428571429rem 9.8571428571rem 11.7142857143rem 17.3571428571rem 17.3571428571rem !important;
  }
  .main__column-head {
    font-size: 1.4285714286rem;
  }
  .main__form.exchange-form {
    flex-direction: column;
    row-gap: 2rem;
  }
  .main__form-input-label-wrapper.total-scores, .main__form-input-label-wrapper.get-scores {
    max-width: 100%;
  }
  .main__banner.all-games {
    padding-top: 1.7857142857rem;
    padding-bottom: 3.5rem;
    width: 48.9285714286rem;
    height: 18.3571428571rem;
  }
  .main__banner-img.all-games {
    top: 20%;
    left: 30%;
  }
  .main__banner-loader-wrapper.all-games {
    transform: translate(15%, 10%);
  }
  .main__right-content.all-games {
    width: 67.4285714286rem;
  }
  .main__bonus {
    max-width: 17.3571428571rem;
    height: 18.3571428571rem;
    padding-top: 1.7857142857rem;
  }
  .main__bonus-title {
    width: -moz-max-content;
    width: max-content;
    font-size: 2rem;
    line-height: 2.2078571429rem;
  }
  .main__bonus-subtitle {
    font-size: 5.4285714286rem;
    line-height: 5.9928571429rem;
    margin-bottom: 1.0714285714rem;
  }
  .main__banner-img {
    right: 5%;
    top: 6.0714285714rem;
    width: 25.3571428571rem;
  }
  .main__right-content {
    flex: 1;
  }
  .main__content {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
  }
  .main__content-wrapper {
    width: 100%;
    padding-left: 2.8571428571rem;
    padding-right: 2.8571428571rem;
  }
  .main__content-wrapper.contacts-content {
    padding-left: 0;
    padding-right: 0;
  }
  .main__content-wrapper.content-account {
    padding-right: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .main__content-wrapper.сhargeback {
    padding-left: 0;
    padding-right: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    flex-direction: column;
  }
  .main__content-wrapper.refunds {
    padding-left: 0;
    padding-right: 0;
  }
  .main__content-wrapper.complaints, .main__content-wrapper.games-rules, .main__content-wrapper.sportsbook, .main__content-wrapper.rules, .main__content-wrapper.security {
    padding-left: 0;
    padding-right: 0;
  }
  .main__content-wrapper .process-chargeback {
    display: none;
  }
  .main__wrapper {
    display: block;
    height: 100%;
  }
}
@media (max-width: 1023px) {
  .main {
    padding-bottom: 0;
  }
  .main__vip-card-modal-wrapper {
    width: 45.7142857143rem;
  }
  .main__vip-card-modal-text:nth-child(1), .main__vip-card-modal-text:nth-child(2) {
    width: 25rem;
  }
  .main__vip-cards-wrapper {
    gap: 2.4285714286rem 4.1428571429rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .main__vip-modal-img {
    right: 0%;
    bottom: 65%;
  }
  .main__wrapper {
    width: 100%;
    flex-direction: row;
    justify-content: normal;
    flex-wrap: wrap;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .main__wrapper.page {
    width: 100%;
  }
  .main__wrapper.demo-game-wrapper {
    max-width: 100%;
  }
  .main__page-title {
    font-size: 1.7857142857rem;
  }
  .main__page-wrapper {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
  .main__content-wrapper .process-chargeback {
    display: flex;
  }
  .main__content-wrapper.сhargeback {
    flex-direction: column-reverse;
  }
  .main__page-description {
    width: 52rem;
  }
  .main__nuance-wrapper > .main__nuance {
    width: 52rem;
  }
  .main__nuances-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .main__column-header tr {
    grid-template-columns: 8.5rem 6.0714285714rem 9.2142857143rem 12.5714285714rem 15.6428571429rem;
  }
  .main__column-wrapper {
    grid-template-columns: 8.5rem 6.0714285714rem 9.2142857143rem 12.5714285714rem 15.6428571429rem !important;
  }
  .main__column-head {
    font-size: 1.1428571429rem;
  }
  .main__content.chargeback-laptop {
    display: none;
  }
  .main__content .chargebacks-registration {
    display: block;
  }
  .main__form-wrapper {
    padding: 2.1428571429rem;
  }
  .refunds-form__wrapper .main__form-input-wrapper {
    grid-template-columns: 23.5rem 23.5rem;
  }
  .main__form-input-wrapper {
    grid-template-columns: 23.5rem 23.5rem;
  }
  .main__form-input-wrapper.complaints {
    grid-template-columns: 1fr 1fr;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(1) .main__form-label {
    left: 4%;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(1) .main__form-calendar-icon {
    right: 3.5%;
  }
  .main__form-input-wrapper.complaints .main__form-select-wrapper .main__form-label {
    left: 4%;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(2) .main__form-label {
    left: 4%;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(3) .main__form-label {
    left: 4%;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(4) .main__form-label {
    left: 4%;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(1) {
    grid-area: auto/1/span 1/span 2;
  }
  .main__form-input-wrapper.complaints .main__form-select-wrapper {
    grid-area: auto/1/span 1/span 2;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(2) {
    grid-area: auto/1/span 1/span 2;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(3) {
    grid-area: auto/1/span 1/span 2;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(4) {
    grid-area: auto/1/span 1/span 2;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(5) {
    grid-area: 5/2;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(6) {
    grid-area: 5/1;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(8) {
    grid-area: 6/2;
  }
  .main__form-input-wrapper.complaints .main__form-phone {
    grid-area: 6/1;
  }
  .main__form-input-label-wrapper {
    width: 100%;
  }
  .main__form-input.register-input {
    width: 100%;
  }
  .main__form-input {
    width: 23.5rem;
  }
  .main__form-button {
    font-size: 1rem;
    line-height: 1.18rem;
    padding: 1.3135714286rem;
    width: 100%;
    justify-content: center;
  }
  .main__verify-wrapper {
    margin-left: 3.2857142857rem;
    -moz-column-gap: 8.5714285714rem;
    column-gap: 8.5714285714rem;
    width: 100%;
  }
  .main__form-label.register-label {
    left: 4%;
  }
  .main__back-wrapper {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
  .main__bonus {
    padding-top: 1.5842857143rem;
    width: 15.3985714286rem;
    height: 16.2857142857rem;
  }
  .main__bonus-title {
    font-size: 1.7857142857rem;
    line-height: 2.5rem;
  }
  .main__bonus-subtitle {
    font-size: 4.2857142857rem;
    line-height: 4.7314285714rem;
  }
  .main__top-all-games > .main__banner-wrapper {
    display: flex;
    height: 16.2857142857rem;
  }
  .main__banner.all-games {
    width: 35.6428571429rem;
    height: 100%;
    padding: 1.4385714286rem 1.6778571429rem 3.5rem 1.7142857143rem;
  }
  .main__banner-img.all-games {
    top: 30%;
    left: 35%;
  }
  .main__banner.all-games .main__banner-title {
    margin-bottom: 0;
  }
  .main__banner-loader-wrapper.all-games .main__banner-loader {
    display: flex;
    width: 2.6428571429rem;
  }
  .main__banner-loader-wrapper.all-games .main__banner-loader.next {
    transform: scale(1, -1) translate(-15px, 0);
  }
  .main__banner-loader-wrapper.all-games {
    transform: translate(25px, 0);
  }
  .main__banner-wrapper {
    display: none;
  }
  .main__banner-button {
    width: 10.5rem;
    font-size: 1rem;
  }
  .main__content-wrapper {
    padding-right: 1.4285714286rem;
    padding-left: 1.4285714286rem;
  }
  .main__top-wrapper.mobile {
    display: flex;
    max-height: 16.2857142857rem;
  }
  .main__banner-loader-wrapper {
    transform: translate(0, 0);
  }
  .main__banner-loader.prev {
    display: none;
  }
  .main__banner-loader.prev.mobile {
    display: block;
  }
  .main__banner-title {
    margin-bottom: 1.1428571429rem;
    font-size: 1.7857142857rem;
    line-height: 2.5rem;
  }
  .main__banner-subtitle {
    font-size: 4.2857142857rem;
    line-height: 4.7314285714rem;
    margin-bottom: 1rem;
  }
  .main__banner-img {
    top: 5rem;
    right: 0;
    width: 21.8571428571rem;
  }
  .main__banner {
    height: 100%;
    padding: 20px 23px 38px 24px;
  }
  .main__banner-loader-wrapper {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .main__banner-loader.next.mobile, .main__banner-loader.prev.mobile {
    transition: 0.3s;
    width: 1.9285714286rem;
    height: 1.9285714286rem;
  }
  .main__banner-loader.next.mobile:hover, .main__banner-loader.prev.mobile:hover {
    transition: 0.3s;
    border: 2px rgb(196, 167, 103) solid;
    border-radius: 30px;
  }
  .main__banner-loader.next {
    transform: translate(0, 0);
  }
  .main__form-label.amount-label {
    left: 4%;
  }
  .main__exchange-inputs {
    flex-direction: column;
    row-gap: 0.9285714286rem;
  }
  .main__form-total-scores-arrow {
    transform: rotate(90deg);
  }
  .main__form-label.exchange-label {
    top: 30%;
    left: 4%;
  }
  .main__amount-currency-wrapper {
    right: 3%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main {
    padding-right: 0;
    padding-left: 0;
  }
  .main__form-input-wrapper.complaints {
    display: flex;
    flex-direction: column;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(1) .main__form-calendar-icon {
    right: 8.5%;
  }
  .main__form-input-wrapper.complaints .main__form-label.label-calendar {
    left: 8% !important;
  }
  .main__form-input-wrapper.complaints .main__form-select-wrapper .main__form-label {
    width: 15rem;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
    left: 8%;
  }
  .main__form-input-wrapper.complaints .main__form-select-wrapper .main__form-select-current {
    left: 8%;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(3) .main__form-label {
    left: 8%;
    width: 17.1428571429rem;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper:nth-child(4) .main__form-label {
    left: 8%;
    width: 17.1428571429rem;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
  }
  .main__form-input-wrapper.complaints .main__form-input-label-wrapper .main__form-label {
    left: 8%;
  }
  .main__form.request-form .main__form-input {
    width: 100%;
  }
  .main__form-input.refunds-description + .main__form-label {
    left: 9%;
  }
  .main__form-input.description + .main__form-label {
    left: 9%;
  }
  .main__form-label.exchange-label {
    top: 30%;
    left: 8%;
  }
  .main__form-label.register-label {
    left: 8%;
  }
  .main__amount-currency-wrapper {
    right: 7%;
  }
  .main__form-label.amount-label {
    left: 9%;
  }
  .main__bonus {
    display: none;
  }
  .main__vip-cards-wrapper {
    display: grid;
    grid-template-columns: none;
  }
  .main__vip-card-modal-wrapper {
    width: 23.5714285714rem;
  }
  .main__vip-modal-gifts-wrapper {
    flex-direction: column;
  }
  .main__vip-modal-gift {
    width: 20.7142857143rem;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .main__vip-card-modal-text:nth-child(1), .main__vip-card-modal-text:nth-child(2) {
    width: 20.7142857143rem;
  }
  .main__vip-card-modal-title {
    font-size: 1.1428571429rem;
    margin-bottom: 9.2857142857rem;
  }
  .main__vip-card-modal-title.diamond-title::after {
    content: none;
  }
  .main__vip-card-modal-title.diamond-title::before {
    content: none;
  }
  .main__vip-modal-img {
    bottom: 100%;
    right: 25%;
    width: 9.8571428571rem;
    height: 11.6092857143rem;
  }
  .main__vip-card-modal-level {
    font-size: 1rem;
    line-height: 1.18rem;
    margin-bottom: 0.7142857143rem;
  }
  .main__vip-card-modal-wrapper {
    position: absolute;
    top: 0%;
    padding: 1.4285714286rem;
    overflow: auto;
  }
  .main__vip-card-modal-close {
    top: 3%;
  }
  .main__vip-card-modal-text-wrapper {
    row-gap: 0.7142857143rem;
  }
  .main__vip-card-modal-text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .main__top-wrapper.mobile {
    max-height: 100%;
    flex-direction: column-reverse;
  }
  .main__page-title {
    font-size: 1.7857142857rem;
    margin-bottom: 1.5rem;
    text-wrap: pretty;
  }
  .main__back-page-wrapper {
    margin-bottom: 2.6785714286rem;
  }
  .main__back-page-text {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
  }
  .main__for-partners-text {
    font-size: 1rem;
  }
  .main__section-title {
    font-size: 1.1428571429rem;
    margin-bottom: 1.0714285714rem;
    line-height: 1.6rem;
  }
  .main__section-description {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .main__section-item-list > li {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-left: 1.4285714286rem;
  }
  .main__section-item-list > li::marker {
    font-size: 0.7142857143rem;
  }
  .main__form-password-button {
    width: 100%;
  }
  .main__password-button-wrapper {
    width: 100%;
  }
  .main__password-register-wrapper {
    margin-bottom: 3.5rem;
  }
  .main__password-confirm {
    text-align: center;
  }
  .main__reset-modal-wrapper {
    width: 22.8571428571rem;
    padding: 3.2857142857rem 1.9285714286rem 2.6428571429rem 1.0714285714rem;
  }
  .main__reset-modal-wrapper.step-3 {
    width: 22.8571428571rem;
    padding: 1.4285714286rem 1.9285714286rem 2.6428571429rem 1.0714285714rem;
  }
  .main__reset-input-wrapper {
    -moz-column-gap: 0.7857142857rem;
    column-gap: 0.7857142857rem;
  }
  .main__reset-title {
    font-size: 1.4285714286rem;
  }
  .main__reset-subtitle {
    font-size: 1rem;
  }
  .main__form-input.reset {
    width: 100%;
  }
  .main__reset-input.email {
    width: 2.6785714286rem;
  }
  .main__form-input-wrapper {
    display: flex;
    flex-direction: column;
  }
  .main__form-wrapper {
    padding: 1.4285714286rem 1.0714285714rem 1.4285714286rem 1.0714285714rem;
  }
  .main__form-title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
  .main__form-input {
    width: 20.7142857143rem;
  }
  .main__form-input.login-input {
    width: 22.8571428571rem;
  }
  .main__form-button {
    height: 3.3414285714rem;
  }
  .main__verificion-input {
    width: 2.6785714286rem;
    height: 5.1428571429rem;
  }
  .main__verification-modal-wrapper {
    padding: 3.2857142857rem 1.9285714286rem 2.6428571429rem 1.0714285714rem;
    width: 22.8571428571rem;
  }
  .main__verification-input-wrapper {
    -moz-column-gap: 0;
    column-gap: 0;
    justify-content: space-between;
  }
  .main__verification-subtitle {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .main__verify-wrapper {
    flex-direction: column;
    align-items: normal;
    margin-left: 0;
    padding: 0 1.7142857143rem;
    row-gap: 0.5rem;
  }
  .main__form-chks-wrapper {
    flex-direction: column;
    row-gap: 0.7142857143rem;
    margin-bottom: 4.2857142857rem;
  }
  .main__form-chk-wrapper {
    margin-left: 0;
  }
  .main__form-chk-wrapper:nth-last-child(1) {
    margin-left: 0;
  }
  .main__form-register-button {
    width: 22.8571428571rem;
  }
  .main__nuance-wrapper > .main__nuance {
    width: 22.8571428571rem;
  }
  .main__nuance-text {
    font-size: 1rem;
  }
  .main__page-description {
    font-size: 1rem;
    width: 22.1428571429rem;
  }
  .main__payments-text {
    font-size: 1rem;
    margin-bottom: 1.5714285714rem;
  }
  .main__table-wrapper {
    overflow-x: auto;
  }
  .main__banner-loader-wrapper.all-games {
    transform: translate(25px, -25%);
  }
  .main__top-all-games > .main__banner-wrapper {
    height: 13.5714285714rem;
  }
  .main__top-all-games {
    row-gap: 2rem;
    flex-direction: column-reverse;
  }
  .main__banner.all-games {
    width: 25.7142857143rem;
  }
  .main__banner-img {
    top: 35%;
    width: 16.5714285714rem;
  }
  .main__banner-title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
    margin-bottom: 8px;
  }
  .main__banner {
    padding: 1.4285714286rem;
    height: 13.5714285714rem;
    border-radius: 0;
  }
  .main__banner-subtitle {
    font-size: 3.4285714286rem;
    line-height: 3.785rem;
    margin-bottom: 1.1428571429rem;
  }
  .main__top-wrapper.mobile {
    row-gap: 2rem;
  }
  .main__banner-button {
    padding: 1.3135714286rem 2.0014285714rem 1.3135714286rem 2.0014285714rem;
    font-size: 1rem;
    line-height: 1.18rem;
    width: 10.5rem;
    height: 3.2857142857rem;
  }
  .main__content {
    padding-right: 0;
    padding-left: 0;
  }
  .main__content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .main__pages-wrapper {
    padding-left: 1.4285714286rem;
  }
  .main__form-input-label-wrapper.password {
    width: 100%;
  }
}

.main__banner-wrapper.mobile {
  display: none;
}
@media (max-width: 1023px) {
  .main__banner-wrapper.mobile {
    display: block;
    flex: 1;
    position: relative;
  }
}

.main.games {
  width: 100%;
  flex-direction: row;
  padding-top: 2.6428571429rem;
}

.main.register-main {
  padding-bottom: 0;
}
@media (max-width: 1440px) {
  .main.register-main {
    position: absolute;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
    top: 0;
  }
  .main.register-main .main__form-input-wrapper {
    grid-template-columns: 33.3571428571rem 33.3571428571rem;
  }
}
@media (max-width: 1024px) {
  .main.register-main .main__form-input-wrapper {
    display: flex;
    flex-direction: column;
  }
}

.main.login-main {
  padding-bottom: 0;
}
@media (max-width: 1440px) {
  .main.login-main {
    position: absolute;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
    top: 0;
  }
}
.main.login-main .main__form-input-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.8571428571rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main.login-main .main__form-input-wrapper {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .main.register-main .weed-background {
    display: none;
  }
  .main.login-main .weed-background {
    display: none;
  }
}
.account-input {
  width: 100%;
}

.main.main-account {
  height: 100%;
}
@media (max-width: 1440px) {
  .main.main-account {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main.main-account {
    padding-left: 0;
    padding-right: 0;
  }
}

.main.chargeback {
  padding-top: 5.0578571429rem;
}
.main.chargeback .introduction.page {
  padding-top: 0rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main.chargeback .introduction.page {
    padding-top: 5rem;
  }
}

.main.casino-jack-main .introduction.page {
  padding-top: 0rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .main.casino-jack-main .introduction.page {
    padding-top: 5rem;
  }
}

.main.customer {
  padding-top: 5rem;
}

.aside {
  background: rgba(0, 0, 0, 0.4);
  z-index: 6;
  margin-right: 1.2142857143rem;
  transition: 0.3s;
  height: -moz-fit-content;
  height: fit-content;
  position: sticky;
  width: 17.3571428571rem;
  border-radius: 10px;
  top: 0;
  filter: drop-shadow(4px 4px 21.8px rgba(0, 0, 0, 0.2));
}
.aside__wrapper {
  display: flex;
  flex-direction: column;
}
.aside__account-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid;
  border-image-source: radial-gradient(80.12% 95.28% at 16.15% 4.72%, rgba(238, 222, 186, 0.3) 0%, rgba(196, 167, 103, 0.3) 100%);
  border-image-slice: 1;
  padding-top: 2.0714285714rem;
  padding-bottom: 1.9285714286rem;
}
.aside__account-wrapper.diamond::after {
  content: "";
  background: url("../../img/account/big-spark.svg") no-repeat;
  width: 4.81rem;
  height: 4.3121428571rem;
  position: absolute;
  z-index: -1;
  right: -7%;
  top: -1%;
}
.aside__account-wrapper.diamond::before {
  content: "";
  background: url("../../img/account/small-spark.svg") no-repeat;
  width: 4.81rem;
  height: 4.3121428571rem;
  position: absolute;
  z-index: -1;
  right: 10%;
  top: 1%;
}
.aside__account-level-wrapper {
  margin-bottom: 2.6192857143rem;
  transform: translateX(-4%);
  position: relative;
}
.aside__account-level-wrapper.diamond {
  background: rgb(35, 35, 35);
}
.aside__account-level {
  padding: 0.7142857143rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aside__account-level-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 2.2078571429rem;
  color: rgb(255, 255, 255);
}
.aside__account-user-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4.0157142857rem;
}
.aside__account-user-icon {
  width: 7.5rem;
  height: 7.5rem;
  margin-bottom: 1.2142857143rem;
}
.aside__account-user-name {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgb(255, 255, 255);
  font-weight: 500;
  margin-bottom: 1.2142857143rem;
}
.aside__account-chars-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.1428571429rem;
  width: 100%;
  padding: 0 0.7857142857rem;
}
.aside__account-chars {
  display: grid;
  grid-template-columns: 2fr 3fr 1.1428571429rem;
  -moz-column-gap: 0.3571428571rem;
  column-gap: 0.3571428571rem;
}
.aside__account-chars:nth-last-child(2) {
  margin-bottom: 1.1428571429rem;
}
.aside__account-info {
  width: 16.4285714286rem;
  position: absolute;
  padding: 0.3571428571rem 0.7142857143rem 0.3571428571rem 0.7142857143rem;
  background: rgba(196, 167, 103, 0.1);
  left: 0;
  bottom: 110%;
  opacity: 0;
  visibility: hidden;
  border-radius: 0.7142857143rem;
  transition: 0.3s ease-in-out;
}
.aside__account-info-text {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.36rem;
  color: rgb(255, 255, 255);
}
.aside__account-char-name {
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgb(255, 255, 255);
  font-weight: 300;
  width: -moz-max-content;
  width: max-content;
}
.aside__account-value {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.aside__account-star {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.aside__account-info-wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.aside__info-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.aside__account-info-icon {
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.aside__account-info-icon:hover ~ .aside__account-info {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in-out;
}
.aside__account-info-icon-path {
  stroke: rgba(255, 255, 255, 0.7);
  transition: 0.3s ease-in-out;
}
.aside__account-info-icon:hover .aside__account-info-icon-path {
  stroke: rgb(255, 255, 255);
  transition: 0.3s ease-in-out;
}
.aside__account-text {
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgb(196, 167, 103);
}
.aside__replenish {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.0042857143rem;
  padding: 1.1428571429rem 0;
  font-size: 1rem;
  line-height: 1.18rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 100%;
  color: rgb(196, 167, 103);
  width: 9.7857142857rem;
  align-self: center;
}
.aside__replenish:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.aside__replenish:active {
  transition: 0.3s ease-in-out;
  text-shadow: 0px 0px 10px rgba(196, 167, 103, 0.7);
}
.aside__replenish:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.aside__replenish::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.aside__account-list {
  border-radius: 0.7142857143rem;
  background: rgba(0, 0, 0, 0.4);
}
.aside__account-list-item {
  -moz-column-gap: 0.8571428571rem;
  column-gap: 0.8571428571rem;
  font-size: 1rem;
  line-height: 1.18rem;
  align-items: center;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  display: flex;
  font-weight: 400;
  padding: 0.7857142857rem 0.7857142857rem;
  transition: 0.3s;
  cursor: pointer;
}
.aside__account-list-item:hover {
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.6);
}
.aside__account-list-item.active {
  background: rgba(0, 0, 0, 0.6);
}
.aside__account-list-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.aside__list-wrapper {
  width: 100%;
  padding: 0 1.0714285714rem;
  align-self: flex-start;
  margin-bottom: 6.8571428571rem;
}
.aside__account-logout-wrapper {
  width: 100%;
  padding: 0 1.0714285714rem;
  cursor: pointer;
}
.aside__account-logout {
  -moz-column-gap: 0.8571428571rem;
  column-gap: 0.8571428571rem;
  padding: 0.7857142857rem 2.8571428571rem;
  display: flex;
  align-items: center;
}
.aside__logout-arrow {
  transition: 0.3s ease-in-out;
}
.aside__account-logout:hover .aside__logout-arrow {
  transition: 0.3s ease-in-out;
  stroke: rgb(232, 202, 137);
  transform: translateX(-10%);
}
.aside__account-logout:active .aside__logout-arrow {
  transition: 0.3s ease-in-out;
  stroke: rgba(196, 167, 103, 0.7);
}
.aside__logout-path {
  transition: 0.3s ease-in-out;
}
.aside__account-logout:hover .aside__logout-path {
  transition: 0.3s ease-in-out;
  stroke: rgb(232, 202, 137);
}
.aside__account-logout:active .aside__logout-path {
  transition: 0.3s ease-in-out;
  stroke: rgba(196, 167, 103, 0.7);
}
.aside__account-logout-text {
  font-size: 1rem;
  line-height: 1.18rem;
  font-weight: 500;
  color: rgb(196, 167, 103);
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
}
.aside__account-logout:hover .aside__account-logout-text {
  transition: 0.3s ease-in-out;
  color: rgb(232, 202, 137);
}
.aside__account-logout:active .aside__account-logout-text {
  transition: 0.3s ease-in-out;
  color: rgba(196, 167, 103, 0.7);
}
.aside__item-wrapper {
  -moz-column-gap: 0.8571428571rem;
  column-gap: 0.8571428571rem;
  display: flex;
  align-items: center;
  transition: 0.3s;
  cursor: pointer;
}
.aside__item-wrapper:hover {
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.6);
}
.aside__item-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.aside__list-icon {
  width: 1.0714285714rem;
  height: 1.0714285714rem;
}
.aside__list {
  padding-left: 1.4285714286rem;
  padding-right: 1.4285714286rem;
  padding-bottom: 1.4285714286rem;
  display: flex;
  flex-direction: column;
}
.aside__top-wrapper {
  padding-bottom: 3.7142857143rem;
  margin-bottom: 3.7142857143rem;
  border-bottom: 0.0714285714rem rgba(255, 255, 255, 0.2) solid;
}
.aside__img {
  transform: scale(1.1) translate(-10%);
  margin-bottom: 3.6428571429rem;
  width: 19.3364285714rem;
}
.aside__title {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
}
.aside__subtitle {
  color: rgb(255, 255, 255);
  line-height: 5.9928571429rem;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 5.4285714286rem;
  margin-bottom: 15px;
}
.aside__item-wrapper {
  font-size: 1rem;
  line-height: 1.18rem;
  font-weight: 500;
}
.aside__button {
  font-size: 1.1428571429rem;
  text-transform: uppercase;
  line-height: 1.18rem;
  display: flex;
  background: none;
  color: rgb(196, 167, 103);
  padding: 1.3135714286rem 2.0014285714rem 1.3135714286rem 2.0014285714rem;
  border-radius: 5rem;
  width: 11.5rem;
  justify-content: center;
  transition: 0.6s;
  position: relative;
}
.aside__button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.aside__button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 2px solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.aside__button:active {
  color: rgb(196, 167, 103);
  box-shadow: 0px 0px 17.8px 0px rgb(196, 167, 103);
  text-shadow: 0px 0px 10px rgba(196, 167, 103, 0.7);
}
.aside__item {
  -moz-column-gap: 12px;
  column-gap: 12px;
  padding-left: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin-bottom: 1.2857142857rem;
  cursor: default;
}
.aside__item:nth-last-child(2) {
  margin-bottom: 10px;
}
.aside__item.selected {
  margin-bottom: 0;
  padding-top: 0.7142857143rem;
  background: rgba(0, 0, 0, 0.4);
}
.aside__item-list {
  row-gap: 1.3571428571rem;
  flex-direction: column;
  display: flex;
  padding: 2.2857142857rem;
  padding-top: 1.6428571429rem;
  align-items: flex-start;
}
.aside__item-list-wrapper {
  display: flex;
  -moz-column-gap: 0.5714285714rem;
  column-gap: 0.5714285714rem;
  align-items: center;
}
.aside__list-item {
  font-size: 0.8571428571rem;
  line-height: 1.0114285714rem;
  color: rgb(196, 167, 103);
  transition: 0.3s;
  cursor: pointer;
}
.aside__list-item:hover {
  transition: 0.3s;
  color: rgb(255, 255, 255);
}
@media (max-width: 1440px) {
  .aside__img {
    display: none;
  }
  .aside__top-wrapper {
    padding-top: 25px;
  }
}
@media (max-width: 1023px) {
  .aside {
    display: none;
    height: -moz-fit-content;
    height: fit-content;
    position: static;
  }
  .aside__list {
    display: none;
  }
  .aside__top-wrapper {
    padding-top: 1.5714285714rem;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  .aside__wrapper {
    padding-bottom: 3.3571428571rem;
  }
  .aside__title {
    line-height: 2.5rem;
    font-size: 1.7857142857rem;
    margin-bottom: 1.1428571429rem;
    width: -moz-max-content;
    width: max-content;
  }
  .aside__subtitle {
    line-height: 4.7314285714rem;
    font-size: 4.2857142857rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .aside {
    animation: animationLeft 1s;
  }
  @keyframes animationLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  .aside__top-wrapper {
    padding-top: 0;
    justify-content: space-between;
    display: flex;
    align-items: center;
  }
  .aside__button {
    height: 3.2857142857rem;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
  }
  .aside__title {
    line-height: 1.6rem;
    font-size: 1.1428571429rem;
    margin-bottom: 0.5714285714rem;
  }
  .aside__subtitle {
    line-height: 2.5235714286rem;
    font-size: 2.2857142857rem;
    margin-bottom: 0;
  }
  .aside__button {
    font-size: 1rem;
  }
  .aside__wrapper {
    padding-left: 1.4285714286rem;
    padding-right: 1.1428571429rem;
    padding-top: 0.9285714286rem;
    padding-bottom: 0.6428571429rem;
    width: 100%;
  }
}

.aside.fixed {
  transition: 0.3s;
  position: absolute;
  bottom: 20%;
}

.aside.mobile {
  display: none;
}
@media (max-width: 1023px) {
  .aside.mobile {
    width: 15.3571428571rem;
    height: 16.2857142857rem;
    margin-right: 0.9285714286rem;
    display: block;
    z-index: 5;
  }
  .aside.mobile__top-wrapper {
    padding-bottom: 3.3571428571rem;
    padding-top: 1.5714285714rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .aside.mobile {
    width: 24.2857142857rem;
    height: 100%;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }
  .aside.mobile::before {
    position: absolute;
    content: "";
    background: rgb(196, 167, 103);
    height: 100%;
    width: 1%;
    top: 0;
  }
}

.aside.mobile.all-games {
  display: none;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .aside.mobile.all-games {
    display: flex;
    width: 24.2857142857rem;
    height: 100%;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }
  .aside.mobile.all-games::before {
    position: absolute;
    content: "";
    background: rgb(196, 167, 103);
    height: 100%;
    width: 1%;
    top: 0;
  }
}

.aside.aside-account {
  -webkit-backdrop-filter: blur(0.2142857143rem);
  backdrop-filter: blur(0.2142857143rem);
  padding: 0.6428571429rem;
}
@media (max-width: 1440px) {
  .aside.aside-account {
    display: none;
  }
}

.aside.newbie::after {
  position: fixed;
  content: "";
  background: url("../../img/vip/newbie-flag.svg") no-repeat;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
  top: 7%;
  right: 92%;
  z-index: -1;
  background-size: 4.5664285714rem 3.5235714286rem;
}

.aside.bronze::after {
  position: fixed;
  content: "";
  background: url("../../img/vip/bronze-flag.svg") no-repeat;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
  top: 7%;
  right: 92%;
  z-index: -1;
  background-size: 4.5664285714rem 3.5235714286rem;
}

.aside.silver::after {
  position: fixed;
  content: "";
  background: url("../../img/vip/silver-flag.svg") no-repeat;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
  top: 7%;
  right: 92%;
  z-index: -1;
  background-size: 4.5664285714rem 3.5235714286rem;
}

.aside.gold::after {
  position: fixed;
  content: "";
  background: url("../../img/vip/gold-flag.svg") no-repeat;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
  top: 7%;
  right: 92%;
  z-index: -1;
  background-size: 4.5664285714rem 3.5235714286rem;
}

.aside.platinum::after {
  position: fixed;
  content: "";
  background: url("../../img/vip/platinum-flag.svg") no-repeat;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
  top: 7%;
  right: 92%;
  z-index: -1;
  background-size: 4.5664285714rem 3.5235714286rem;
}

.aside.diamond::after {
  position: fixed;
  content: "";
  background: url("../../img/account/diamond-flag.svg") no-repeat;
  width: 4.5664285714rem;
  height: 3.5235714286rem;
  top: 7%;
  right: 87%;
  z-index: -1;
  background-size: 4.5664285714rem 3.5235714286rem;
}

.games {
  padding-top: 4.2142857143rem;
  position: relative;
  z-index: 2;
}
.games::after {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-position: center;
  background: radial-gradient(40.73% 75.46% at 50% 47.59%, #000000 3.53%, rgba(0, 0, 0, 0) 72.69%, transparent 40%);
}
.games__filter-list.mobile {
  display: none;
}
.games__categories-list {
  align-items: center;
  display: flex;
  -moz-column-gap: 1.0714285714rem;
  column-gap: 1.0714285714rem;
}
.games__dropdown-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.games__categories-list-inactive {
  display: none;
}
.games__categories-list.mobile {
  display: none;
}
.games__categories-item {
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  padding: 1.0714285714rem 1.7857142857rem 1.0714285714rem 1.7857142857rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 70px;
  text-transform: uppercase;
  transition: 0.3s;
  color: rgba(216, 216, 212, 0.8);
}
.games__categories-item:hover {
  color: rgb(255, 255, 255);
}
.games__categories {
  display: flex;
  justify-content: space-between;
}
.games__categories-item.selected {
  transition: 0.3s;
  color: rgb(135, 38, 53);
}
.games__wrapper {
  padding-top: 1.4285714286rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(10.7142857143rem, 1fr));
  row-gap: 1.7857142857rem;
  -moz-column-gap: 1.2857142857rem;
  column-gap: 1.2857142857rem;
}
.games__wrapper.all-games {
  grid-template-columns: repeat(5, minmax(10.7142857143rem, 1fr));
}
.games__game {
  cursor: pointer;
  width: 17.3571428571rem;
}
.games__game-img-wrapper {
  position: relative;
}
.games__game-overlay {
  position: absolute;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  transition: 0.3s;
  height: 100%;
  display: flex;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
}
.games__game:hover .games__game-overlay {
  visibility: visible;
  opacity: 1;
}
.games__game:hover .games__game-button {
  opacity: 1;
}
.games__game-button {
  display: flex;
  align-items: center;
  color: rgb(196, 167, 103);
  background: none;
  border-radius: 5rem;
  max-height: 3.2857142857rem;
  padding: 1.3135714286rem 2.0014285714rem 1.3135714286rem 2.0014285714rem;
  margin-bottom: 1.2857142857rem;
  transition: 0.6s;
  text-transform: uppercase;
  position: relative;
}
.games__game-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.games__game-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.games__game-img {
  width: 17.3571428571rem;
  max-height: 162px;
}
.games__game-demo {
  font-size: 0.8571428571rem;
  line-height: 1.0114285714rem;
  font-weight: 500;
  color: rgb(196, 167, 103);
  text-transform: uppercase;
  transition: 0.3s;
}
.games__game-demo:hover {
  transition: 0.3s;
  color: rgb(82, 76, 61);
}
.games__game-name {
  font-size: 1.2857142857rem;
  background: radial-gradient(67.37% 75.21% at 0% 0.79%, #ffffff 0%, #eedeba 43.5%, #c4a767 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 2.0571428571rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.games__game-text-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.games__game-status {
  font-size: 1.0714285714rem;
  line-height: 1.2714285714rem;
  color: rgb(149, 29, 36);
}
.games__game-img-wrapper {
  margin-bottom: 10.77px;
}
.games__search {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5.0042857143rem;
  padding: 1.0714285714rem;
  width: 3.5714285714rem;
  height: 3.5714285714rem;
  transition: 0.3s;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  overflow: hidden;
  cursor: pointer;
}
.games__search-icon {
  min-width: 1.4285714286rem;
  min-height: 1.4285714286rem;
}
.games__search.active {
  width: 23.2142857143rem;
  transition: 0.3s;
}
.games__search:hover .games__search-icon-stroke {
  transition: 0.3s;
  stroke-opacity: 1;
}
.games__search-input {
  color: rgba(216, 216, 212, 0.6);
  width: 0%;
  height: 100%;
  background: none;
  outline: none;
  border: none;
}
.games__search.active .games__search-input {
  width: 100%;
}
.games__filter-item {
  padding: 1.0714285714rem 1.7857142857rem 1.0714285714rem 1.7857142857rem;
  border: rgba(216, 216, 212, 0.2) 1px solid;
  border-radius: 5rem;
  color: rgba(216, 216, 212, 0.6);
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  transition: 0.5s;
}
.games__filter-item:hover {
  color: rgb(216, 216, 212);
  border: rgba(216, 216, 212, 0.4) 1px solid;
  transition: 0.5s;
}
.games__filter-item:nth-last-child(2) {
  margin-right: 1.0714285714rem;
}
.games__filter-delete {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.games__filter-item.active {
  align-items: center;
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
  color: rgb(216, 216, 212);
  border: rgb(135, 38, 53) 1px solid;
}
.games__filter-item.active .games__filter-delete {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.games__filter-delete {
  width: 0.8571428571rem;
  height: 0.8571428571rem;
}
.games__filter-reset {
  background: none;
  color: rgb(216, 216, 212);
  line-height: 1.3485714286rem;
  font-size: 1.1428571429rem;
  visibility: hidden;
  transition: 0.5s;
  padding: 1.0714285714rem 1.7857142857rem 1.0714285714rem 1.7857142857rem;
}

.no-results {
  position: absolute;
  margin-top: 10%;
  /*top: 300%; /* Сдвигаем элемент чуть ниже */
  /*left: 50%; /* Сдвигаем элемент на 50% вправо */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* Обеспечивает полное заполнение родителя по ширине */
  height: 100%; /* Обеспечивает полное заполнение родителя по высоте */
  /* font-size: 18px; */
  color: #777;
  text-align: center;
}

.games__filter-reset:hover {
  transition: 0.5s;
  color: rgb(255, 255, 255);
}
.games__filter-reset:active {
  transition: 0.5s;
  color: rgba(216, 216, 212, 0.5);
}
.games__filter-reset.active {
  visibility: visible;
}
.games__categories-list.filter {
  row-gap: 1.0714285714rem;
  -moz-column-gap: 1.0714285714rem;
  column-gap: 1.0714285714rem;
  flex-wrap: wrap;
}
.games__show-more {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.1428571429rem;
  height: 3.7857142857rem;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  background: none;
  transition: 0.3s;
  border-radius: 5.7142857143rem;
  color: rgb(196, 167, 103);
  padding: 21px 32px 21px 32px;
  align-self: center;
}
.games__show-more:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.games__show-more::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: linear-gradient(140deg, rgb(238, 222, 186), rgb(196, 167, 103)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.games__show-more:active {
  transition: 0.3s;
  color: rgb(196, 167, 103);
  box-shadow: 0px 0px 17.8px 0px rgb(196, 167, 103);
}
.games__game-hand-icon {
  display: none;
}
@media (max-width: 1440px) {
  .games {
    padding-top: 2.5rem;
  }
  .games__game {
    cursor: none;
    width: 15.9285714286rem;
  }
  .games__categories-list {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .games__wrapper {
    justify-items: center;
    display: grid;
    grid-template-columns: repeat(3, minmax(10.7142857143rem, 1fr));
    row-gap: 1.7692857143rem;
  }
  .games__wrapper.all-games {
    grid-template-columns: repeat(4, minmax(10.7142857143rem, 1fr));
  }
  .games__categories {
    flex-direction: column;
    row-gap: 1.0714285714rem;
  }
  .games__game-img-wrapper {
    position: relative;
  }
  .games__game-hand-icon {
    top: 5%;
    right: 5%;
    position: absolute;
    display: block;
    z-index: 1;
  }
  .games__game-overlay.active {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .games__game-overlay.active .games__game-button {
    opacity: 1 !important;
  }
  .games__game:hover .games__game-overlay {
    visibility: hidden;
    opacity: 0;
  }
  .games__game:hover .games__game-button {
    opacity: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .games {
    padding-top: 3.5714285714rem;
  }
  .games__wrapper.all-games {
    grid-template-columns: repeat(3, minmax(10.7142857143rem, 1fr));
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .games {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
  .games__game {
    width: 100%;
  }
  .games__filter-list.mobile {
    align-items: center;
    display: flex;
    width: 100%;
  }
  .games__categories-list.opened ~ .games__filter-list.mobile {
    align-items: normal;
  }
  .games__wrapper.all-games {
    grid-template-columns: repeat(2, minmax(10.7142857143rem, 1fr));
  }
  .games__filter-current-wrapper {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.4285714286rem;
    column-gap: 0.4285714286rem;
  }
  .games__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.7142857143rem, 1fr));
  }
  .games__search.active {
    width: 150%;
  }
  .games__game-name {
    font-size: 1.1428571429rem;
    line-height: 1.3485714286rem;
  }
  .games__categories {
    flex-direction: row;
    align-items: flex-start;
  }
  .games__categories-item {
    display: none;
  }
  .games__categories-item.selected {
    display: block;
  }
  .games__categories-item:nth-child(1) {
    display: flex;
    align-items: center;
  }
  .games__categories-list {
    display: none;
  }
  .games__categories-list.mobile {
    display: block;
    flex: 1;
  }
  .games__categories-item.mobile.active {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.0714285714rem;
  }
  .games__categories-list-wrapper.mobile .games__categories-item.mobile {
    display: none;
  }
  .games__categories-item.mobile.active::after {
    display: flex;
    justify-content: center;
    transition: 0.3s;
    background: url("../../img/icons/dropdown-icon.svg") no-repeat;
    background-size: 100%;
    content: "";
    width: 1.4285714286rem;
    height: 1.4285714286rem;
  }
  @keyframes fadeInAnimation {
    0% {
      opacity: 0;
      transform: translateY(-50%);
    }
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  .games__categories-list > .games__categories-item.mobile {
    border-radius: 0 !important;
  }
  .games__categories-list > .games__categories-item.mobile:active {
    background: rgba(255, 255, 255, 0.05) !important;
  }
  .games__categories-list-wrapper.mobile .games__categories-item.mobile:nth-child(1):active {
    background: rgba(0, 0, 0, 0.7);
  }
  .games__categories-list-wrapper.mobile.opened .games__categories-item.mobile {
    display: flex;
    justify-content: space-between;
    border-radius: 0;
    border-radius: 5rem;
  }
  .games__categories-list-wrapper.mobile.opened .games__categories-item.mobile::after {
    transition: 0.3s;
    transform: rotate(180deg);
  }
  .games__categories-list-wrapper.mobile.opened {
    border-radius: 1.0714285714rem;
  }
  .games__categories-list:nth-child(0) {
    border-radius: 1.0714285714rem;
    background: rgb(16, 16, 16);
    display: block;
    max-height: 0;
    transition: max-height 10.25s;
    -webkit-transition: max-height 10.25s;
    overflow: hidden;
  }
  .games__dropdown-icon {
    transition: 0.3s;
  }
  .games__filter-list-wrapper.mobile {
    display: flex;
    flex-direction: column;
    row-gap: 1.0714285714rem;
  }
  .games__filter-list-wrapper.mobile.opened .games__dropdown-icon {
    transition: 0.3s;
    transform: rotate(180deg);
  }
  .games__categories-list-wrapper.mobile.opened .games__categories-list {
    border-radius: 1.0714285714rem;
    background: rgb(16, 16, 16);
    display: block;
    max-height: 100%;
    overflow: hidden;
    box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
    -webkit-transition: max-height 10.25s;
  }
  .games__categories-list .games__categories-item.mobile {
    color: rgb(255, 255, 255);
    font-weight: 400;
    text-transform: capitalize;
  }
  .games__categories-item.mobile.active {
    color: rgba(216, 216, 212, 0.6);
  }
  .games__filter-list.mobile .games__categories-list.opened {
    border-radius: 1.0714285714rem;
    background: rgb(16, 16, 16);
    display: block;
    max-height: 100%;
    overflow: hidden;
    -webkit-transition: max-height 10.25s;
  }
  .games__filter-item {
    border: none;
    border-radius: 0;
  }
  .games__filter-item:active {
    background: rgba(255, 255, 255, 0.05);
  }
  .games__filter-item:nth-last-child(2) {
    margin-right: 0;
  }
  .games__filter-reset.mobile {
    width: 0;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: none;
  }
  .games__filter-reset.mobile.active {
    display: flex;
    width: 3.5714285714rem;
    height: 3.5714285714rem;
    opacity: 1;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5.0042857143rem;
  }
  .games__filter-reset-icon {
    width: 1.4285714286rem;
    height: 1.4285714286rem;
  }
  .games__filter-list-wrapper {
    width: 100%;
  }
  .games__categories-list > .games__filter-item.mobile {
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
    padding: 0.7142857143rem 1rem 0.5rem 1.1428571429rem;
    color: rgb(255, 255, 255);
  }
  .games__filter-current {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 1.1428571429rem 1.7857142857rem 1.1428571429rem 1.7857142857rem;
    border-radius: 5rem;
    max-width: 18.8571428571rem;
    width: 100%;
    font-weight: 400;
    font-size: 1.1428571429rem;
    line-height: 1.4514285714rem;
    color: rgba(216, 216, 212, 0.6);
  }
  .games__current {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .games__filter-current.default {
    max-width: 22.8571428571rem;
  }
  .games__categories-item.mobile:active {
    background: rgba(255, 255, 255, 0.05);
  }
  .games__filter-item.mobile.active {
    border: none;
    justify-content: space-between;
  }
  .games__filter-item.mobile.active::after {
    display: flex;
    content: url("../../img/icons/filter-check.svg");
  }
  .games__filter-item.mobile.active::after svg {
    min-width: 1.9285714286rem;
    min-height: 1.9285714286rem;
  }
}

.games.all-games {
  padding-top: 3.3571428571rem;
  padding-bottom: 4.5714285714rem;
}
.games.all-games::after {
  top: -10%;
  height: 120%;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .games.all-games {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
}

.introduction {
  display: flex;
  align-items: flex-end;
  padding-top: 7.1428571429rem;
  position: relative;
  justify-content: center;
}
.introduction::after {
  content: "";
  bottom: -11rem;
  width: 150vw;
  height: 56.4285714286rem;
  position: absolute;
  background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 87.87%);
  z-index: -1;
}
.introduction__attention {
  padding: 1.4285714286rem;
  background: rgba(135, 38, 53, 0.1);
  align-items: flex-start;
  display: flex;
}
.introduction__attention-logo {
  width: 2.6428571429rem;
  height: 2.6428571429rem;
  margin-right: 1.5rem;
}
.introduction__inner {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: flex-end;
}
.introduction__wrapper {
  width: 51.4285714286rem;
  margin-right: 2.8571428571rem;
}
.introduction__subtitle {
  color: rgb(255, 255, 255);
  font-weight: 300;
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
}
.introduction__attention {
  width: 36.1428571429rem;
  border-radius: 0.7142857143rem;
}
.introduction__attention-subtitle {
  font-size: 1.2857142857rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
.introduction__logo {
  width: 22.5rem;
  height: 7.3571428571rem;
}
@media (max-width: 1440px) {
  .introduction {
    display: block;
    padding-right: 0;
    padding-left: 0;
  }
  .introduction__wrapper {
    width: 31.9285714286rem;
    margin-right: 2.5rem;
  }
  .introduction__inner {
    justify-content: space-between;
    padding-left: 2.8571428571rem;
    padding-right: 2.8571428571rem;
  }
  .introduction__subtitle {
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
  }
  .introduction__attention {
    padding: 1.4285714286rem;
    width: 33rem;
  }
  .introduction__attention-subtitle {
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
  }
}
@media (max-width: 1023px) {
  .introduction {
    padding-bottom: 5.5rem;
    padding-top: 5.8571428571rem;
    width: 100%;
  }
  .introduction::after {
    bottom: 0;
  }
  .introduction__subtitle {
    font-size: 1.1428571429rem;
  }
  .introduction__inner {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
    row-gap: 2.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .introduction__wrapper {
    width: 100%;
  }
  .introduction__attention {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .introduction__attention {
    flex-direction: column;
    row-gap: 1rem;
  }
  .introduction__subtitle {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .introduction__attention-subtitle {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.introduction.page {
  padding-top: 13.3571428571rem;
}
.introduction.page::after {
  content: "";
  bottom: -11rem;
  width: 150vw;
  height: 71.4285714286rem;
  position: absolute;
  background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 87.87%);
  z-index: -1;
}

.footer {
  position: relative;
  padding-bottom: 3.2857142857rem;
  overflow: hidden;
  z-index: 6;
  background: linear-gradient(180deg, #101010 0%, rgba(16, 16, 16, 0) 45.37%);
}
.footer__top {
  margin-bottom: 8.7142857143rem;
  padding-right: 7.1428571429rem;
}
.footer__top-wrapper {
  padding-top: 5.7142857143rem;
  border-top: 1px rgba(196, 167, 103, 0.2) solid;
}
.footer__categories-name {
  margin-bottom: 2.7142857143rem;
  color: rgb(203, 61, 69);
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
}
.footer__middle-title {
  text-transform: uppercase;
  margin-bottom: 2.1428571429rem;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  color: rgb(203, 61, 69);
}
.footer__middle-subtitle {
  font-size: 1.1428571429rem;
  font-weight: 300;
  line-height: 1.8285714286rem;
}
.footer__top-wrapper {
  row-gap: 3.0714285714rem;
  display: flex;
  justify-content: space-between;
}
.footer__middle-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(21.4285714286rem, 60.2142857143rem));
  -moz-column-gap: 9.7857142857rem;
  column-gap: 9.7857142857rem;
  row-gap: 5rem;
  justify-content: space-between;
}
.footer__top-categories-list {
  display: flex;
  flex-direction: column;
  row-gap: 1.5714285714rem;
  -moz-column-gap: 4.7142857143rem;
  column-gap: 4.7142857143rem;
  flex-wrap: wrap;
}
.footer__top-categories-wrapper:nth-last-child(1) .footer__top-categories-list {
  display: grid;
  grid-template-columns: 1fr auto;
}
.footer__multiple-categories-wrapper {
  -moz-column-gap: 3.5714285714rem;
  column-gap: 3.5714285714rem;
  display: flex;
}
.footer__category {
  color: rgb(216, 216, 212);
  line-height: 1.18rem;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  transition: 0.3s;
}
.footer__category:hover {
  color: rgb(255, 255, 255);
  transition: 0.3s;
}
.footer::after {
  top: 20%;
  position: absolute;
  content: url("../../img/footer/weed1.png");
}
.footer::before {
  top: 0;
  right: 0;
  position: absolute;
  content: url("../../img/footer/weed2.png");
}
.footer__middle {
  margin-bottom: 7.6428571429rem;
}
.footer__middle-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 5rem;
  column-gap: 5rem;
  width: 42.7142857143rem;
}
.footer__middle-item {
  pointer-events: none;
  line-height: 1.8285714286rem;
  font-weight: 300;
  list-style-type: disc;
  margin-left: 1.4285714286rem;
  font-size: 1.1428571429rem;
}
.footer__middle-item::marker {
  font-size: 0.8571428571rem;
}
.footer__bottom-wrapper {
  display: grid;
  grid-template-columns: 23.1428571429rem 32.7142857143rem 32.4285714286rem 1fr;
  -moz-column-gap: 4.5714285714rem;
  column-gap: 4.5714285714rem;
  justify-items: center;
}
.footer__bottom-text {
  padding-top: 3.2857142857rem;
  align-self: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(255, 255, 255, 0.4);
}
.footer__payment-wrapper {
  padding-top: 3.2857142857rem;
  display: flex;
  flex-direction: column;
}
.footer__payment {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(255, 255, 255, 0.6);
}
.footer__bottom-payment-text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 1.5714285714rem;
}
.footer__icons-wrapper {
  padding-top: 3.9285714286rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.footer__payment-icons {
  display: flex;
  -moz-column-gap: 1.3571428571rem;
  column-gap: 1.3571428571rem;
}
.footer__enterprise-icons {
  display: flex;
  -moz-column-gap: 1.3571428571rem;
  column-gap: 1.3571428571rem;
  row-gap: 1.4285714286rem;
}
.footer__enterprise-icons > .footer__icon:nth-child(1) {
  width: 4.3571428571rem;
  height: 1.6428571429rem;
}
.footer__enterprise-icons > .footer__icon:nth-child(2) {
  width: 6.4285714286rem;
  height: 1.4285714286rem;
}
.footer__enterprise-icons > .footer__icon:nth-child(3) {
  width: 8.2857142857rem;
  height: 1.4285714286rem;
}
.footer__top-wrapper {
  position: relative;
}
.footer__bottom-text-wrapper {
  display: flex;
  -moz-column-gap: 3.5714285714rem;
  column-gap: 3.5714285714rem;
  row-gap: 1.4285714286rem;
}
.footer__bottom-logo {
  width: 23.1428571429rem;
  height: 7.7857142857rem;
}
.footer__icon:nth-child(1) {
  width: 4.0714285714rem;
  height: 1.2857142857rem;
}
.footer__icon:nth-child(2) {
  width: 2.4285714286rem;
  height: 1.4285714286rem;
}
.footer__icon:nth-child(3) {
  width: 2.2857142857rem;
  height: 1.4285714286rem;
}
@media screen and (max-width: 1440px) {
  .footer__payment-wrapper {
    padding-top: 0;
    grid-row: 2;
  }
  .footer__top {
    padding-right: 0;
    margin-bottom: 7.0714285714rem;
  }
  .footer__top-wrapper {
    row-gap: 4.4285714286rem;
    flex-wrap: wrap;
  }
  .footer__category:nth-child(1) {
    grid-column: 1;
  }
  .footer__category:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .footer__category:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  .footer__category:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }
  .footer__category:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
  }
  .footer__category:nth-child(6) {
    grid-column: 2;
    grid-row: 3;
  }
  .footer__category:nth-child(7) {
    grid-column: 3;
    grid-row: 1;
  }
  .footer__category:nth-child(8) {
    grid-column: 3;
    grid-row: 2;
  }
  .footer__bottom-text {
    padding-top: 0;
    grid-row: 2;
  }
  .footer__middle {
    margin-bottom: 5.2857142857rem;
  }
  .footer__middle-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: 3.3571428571rem;
  }
  .footer__bottom-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: start;
    gap: 2.3571428571rem 1.7142857143rem;
  }
  .footer__bottom-logo {
    grid-row: 1;
  }
  .footer__icons-wrapper {
    grid-area: icon;
    display: flex;
    grid-row: 3;
    grid-column: 1/3;
    width: 100%;
    padding-top: 0;
    flex-direction: row-reverse;
    flex: 1;
    -moz-column-gap: 5.7142857143rem;
    column-gap: 5.7142857143rem;
  }
  .footer__payment-icons {
    grid-row: 1;
    grid-column: 2;
    flex: 1 1 226%;
    -moz-column-gap: 1.3571428571rem;
    column-gap: 1.3571428571rem;
    justify-content: center;
  }
  .footer::after {
    content: url("../../img/footer/weed1-1410.png");
  }
  .footer::before {
    content: url("../../img/footer/weed2-1410.png");
  }
  .footer__bottom-text-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2.6428571429rem;
    -moz-column-gap: 1.7142857143rem;
    column-gap: 1.7142857143rem;
  }
  .footer__top-categories-wrapper:nth-last-child(1) {
    width: 100%;
  }
  .footer__top-categories-list {
    display: flex;
    flex-wrap: wrap;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  .footer__top-categories-wrapper:nth-last-child(1) > .footer__top-categories-list {
    display: grid;
    grid-template-columns: 12.5714285714rem 12.5714285714rem 15.8571428571rem 11.7142857143rem;
  }
  .footer__middle-list {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    -moz-column-gap: 5.7142857143rem;
    column-gap: 5.7142857143rem;
  }
  .footer__middle-item:nth-child(1) {
    grid-column: 1;
  }
  .footer__middle-item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .footer__middle-item:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  .footer__middle-item:nth-child(4) {
    grid-column: 2;
  }
  .footer__middle-item:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 1023px) {
  .footer::after {
    right: 0;
    top: 10%;
    content: url("../../img/footer/weed2-872.svg");
  }
  .footer::before {
    left: 0;
    top: 30%;
    content: url("../../img/footer/weed1-872.svg");
  }
  .footer__bottom-text-wrapper {
    flex-direction: column;
    row-gap: 1.7142857143rem;
  }
  .footer__bottom-wrapper {
    display: flex;
    flex-direction: column;
  }
  .footer__icons-wrapper {
    flex-wrap: wrap;
    flex: auto;
    flex-direction: row;
  }
  .footer__payment-icons {
    flex: auto;
    justify-content: normal;
  }
  .footer__top {
    padding-right: 0;
    margin-bottom: 5.5714285714rem;
  }
  .footer__top-wrapper {
    display: grid;
    grid-template-columns: 12.5714285714rem 10.2857142857rem 15.8571428571rem 8rem;
    -moz-column-gap: 0.7142857143rem;
    column-gap: 0.7142857143rem;
    row-gap: 3.0714285714rem;
  }
  .footer__middle {
    margin-bottom: 3.9285714286rem;
  }
  .footer__middle-list {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    -moz-column-gap: 5.7142857143rem;
    column-gap: 5.7142857143rem;
  }
  .footer__top-categories-list {
    height: 12.2857142857rem;
  }
  .footer__bottom-text-wrapper {
    display: flex;
    flex-direction: column;
  }
  .footer__top-categories-wrapper:nth-last-child(1) > .footer__top-categories-list {
    display: flex;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .footer::after {
    top: 40%;
    content: url("../../img/footer/weed2-510.svg");
  }
  .footer::before {
    top: 0;
    content: url("../../img/footer/weed1-510.svg");
  }
  .footer__multiple-categories-wrapper {
    flex-direction: column;
    row-gap: 1.4285714286rem;
  }
  .footer__enterprise-icons {
    flex-wrap: wrap;
  }
  .footer__top {
    margin-bottom: 4.8571428571rem;
  }
  .footer__top-categories-list {
    flex-direction: column;
    height: 100%;
  }
  .footer__middle-wrapper {
    row-gap: 2.5rem;
  }
  .footer__middle {
    margin-bottom: 3.0714285714rem;
  }
  .footer__middle-list {
    display: flex;
    flex-direction: column;
  }
  .footer__bottom-text-wrapper {
    row-gap: 1.2142857143rem;
    margin-bottom: 3.4285714286rem;
  }
  .footer__top-categories-list {
    max-height: 100%;
  }
  .footer__middle-list-wrapper {
    flex-direction: column;
  }
  .footer__bottom-logo {
    width: 17.3571428571rem;
    height: 5.7142857143rem;
  }
}

.weed-background {
  position: sticky;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  right: 0;
  top: 10rem;
  height: 0;
  z-index: -1;
  transform: translateY(-10rem);
}
.weed-background__weed-second {
  right: 0;
  top: 0;
  position: absolute;
}
.weed-background__weed-third, .weed-background__weed-fourth {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1440px) {
  .weed-background__background-img.account-img-1024 {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .weed-background {
    top: 9.2857142857rem;
  }
}

.weed-background.account-weed {
  position: sticky;
  width: 100%;
}
.weed-background.account-weed__img {
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .weed-background.account-weed {
    width: 100%;
    left: 0;
    display: none;
  }
}

.weed-background__img.account-weed {
  display: flex;
  width: 100%;
  position: absolute;
}

.weed-background.green {
  top: 12.1428571429rem;
  transform: translateY(-185px);
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .weed-background.green {
    top: 7.1428571429rem;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .weed-background.fixed {
    transform: translateY(2.1428571429rem);
  }
  .weed-background__weed-first, .weed-background__weed-second {
    display: none;
  }
}
@keyframes animFade {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 100%;
  }
}
.faq__wrapper {
  display: flex;
  flex-direction: column;
}
.faq__wrapper-names.mobile {
  display: none;
}
.faq__wrapper-names {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px rgba(216, 216, 212, 0.2) solid;
}
.faq__name {
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  color: rgba(216, 216, 212, 0.6);
  text-transform: uppercase;
  font-weight: 400;
  transition: color 0.5s;
  padding: 1.0714285714rem 1.7857142857rem;
  position: relative;
  cursor: pointer;
}
.faq__name:hover {
  color: rgb(216, 216, 212);
}
.faq__name::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1.5px;
  left: 0;
  bottom: -2%;
  background: rgb(203, 61, 69);
  transition: transform 0.3s ease, width 0.3s ease;
  transform: scaleX(0);
  transform-origin: left;
}
.faq__name.active {
  color: rgb(255, 255, 255);
  transition: color 0.3s;
}
.faq__name.active::after {
  transform: scaleX(1);
  transform-origin: left;
}
.faq__questions-wrapper {
  padding-top: 3.7857142857rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.2142857143rem;
}
.faq__item-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(203, 61, 69);
  text-transform: uppercase;
}
.faq__item-text-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.faq__item-title-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.faq__item-description-wrapper {
  width: 82.8571428571rem;
  overflow: hidden;
}
.faq__item-description {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: 0.9s;
  color: rgba(255, 255, 255, 0.8);
}
.faq__item-wrapper {
  padding: 1.7857142857rem 1.4285714286rem 1.7857142857rem 1.4285714286rem;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  border-radius: 0.7142857143rem;
  cursor: pointer;
  transition: 0.5s;
}
.faq__item-wrapper:hover {
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.2);
}
.faq__item-wrapper.active .faq__item-description {
  max-height: 71.4285714286rem;
  transition: 2.9s;
  opacity: 1;
}
.faq__item-icon-wrapper {
  position: relative;
  width: 2.1428571429rem;
  height: 1.2857142857rem;
}
.faq__item-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  transform-style: preserve-3d;
}
.faq__item-icon.active {
  transform: rotateX(180deg);
  transition: 0.5s;
}
.faq__item-icon-inactive, .faq__item-icon-active {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: 0.5s;
}
.faq__item-icon-inactive {
  backface-visibility: hidden;
  transition: 0.5s;
}
.faq__item-icon-active {
  backface-visibility: hidden;
  transform: rotateX(180deg);
  transition: 0.5s;
}
@media (max-width: 1440px) {
  .faq__name {
    font-size: 0.9285714286rem;
    line-height: 1.2642857143rem;
    padding: 1.0714285714rem 1.7857142857rem 1.0714285714rem 1.7857142857rem;
  }
  .faq__item-description-wrapper {
    width: 60.8571428571rem;
  }
}
@media (max-width: 1023px) {
  .faq__name {
    font-size: 0.8571428571rem;
    line-height: 1.0114285714rem;
    padding: 1.0714285714rem 0.5rem 1.0714285714rem 0.5rem;
  }
  .faq__item-title {
    font-size: 1.4285714286rem;
  }
  .faq__item-description-wrapper {
    width: 44.5714285714rem;
  }
  .faq__item-wrapper {
    padding: 1.9642857143rem 1.4285714286rem 1.9642857143rem 1.4285714286rem;
  }
  .faq__item-description {
    font-size: 1.1428571429rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .faq__wrapper-names {
    display: none;
  }
  .faq__questions-wrapper {
    padding-top: 1.7142857143rem;
  }
  .faq__wrapper-names.mobile {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    row-gap: 0.3571428571rem;
  }
  .faq__name.current, .faq__name.mobile {
    padding: 0;
  }
  .faq__item-title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
  }
  .faq__item-description-wrapper {
    width: 16.7857142857rem;
  }
  .faq__item-description {
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
  }
  .faq__name.current {
    padding: 1.1428571429rem 1.7857142857rem 1.1428571429rem 1.7857142857rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5.0042857143rem;
    position: relative;
  }
  .faq__name.current::after {
    position: static;
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    background-repeat: no-repeat;
    transition: 0.3s;
    content: "";
    background: url("../../img/icons/dropdown-icon.svg") no-repeat;
    background-size: 100%;
  }
  .faq__wrapper-names.mobile.opened .faq__name.current::after {
    transform: rotateX(180deg);
  }
  .faq__names-list {
    display: flex;
    flex-direction: column;
    background: rgb(16, 16, 16);
    box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
    border-radius: 1.0714285714rem;
    align-self: center;
    overflow: hidden;
    max-height: 0;
    width: 100%;
    transition: 0.5s;
  }
  .faq__names-list.active {
    max-height: 71.4285714286rem;
    transition: 0.5s;
  }
  .faq__name.mobile {
    display: flex;
    align-items: center;
    padding: 0.4285714286rem 1.1428571429rem 0.4285714286rem 1.1428571429rem;
    color: rgb(255, 255, 255);
    font-weight: 400;
    text-transform: capitalize;
  }
  .faq__name.mobile:nth-child(1) {
    padding-top: 0.7142857143rem;
  }
  .faq__name.mobile:nth-last-child(1) {
    padding-bottom: 0.7142857143rem;
  }
  .faq__name.mobile:active {
    background: rgba(255, 255, 255, 0.05);
  }
}

.for-partners__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.for-partners__wrapper {
  display: flex;
  -moz-column-gap: 4.0714285714rem;
  column-gap: 4.0714285714rem;
}
.for-partners__text-wrapper {
  display: inline-block;
}
.for-partners__text {
  display: inline-block;
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
}

.partners-form {
  padding-top: 8.3571428571rem;
  position: relative;
}
.partners-form::before {
  z-index: 2;
  position: absolute;
  content: "";
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
  background-position: center;
  background-repeat: no-repeat;
  width: 918px;
  height: 742px;
  transform: translate(20%, -30%);
}
@media (max-width: 1440px) {
  .partners-form {
    padding-left: 2.8571428571rem;
    padding-right: 2.8571428571rem;
    padding-bottom: 0;
  }
  .partners-form::before {
    transform: translate(0%, -30%);
  }
}
@media (max-width: 1023px) {
  .partners-form {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
    padding-bottom: 0;
  }
  .partners-form::before {
    width: 32.0714285714rem;
    height: 44.7857142857rem;
    transform: translate(-14%, -15%);
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .partners-form {
    padding-top: 5.4285714286rem;
  }
}

.process-chargeback {
  position: sticky;
  top: 5rem;
  max-width: 35.6428571429rem;
  width: 100%;
  height: 100%;
}
.process-chargeback__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  margin-bottom: 1.7857142857rem;
}
.process-chargeback__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.2142857143rem;
}
.process-chargeback__stage {
  background: rgba(196, 167, 103, 0.05);
  padding: 0.5rem 0.7142857143rem 0.5rem 0.7142857143rem;
  align-self: start;
  width: 100%;
  border-radius: 0.7142857143rem;
}
.process-chargeback__stage-text {
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgb(255, 255, 255);
  font-weight: 400;
}
.process-chargeback__stage-note {
  font-size: 0.8571428571rem;
  line-height: 1.3714285714rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
}
.process-chargeback__stage-arrow {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.process-chargeback__columns-wrapper {
  -moz-column-gap: 0.9285714286rem;
  column-gap: 0.9285714286rem;
  display: flex;
}
.process-chargeback__column .process-chargeback__stage {
  max-width: 17.3571428571rem;
}
.process-chargeback__column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.process-chargeback__column:nth-child(2) .process-chargeback__stage:nth-last-child(1) {
  border: 1px solid rgb(203, 61, 69);
}
.process-chargeback__column:nth-child(1) .process-chargeback__stage:nth-last-child(1) {
  border: 1px solid rgb(203, 61, 69);
  position: relative;
}
.process-chargeback__column:nth-child(1) .process-chargeback__stage:nth-last-child(1)::after {
  position: absolute;
  content: "";
  background: url('data:image/svg+xml,<svg width="134" height="33" viewBox="0 0 134 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M133 0.492188H0.5V32" stroke="%23CB3D45" stroke-linecap="round"/></svg>') no-repeat;
  width: 9.5714285714rem;
  height: 2.3571428571rem;
  right: -5.5%;
  top: -35%;
  background-size: 100% 100%;
}
.process-chargeback__column:nth-child(1) .process-chargeback__stage:nth-child(8) {
  border: 1px solid rgb(203, 61, 69);
  margin-bottom: 3.5714285714rem;
}
@media (max-width: 1440px) {
  .process-chargeback {
    position: static;
    max-width: 35.6428571429rem;
  }
}
@media (max-width: 1024px) {
  .process-chargeback {
    display: flex;
    max-width: 100%;
    padding-bottom: 6.2142857143rem;
    display: flex;
    flex-direction: column;
  }
  .process-chargeback__wrapper {
    align-self: center;
    width: 35.6428571429rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .process-chargeback__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
  .process-chargeback__wrapper {
    width: 100%;
  }
  .process-chargeback__stage-text {
    font-size: 0.6414285714rem;
    line-height: 1.0257142857rem;
  }
  .process-chargeback__column:nth-child(1) .process-chargeback__stage:nth-child(8) {
    border: 1px solid rgb(203, 61, 69);
    margin-bottom: 2.8571428571rem;
  }
  .process-chargeback__column:nth-child(1) .process-chargeback__stage:nth-last-child(1) {
    border: 1px solid rgb(203, 61, 69);
    position: relative;
  }
  .process-chargeback__column:nth-child(1) .process-chargeback__stage:nth-last-child(1)::after {
    position: absolute;
    content: "";
    background: url('data:image/svg+xml,<svg width="134" height="33" viewBox="0 0 134 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M133 0.492188H0.5V32" stroke="%23CB3D45" stroke-linecap="round"/></svg>') no-repeat;
    width: 6.0714285714rem;
    height: 1.4285714286rem;
    right: -5.5%;
    top: -35%;
    background-size: 100% 100%;
  }
  .process-chargeback__stage-arrow {
    width: 0.9164285714rem;
    height: 0.9164285714rem;
  }
}

.chargeback-form {
  padding-top: 5.7142857143rem;
}
.chargeback-form__wrapper {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.chargeback-form__form-wrapper {
  position: relative;
}
.chargeback-form__form-wrapper::after {
  content: "";
  position: absolute;
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
  width: 65.5714285714rem;
  height: 53rem;
  top: -20%;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .chargeback-form__form-wrapper::after {
    content: "";
    position: absolute;
    background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
    width: 32.0714285714rem;
    height: 53.8571428571rem;
    top: -20%;
    left: -20%;
    z-index: -1;
  }
}
@media (min-width: 1441px) {
  .chargeback-form__img-wrapper {
    position: relative;
    transform: translateX(-130px);
  }
  .chargeback-form__img-wrapper::after {
    content: "";
    position: absolute;
    background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
    width: 62.7142857143rem;
    height: 28rem;
    left: -45%;
    bottom: 0;
    z-index: -1;
  }
}
.chargeback-form__img {
  width: 31.5714285714rem;
  height: 44.4285714286rem;
}
@media (max-width: 1024px) {
  .chargeback-form__img-wrapper {
    display: none;
  }
}

.refunds-form__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.refunds-form__wrapper::after {
  position: absolute;
  content: "";
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
  width: 65.5714285714rem;
  height: 53rem;
  left: -7%;
  top: -13%;
}
.refunds-form__wrapper .main__form-wrapper {
  transform: translateY(5.3571428571rem);
}
.refunds-form__img-wrapper {
  position: relative;
  transform: translate(2.1428571429rem, 6.4285714286rem);
}
.refunds-form__img-wrapper::after {
  position: absolute;
  content: "";
  background: radial-gradient(39.8% 39.8% at 50% 50%, rgba(196, 167, 103, 0.2) 0%, rgba(196, 167, 103, 0) 100%);
  width: 62.7142857143rem;
  height: 28rem;
  right: -50%;
  bottom: -5%;
}
.refunds-form__img {
  width: 31.5714285714rem;
  height: 44.4285714286rem;
}
@media (max-width: 1440px) {
  .refunds-form {
    padding-top: 8.0714285714rem;
  }
  .refunds-form__img-wrapper {
    display: none;
  }
  .refunds-form__wrapper .main__form-wrapper {
    transform: none;
  }
  .refunds-form__wrapper {
    justify-content: center;
  }
  .refunds-form__wrapper::after {
    left: 0%;
    top: -35%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .refunds-form__wrapper::after {
    width: 32.0714285714rem;
    height: 51.8571428571rem;
    left: auto;
  }
}

.play-sensibly {
  max-width: 36.0714285714rem;
  width: 100%;
  position: sticky;
  top: 2.1428571429rem;
  height: 100%;
}
.play-sensibly__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin-bottom: 2.1428571429rem;
}
.play-sensibly__subtitle {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  margin-bottom: 2.1428571429rem;
}
.play-sensibly__links {
  display: flex;
  flex-direction: column;
  row-gap: 1.1428571429rem;
}
.play-sensibly__link-wrapper {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5714285714rem 1.8571428571rem;
  background: rgba(196, 167, 103, 0.07);
  border-radius: 0.7142857143rem;
  transition: 0.3s ease-in-out;
}
.play-sensibly__link-wrapper:hover {
  transition: 0.3s ease-in-out;
  background: none;
}
.play-sensibly__link-title {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.18rem;
  color: rgb(255, 255, 255);
}
.play-sensibly__link-icon {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1440px) {
  .play-sensibly {
    position: static;
    max-width: 100%;
    padding-bottom: 3.6428571429rem;
  }
}

.on-this-page {
  height: -moz-fit-content;
  height: fit-content;
  max-width: 20.9285714286rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.7142857143rem;
  padding: 4.2857142857rem 2.1428571429rem;
  position: sticky;
  top: 3.5714285714rem;
  transform: translateY(-4.2857142857rem);
  scroll-behavior: smooth;
}
.on-this-page__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  color: rgb(203, 61, 69);
  margin-bottom: 2.1428571429rem;
}
.on-this-page__list {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.on-this-page__item {
  font-size: 1.0714285714rem;
  line-height: 1.7142857143rem;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-weight: 400;
  transition: 0.3s ease-in;
}
.on-this-page__item:hover {
  transition: 0.3s ease-in;
  color: rgb(255, 255, 255);
}
@media (max-width: 1440px) {
  .on-this-page {
    display: none;
  }
}

.nuances {
  padding-top: 4.4285714286rem;
  padding-bottom: 7.8571428571rem;
}
@media (max-width: 1440px) {
  .nuances {
    padding-bottom: 2.9285714286rem;
  }
}

.account {
  position: relative;
  width: 73.2142857143rem;
  padding: 2.8571428571rem 0;
  transition: 0.5s ease-in-out;
  height: 100%;
}
.account__accordion-wrapper {
  display: none;
}
.account__levels.mobile {
  display: none;
}
.account__pages-wrapper {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  display: flex;
  position: relative;
  z-index: 3;
}
.account__wrapper {
  padding-left: 1.4285714286rem;
}
.account__form-input-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 35.5rem);
  gap: 1.9285714286rem 0.7142857143rem;
}
.account__form-wrapper {
  padding-top: 2.7857142857rem;
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  margin-bottom: 2.1428571429rem;
}
.account__profile-buttons {
  display: flex;
  -moz-column-gap: 1.3571428571rem;
  column-gap: 1.3571428571rem;
}
.account__profile-cancel {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.7142857143rem;
  padding: 1.2142857143rem 0;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 100%;
  color: rgb(196, 167, 103);
  width: 9.5rem;
  align-self: center;
}
.account__profile-cancel:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.account__profile-cancel:active {
  transition: 0.3s ease-in-out;
}
.account__profile-cancel:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.account__profile-cancel::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.account__profile-edit {
  background: url("../../img/bg/button-bg.png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.7142857143rem;
  padding: 1.2142857143rem 2.2857142857rem;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  color: black;
}
.account__profile-edit:hover {
  box-shadow: 0px 0px 18px 0px rgb(196, 167, 103);
  transition: 0.3s ease-in-out;
}
.account__profile-edit:active {
  transition: 0.3s ease-in-out;
}
.account__profile-edit:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.account__profile-edit::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.account__profile-save {
  background: url("../../img/bg/button-bg.png") no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.7142857143rem;
  padding: 1.2142857143rem 2.2857142857rem;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  color: black;
}
.account__profile-save:hover {
  box-shadow: 0px 0px 18px 0px rgb(196, 167, 103);
  transition: 0.3s ease-in-out;
}
.account__profile-save:active {
  transition: 0.3s ease-in-out;
}
.account__profile-save:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.account__profile-save::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.account__profile-buttons-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.account__profile-change-pass {
  cursor: pointer;
}
.account__profile-change-pass-wrapper {
  display: flex;
  align-items: center;
}
.account__profile-change-pass-icon {
  width: 2.5rem;
  height: 2.5rem;
  transition: 0.3s ease-in-out;
}
.account__profile-change-pass:hover .account__profile-change-pass-text {
  transition: 0.3s ease-in-out;
  color: rgb(232, 202, 137);
}
.account__profile-change-pass:active .account__profile-change-pass-text {
  transition: 0.3s ease-in-out;
  color: rgba(196, 167, 103, 0.7);
}
.account__profile-change-pass:hover .account__profile-change-pass-icon {
  transition: 0.3s ease-in-out;
  transform: rotate(22deg);
}
.account__profile-change-pass:hover .account__profile-change-pass-icon path {
  transition: 0.3s ease-in-out;
  stroke: rgb(232, 202, 137);
}
.account__profile-change-pass:active .account__profile-change-pass-icon {
  transition: 0.3s ease-in-out;
  transform: rotate(22deg);
}
.account__profile-change-pass:active .account__profile-change-pass-icon path {
  transition: 0.3s ease-in-out;
  stroke: rgba(196, 167, 103, 0.7);
}
.account__profile-change-pass-text {
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  color: rgb(196, 167, 103);
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.account__deposit-withdraw-wrapper {
  padding-top: 2.7142857143rem;
}
.account__deposit-withdraw {
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 0.7142857143rem;
  padding: 2.8571428571rem;
}
.account__deposit-tab-header {
  justify-content: space-between;
  display: flex;
  width: 100%;
}
.account__deposit-tab {
  justify-content: center;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1.0714285714rem 1.7857142857rem;
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  color: rgba(216, 216, 212, 0.6);
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  border-bottom: 1px rgba(216, 216, 212, 0.6) solid;
}
.account__deposit-tab:after {
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: -2%;
  content: "";
  background: rgb(203, 61, 69);
  transition: 0.3s ease-in-out;
}
.account__deposit-tab.active {
  transition: 0.3s ease-in-out;
  color: rgb(255, 255, 255);
}
.account__deposit-tab.active:after {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -2%;
  content: "";
  background: rgb(203, 61, 69);
  transition: 0.3s ease-in-out;
}
.account__deposit-wrapper {
  justify-content: space-between;
  padding-top: 2.8571428571rem;
  display: flex;
}
.account__payment-methods {
  display: flex;
  flex-direction: column;
  row-gap: 1.2857142857rem;
  max-width: 33.6428571429rem;
  width: 100%;
}
.account__payment-methods.mobile {
  display: none;
}
.account__payment-method-wrapper {
  border-radius: 0.7142857143rem;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 1.8571428571rem;
  transition: 0.3s ease-in;
  height: 5.4285714286rem;
  cursor: pointer;
}
.account__payment-method-wrapper:hover {
  background: rgb(0, 0, 0);
  transition: 0.3s ease-in;
}
.account__payment-method {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account__payment-method-wrapper.active {
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s ease-in;
}
.account__payment-method-active .account__payment-method-icon {
  max-width: 1.5628571429rem;
  max-height: 2.5rem;
}
.account__payment-method-wrapper:nth-child(1) .account__payment-method-icon {
  width: 2.5rem;
  height: 4rem;
}
.account__payment-method-wrapper:nth-child(2) .account__payment-method-icon {
  width: 3rem;
  height: 3.1428571429rem;
}
.account__payment-method-wrapper:nth-child(3) .account__payment-method-icon {
  width: 4.5rem;
  height: 2.7121428571rem;
}
.account__payment-method-price {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1rem;
  line-height: 1.18rem;
  font-weight: 300;
}
.account__amount-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.0714285714rem;
  text-transform: uppercase;
}
.account__history {
  padding-top: 5.1428571429rem;
}
.account__history-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
  color: rgb(196, 167, 103);
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
.account__table {
  display: inline-block;
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.7142857143rem;
}
.account__column-head {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  text-align: left;
  color: rgb(255, 255, 255);
  font-weight: 300;
}
.account__column-header tr {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 14.3571428571rem);
}
.account__table-body {
  display: block;
  border-bottom: none;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.01);
  overflow: hidden;
  overflow-y: scroll;
  overflow-y: overlay;
  max-height: 35.7142857143rem;
}
.account__table-body::-webkit-scrollbar {
  width: 4px;
}
.account__table-body::-webkit-scrollbar-track {
  background: transparent;
}
.account__table-body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}
@supports (-moz-appearance: none) {
  .account__table-body {
    /* стили только для Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
    scrollbar-width: thin;
  }
}
.account__table-body tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: repeat(5, 14.3571428571rem);
}
.account__column {
  font-weight: 200;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
}
.account__scores-wrapper {
  padding-top: 1.8571428571rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.4285714286rem;
}
.account__scores {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
  color: rgb(255, 255, 255);
}
.account__scores-attention {
  display: flex;
  align-items: center;
  background: rgba(135, 38, 53, 0.1);
  padding: 0.9285714286rem;
}
.account__scores-attention-icon {
  width: 2.1428571429rem;
  height: 2.1428571429rem;
  margin-right: 1rem;
}
.account__scores-attention-text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.account__exchange-title-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  margin-bottom: 3.2142857143rem;
}
.account__exchange-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 2.5rem;
  font-weight: 400;
  text-transform: uppercase;
}
.account__exchange-line {
  width: 1.6428571429rem;
  height: 0.0714285714rem;
  background: rgb(255, 255, 255);
}
.account__exchange-number {
  font-size: 1.7142857143rem;
  line-height: 2.0228571429rem;
  color: rgb(255, 255, 255);
  font-weight: 700;
}
.account__levels-wrapper {
  padding-top: 7.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6.4285714286rem, 1fr));
  align-items: center;
}
.account__level {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
@keyframes animationJump {
  0% {
    transform: translateY(-10%);
  }
  5% {
    transform: translateY(5%);
  }
  20% {
    transform: translateY(-10%);
  }
  25% {
    transform: translateY(5%);
  }
  35% {
    transform: translateY(-10%);
  }
}
.account__level.current-level .account__current-level-icon {
  position: absolute;
  top: -30%;
  width: 3.2142857143rem;
  height: 3.6428571429rem;
}
.account__current-level-icon-path {
  transform: translateY(-10%);
  animation: animationJump 3s infinite;
}
.account__level-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  margin-bottom: 1.0714285714rem;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
}
.account__level-title.current {
  color: rgb(203, 61, 69);
}
.account__level-icon {
  width: 4.6428571429rem;
  height: 4.6428571429rem;
  margin-bottom: 1rem;
}
@media (min-width: 1441px) {
  .account__level-icon {
    align-self: start;
    transform: translate(15%, -1%);
  }
}
.account__level-score-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 768px) {
  .account__level-score-wrapper {
    transform: translateY(-22px);
  }
}
@media (min-width: 1441px) {
  .account__level-score-wrapper {
    width: 5.4857142857rem;
    transform: translateY(-15px);
  }
}
.account__level-score {
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgb(255, 255, 255);
}
.account__level-exchange-wrapper {
  width: 6.4285714286rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.account__level-exchange-text {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 300;
  color: rgb(255, 255, 255);
}
.account__level-exchange {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: rgb(255, 255, 255);
  margin-bottom: 0.7142857143rem;
}
.account__level-more {
  font-size: 1.0714285714rem;
  line-height: 1.2642857143rem;
  font-weight: 500;
  color: rgb(196, 167, 103);
  transition: 0.3s ease-in-out;
}
.account__level-more:hover {
  transition: 0.3s ease-in-out;
  color: rgba(196, 167, 103, 0.5);
}
.account__header-tab {
  display: none;
}
.account__bonuses {
  padding-top: 3.7857142857rem;
}
.account__bonuses-text {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
  color: rgb(255, 255, 255);
}
@media (max-width: 1440px) {
  .account {
    width: 100%;
  }
  .account:after {
    content: "";
    background: url("../../img/bg/leaves-account-1024.svg") no-repeat;
    width: 100%;
    height: 21.7142857143rem;
    position: absolute;
    background-size: 100%;
    bottom: 0;
  }
  .account__wrapper {
    padding-left: 2.8571428571rem;
    padding-right: 2.8571428571rem;
  }
  .account__header-tab {
    padding-left: 2.8571428571rem;
    padding-right: 2.8571428571rem;
    display: flex;
    justify-content: space-between;
  }
  .account__tab {
    width: 100%;
    font-size: 1.0714285714rem;
    line-height: 1.2642857143rem;
    font-weight: 500;
    text-transform: uppercase;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-bottom: 1.0714285714rem;
    color: rgba(216, 216, 212, 0.6);
    border-bottom: 0.0714285714rem rgba(216, 216, 212, 0.2) solid;
    position: relative;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }
  .account__tab:after {
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 1%;
    content: "";
    background: rgb(196, 167, 103);
    transition: 0.3s ease-in-out;
  }
  .account__tab:hover {
    color: rgb(216, 216, 212);
    transition: 0.3s ease-in-out;
  }
  .account__tab.active {
    transition: 0.3s ease-in-out;
    color: rgb(255, 255, 255);
  }
  .account__tab.active:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1%;
    content: "";
    background: rgb(196, 167, 103);
    transition: 0.3s ease-in;
  }
  .account__pages-wrapper {
    display: none;
  }
  .account__form-input-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .account__deposit-withdraw {
    padding: 1.4285714286rem;
  }
  .account__payment-method-wrapper {
    padding: 1.0714285714rem 1.8571428571rem;
  }
  .account__column-header tr {
    grid-template-columns: 11.5714285714rem 13.2378571429rem 13.2378571429rem 13.2378571429rem 18.9285714286rem;
  }
  .account__table-body tr {
    grid-template-columns: 11.5714285714rem 13.2378571429rem 13.2378571429rem 13.2378571429rem 16.1428571429rem;
  }
  .account__levels-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(6.0714285714rem, 1fr));
  }
}
@media (max-width: 1024px) {
  .account {
    width: 100%;
  }
  .account::after {
    position: absolute;
    content: "";
    background: url("../../img/bg/leaves-account-768.svg") no-repeat;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: bottom;
    z-index: -1;
  }
  .account__header-tab {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
  .account__wrapper {
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
  .account__form-input-wrapper {
    display: flex;
    flex-direction: column;
  }
  .account__deposit-wrapper {
    row-gap: 2.5rem;
    flex-direction: column;
  }
  .account__payment-methods {
    max-width: 100%;
  }
  .account__table-wrapper {
    display: none;
  }
  .account__accordion-wrapper {
    row-gap: 0.4285714286rem;
    display: flex;
    flex-direction: column;
  }
  .account__accordion-item {
    background: rgba(0, 0, 0, 0.4);
    padding: 1.0714285714rem;
    border-radius: 0.7142857143rem;
  }
  .account__accordion-content {
    max-height: 0.0714285714rem;
    overflow: hidden;
    transition: 0.5s ease-out;
  }
  .account__accordion-item.active .account__accordion-content {
    max-height: 71.4285714286rem;
    transition: 0.5s ease-in;
  }
  .account__accordion-date {
    font-weight: 400;
    color: rgb(255, 255, 255);
    font-size: 1.1428571429rem;
    line-height: 1.3485714286rem;
  }
  .account__accordion-content-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 0.7142857143rem;
  }
  .account__accordion-content-wrapper::before {
    margin-top: 0.7142857143rem;
    content: "";
    background: rgba(255, 255, 255, 0.05);
    width: 100%;
    height: 0.0714285714rem;
    display: block;
  }
  .account__accordion-content-item {
    display: flex;
    justify-content: space-between;
  }
  .account__accordion-transaction-label {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
  }
  .account__accordion-transaction-value {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6rem;
    color: rgba(255, 255, 255, 0.8);
  }
  .account__accordion-transaction-value {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6rem;
    color: rgba(255, 255, 255, 0.8);
  }
  .account__accordion-transaction-value.type-highlight {
    text-transform: uppercase;
  }
  .account__accordion-transaction-value.amount-highlight {
    font-weight: 700;
    color: rgb(149, 29, 36);
  }
  .account__level-score {
    font-size: 0.8571428571rem;
    line-height: 1.3714285714rem;
    padding-bottom: 0.3571428571rem;
  }
  .account__level-score-wrapper {
    transform: translateY(-25px);
  }
  .account__level-icon {
    width: 3.4792857143rem;
    height: 3.4792857143rem;
    margin-bottom: 1rem;
  }
  .account__level-title {
    margin-bottom: 1.5714285714rem;
    font-size: 1.4285714286rem;
  }
  .account__levels-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(2.5714285714rem, 1fr));
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .account {
    width: 100%;
  }
  .account::after {
    background: url("../../img/bg/leaves-account-360.svg") no-repeat;
    background-position: left bottom;
    background-size: 100%;
  }
  .account__tab {
    padding-bottom: 1.0714285714rem;
    font-size: 0.7142857143rem;
  }
  .account__profile-save {
    font-size: 1rem;
    padding: 1.0714285714rem;
  }
  .account__profile-buttons-wrapper {
    flex-direction: column;
    align-items: normal;
    row-gap: 1.3571428571rem;
  }
  .account__payment-methods {
    display: none;
  }
  .account__payment-methods.mobile {
    position: relative;
    display: flex;
  }
  .account__payment-methods.mobile.active .account__payment-method-dropdown-icon {
    transform: rotate(180deg);
    transition: 0.3s ease;
  }
  .account__payment-method-active {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .account__payment-method-active-wrapper {
    -moz-column-gap: 0.5714285714rem;
    column-gap: 0.5714285714rem;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5.0042857143rem;
    padding: 0.9192857143rem 1.7857142857rem;
  }
  .account__payment-method-dropdown-icon {
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    transition: 0.3s ease;
  }
  .account__payment-methods-list {
    top: 120%;
    border-radius: 1.0714285714rem;
    width: 100%;
    position: absolute;
    background: rgb(16, 16, 16);
    box-shadow: 0px 3px 3.7px 0px rgba(11, 14, 15, 0.3);
    overflow: hidden;
    max-height: 0;
    transition: 1s max-height ease-in-out;
  }
  .account__payment-methods-list.active {
    max-height: 14.2857142857rem;
  }
  .account__payment-method-list-item {
    padding: 0.4285714286rem 1.1428571429rem;
    display: flex;
    -moz-column-gap: 2.0485714286rem;
    column-gap: 2.0485714286rem;
    align-items: center;
    transition: 0.3s ease-in;
  }
  .account__payment-method-list-item:active {
    transition: 0.3s ease-in;
    background: rgba(255, 255, 255, 0.05);
  }
  .account__payment-method-list-item:nth-child(1) .account__payment-method-icon {
    width: 1.085rem;
    height: 1.7014285714rem;
  }
  .account__payment-method-list-item:nth-child(2) .account__payment-method-icon {
    width: 1.2814285714rem;
    height: 1.5707142857rem;
  }
  .account__payment-method-list-item:nth-child(3) .account__payment-method-icon {
    width: 2.1857142857rem;
    height: 1.3171428571rem;
  }
  .account__payment-method-list-item:nth-child(3) {
    -moz-column-gap: 1.0714285714rem;
    column-gap: 1.0714285714rem;
  }
  .account__payment-method-list-name {
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
    color: rgb(255, 255, 255);
    font-weight: 400;
  }
  .account__scores-wrapper {
    flex-direction: column;
    align-items: normal;
  }
  .account__scores-attention {
    row-gap: 0.4285714286rem;
    flex-direction: column;
    align-items: normal;
  }
  .account__scores-attention-text {
    font-size: 0.8571428571rem;
    line-height: 1.3714285714rem;
  }
  .account__exchange-title {
    font-size: 1.7857142857rem;
    line-height: 2.5rem;
  }
  .account__levels.mobile {
    padding-top: 5.23rem;
    display: flex;
    width: 22.8571428571rem;
  }
  .account__levels-wrapper {
    display: none;
  }
  .account__level-right-col {
    width: 7.3921428571rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.0714285714rem;
  }
  .account__left-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 3.3571428571rem;
  }
  .account__level-icon {
    margin-bottom: 1.0714285714rem;
  }
  .account__level-wrapper {
    display: flex;
    flex-direction: column;
  }
  .account__level-score-wrapper {
    padding-left: 0.2857142857rem;
    border-bottom: none;
    align-self: center;
    width: 100%;
    height: 2.7142857143rem;
    position: relative;
    justify-content: start;
    transform: translateY(0);
  }
  .account__level-score-wrapper::before {
    content: "";
    background: rgba(255, 255, 255, 0.2);
    width: 2.7142857143rem;
    height: 0.0714285714rem;
    transform: rotate(90deg);
  }
  .account__level-score {
    font-size: 0.8571428571rem;
    position: absolute;
    left: 42%;
  }
  .account__level {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2.1078571429rem;
    column-gap: 2.1078571429rem;
    align-items: normal;
  }
  .account__level-title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
    margin-bottom: 0;
  }
  .account__level-exchange-text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .account__level.current-level .account__current-level-icon {
    left: 10%;
    top: -80%;
  }
}

.login {
  width: 100%;
  height: 100%;
  padding: 1.8571428571rem 2.5714285714rem 13.0714285714rem 2.5714285714rem;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  position: relative;
  border-radius: 0.7142857143rem;
}
.login::after {
  content: "";
  background: url("../../img/bg/register-leaves.svg") no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  background-position: bottom;
  background-size: 100%;
  z-index: 0;
}
.login__pages-wrapper {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  display: flex;
  position: relative;
  z-index: 3;
}
.login__wrapper {
  padding-top: 12.5714285714rem;
  padding-left: 6.4285714286rem;
  padding-right: 6.4285714286rem;
  position: relative;
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.2) 0%, rgba(196, 167, 103, 0) 100%);
  z-index: 1;
}
@media (max-width: 1440px) {
  .login {
    background: none;
    padding: 6.8571428571rem 2.8571428571rem 11.7857142857rem 2.8571428571rem;
  }
  .login::after {
    background: url("../../img/bg/login-leaves-1440.svg") no-repeat;
    background-position: bottom;
    background-size: 100%;
    top: 0%;
  }
  .login__pages-wrapper {
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 1.7857142857rem;
    line-height: 2.5rem;
  }
  .login__wrapper {
    background: none;
    padding-top: 6.2857142857rem;
  }
}
@media (max-width: 1024px) {
  .login::after {
    background: url("../../img/bg/login-leaves-1024.svg") no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
  .login__wrapper {
    padding-top: 13.5rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .login {
    height: 100%;
    padding: 6.8571428571rem 1.4285714286rem 0rem 1.4285714286rem;
  }
  .login::after {
    background: url("../../img/bg/login-leaves-mobile.svg") no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
  .login__wrapper {
    padding-top: 5.6428571429rem;
    padding-left: 0;
    padding-right: 0;
  }
}

.account.balance {
  width: 71.7857142857rem;
}
@media (max-width: 1440px) {
  .account.balance {
    width: 100%;
    padding-bottom: 1.7857142857rem;
  }
}
@media (max-width: 1024px) {
  .account.balance {
    width: 100%;
    padding-bottom: 2.2857142857rem;
  }
  .account.balance::after {
    top: auto;
    bottom: -20%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .account.balance {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .account.vip {
    padding-bottom: 8.6428571429rem;
  }
}
@media (max-width: 1024px) {
  .account.vip {
    padding-bottom: 6.9492857143rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .account.vip {
    height: auto;
  }
}

.register {
  padding: 1.8571428571rem 2.5714285714rem 4.0714285714rem 2.5714285714rem;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  position: relative;
  border-radius: 0.7142857143rem;
}
.register::after {
  content: "";
  background: url("../../img/bg/register-leaves.svg") no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  background-position: bottom;
  background-size: 100%;
}
.register__pages-wrapper {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  text-transform: uppercase;
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  display: flex;
  position: relative;
  z-index: 3;
}
.register__wrapper {
  padding-top: 3.2857142857rem;
  padding-left: 6.4285714286rem;
  padding-right: 6.4285714286rem;
  position: relative;
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.2) 0%, rgba(196, 167, 103, 0) 100%);
  z-index: 2;
}
@media (max-width: 1440px) {
  .register {
    padding-left: 2.8571428571rem;
    padding-top: 6.1428571429rem;
    background: none;
  }
  .register::after {
    content: "";
    background: url("../../img/bg/register-leaves-1024.svg") no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-position: bottom;
    background-size: 100%;
  }
  .register__wrapper {
    padding-top: 2.5714285714rem;
    padding-left: 0;
    padding-right: 2.8571428571rem;
    padding-bottom: 2rem;
    background: none;
  }
  .register__pages-wrapper {
    font-size: 1.7857142857rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 1024px) {
  .register {
    padding-top: 8.2857142857rem;
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
  }
  .register__wrapper {
    padding-top: 2.5714285714rem;
    padding-right: 0px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .register {
    padding-bottom: 2.73rem;
  }
  .register::after {
    content: "";
    background: url("../../img/bg/register-leaves-768.svg") no-repeat;
    background-position: bottom;
    background-size: 100%;
  }
  .register__wrapper {
    padding-bottom: 0;
  }
}

.account.inactive {
  opacity: 0;
  display: none;
  visibility: hidden;
  transition: 0.2s ease-in-out;
}

.chargebacks-registration {
  width: 51.0714285714rem;
}
.chargebacks-registration__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin-bottom: 1.3214285714rem;
}
.chargebacks-registration__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  list-style-type: none;
  counter-reset: paragraph;
}
.chargebacks-registration__wrapper .chargebacks-registration__text::before {
  display: block;
  max-width: 1.3571428571rem;
  width: 100%;
  counter-increment: paragraph;
  content: counter(paragraph) ". ";
  margin-right: 0.5rem;
}
.chargebacks-registration__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  display: flex;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.chargebacks-registration__text-wrapper-laptop {
  display: none;
}
.chargebacks-registration__points-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.chargebacks-registration__point {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  padding-left: 2.5rem;
  cursor: auto;
  display: flex;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media (max-width: 1440px) {
  .chargebacks-registration {
    width: 28.2857142857rem;
  }
  .chargebacks-registration__text-wrapper-laptop {
    display: flex;
    flex-direction: column;
    row-gap: 1.7142857143rem;
    list-style-type: none;
    counter-reset: paragraph 4;
  }
  .chargebacks-registration__text-wrapper-laptop .chargebacks-registration__text::before {
    counter-increment: paragraph;
    content: counter(paragraph) ". ";
    max-width: 1.3571428571rem;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .chargebacks-registration {
    width: 100%;
  }
  .chargebacks-registration__text-wrapper-laptop {
    display: none;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .chargebacks-registration__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
  }
  .chargebacks-registration__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .chargebacks-registration__wrapper {
    row-gap: 1.0714285714rem;
  }
  .chargebacks-registration__points {
    display: flex;
    flex-direction: column;
    row-gap: 1.0714285714rem;
  }
  .chargebacks-registration__point {
    font-size: 1rem;
    line-height: 1.6rem;
    padding-left: 2.5714285714rem;
  }
  .chargebacks-registration__wrapper .chargebacks-registration__text::before {
    max-width: 1.3571428571rem;
    width: 100%;
  }
}

.representment {
  width: 51.0714285714rem;
  padding-top: 3.5714285714rem;
}
.representment a {
  text-decoration: underline;
}
.representment__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin-bottom: 2.1428571429rem;
}
.representment__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  margin-bottom: 2.8571428571rem;
}
.representment__chargeback-text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  margin-bottom: 1.0714285714rem;
}
.representment__chargeback-points {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.representment__chargeback-point {
  margin-left: 1.9285714286rem;
  list-style-type: disc;
  cursor: auto;
}
.representment__chargeback-point::marker {
  font-weight: 700;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
}
.representment__example-wrapper::before {
  display: block;
  font-style: italic;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(255, 255, 255, 0.5);
  content: "Example re-presentment email";
  margin-bottom: 0.7142857143rem;
}
.representment__example {
  position: relative;
  border-radius: 0.7142857143rem;
  padding: 2.1428571429rem;
  background: rgb(216, 216, 212);
}
.representment__example-close-icon {
  position: absolute;
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  right: 4%;
  cursor: pointer;
  transition: 0.3s ease-in;
}
.representment__example-close-path {
  transition: 0.3s ease-in;
}
.representment__example-close-icon:hover .representment__example-close-path {
  transition: 0.3s ease-in;
  stroke: transparent;
}
.representment__example-title {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgb(35, 35, 35);
  font-weight: 500;
  margin-bottom: 0.8571428571rem;
}
.representment__example-header {
  -moz-column-gap: 5.0714285714rem;
  column-gap: 5.0714285714rem;
  padding-bottom: 1.0714285714rem;
  display: flex;
  border-bottom: 0.0714285714rem rgba(35, 35, 35, 0.05) solid;
}
.representment__example-from {
  color: rgba(35, 35, 35, 0.5);
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
}
.representment__example-from::before {
  content: "From";
  font-size: 0.9285714286rem;
  line-height: 1.4857142857rem;
  color: rgba(35, 35, 35, 0.5);
}
.representment__example-to {
  color: rgb(35, 35, 35);
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
}
.representment__example-to::before {
  content: "To";
  text-decoration: none;
  font-size: 0.9285714286rem;
  line-height: 1.4857142857rem;
  color: rgba(35, 35, 35, 0.5);
}
.representment__example-body {
  padding-top: 1.0714285714rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.8571428571rem;
  padding-bottom: 1.8571428571rem;
}
.representment__example-subject {
  display: flex;
  flex-direction: column;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(35, 35, 35);
  font-weight: 500;
}
.representment__example-subject::before {
  content: "Subject";
  color: rgba(35, 35, 35, 0.5);
  font-size: 0.9285714286rem;
  line-height: 1.4857142857rem;
  font-weight: 400;
}
.representment__example-text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(35, 35, 35, 0.7);
  font-weight: 400;
}
.representment__example-attachments-wrapper {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  padding: 0.7142857143rem;
  border-radius: 0.5rem;
  justify-content: space-between;
}
.representment__example-attachment-file-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
}
.representment__example-attachment-file {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(35, 35, 35);
  font-weight: 500;
}
@media (max-width: 1440px) {
  .representment {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .representment__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
  }
  .representment__chargeback-text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .representment__wrapper {
    row-gap: 1.0714285714rem;
  }
  .representment__chargeback-points {
    display: flex;
    flex-direction: column;
    row-gap: 1.0714285714rem;
  }
  .representment__chargeback-point {
    font-size: 1rem;
    line-height: 1.6rem;
    padding-left: 0;
  }
  .representment__wrapper .representment__text::before {
    max-width: 1.3571428571rem;
    width: 100%;
  }
  .representment__example {
    padding: 0.9585714286rem;
  }
  .representment__example-title {
    font-size: 0.8571428571rem;
    line-height: 0.9207142857rem;
    margin-bottom: 1.6428571429rem;
  }
  .representment__example-header {
    -moz-column-gap: 2.2692857143rem;
    column-gap: 2.2692857143rem;
  }
  .representment__example-from, .representment__example-to {
    font-size: 0.5714285714rem;
    line-height: 0.8185714286rem;
  }
  .representment__example-from::before {
    font-size: 0.5714285714rem;
  }
  .representment__example-to::before {
    font-size: 0.5714285714rem;
  }
  .representment__example-subject {
    font-size: 0.5714285714rem;
  }
  .representment__example-subject::before {
    font-size: 0.5714285714rem;
  }
  .representment__example-body {
    row-gap: 1rem;
  }
  .representment__example-text {
    font-size: 0.5rem;
    line-height: 0.8185714286rem;
  }
  .representment__example-attachment-icon {
    width: 1.0714285714rem;
    height: 1.0714285714rem;
  }
  .representment__example-attachment-delete {
    width: 1.0714285714rem;
    height: 1.0714285714rem;
  }
  .representment__example-attachment-file-wrapper {
    row-gap: 0.2857142857rem;
  }
  .representment__example-attachment-file {
    font-size: 0.5714285714rem;
    line-height: 0.5714285714rem;
  }
}

.demo-game {
  padding-top: 2.5rem;
}
.demo-game__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
}
.demo-game__title-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.8571428571rem;
  column-gap: 0.8571428571rem;
}
.demo-game__text-wrapper {
  display: flex;
  -moz-column-gap: 0.8571428571rem;
  column-gap: 0.8571428571rem;
  align-items: flex-end;
}
.demo-game__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.2078571429rem;
  color: rgb(196, 167, 103);
  text-transform: uppercase;
}
.demo-game__developer {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
}
.demo-game__back-icon {
  width: 1.8571428571rem;
  height: 1.8571428571rem;
  cursor: pointer;
}
.demo-game__back-path {
  stroke: rgba(216, 216, 212, 0.6);
  transition: 0.3s ease-in-out;
}
.demo-game__back-icon:hover .demo-game__back-path {
  stroke: rgb(216, 216, 212);
  transition: 0.3s ease-in-out;
}
.demo-game__game-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.9285714286rem;
  padding: 0.7142857143rem 2rem 1.2142857143rem 2rem;
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
  border-radius: 0.7142857143rem;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 3.73px 3.73px 20.31px 0px rgba(0, 0, 0, 0.35);
}
.demo-game__game-top {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.demo-game__screen-icons {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.6428571429rem;
  column-gap: 0.6428571429rem;
}
.demo-game__screen-border {
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.demo-game__screen-path {
  transition: 0.3s ease-in-out;
}
.demo-game__screen-icon {
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
}
.demo-game__screen-icon:hover .demo-game__screen-path {
  stroke-opacity: 1;
  transition: 0.3s ease-in-out;
}
.demo-game__close-icon {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  cursor: pointer;
  transition: 0.3s;
}
.demo-game__close-path {
  transition: 0.3s;
}
.demo-game__close-icon:hover .demo-game__close-path {
  stroke: rgba(216, 216, 212, 0.5);
  transition: 0.3s;
  stroke-opacity: 0.5;
}
.demo-game__game {
  position: relative;
  width: 87.5rem;
  height: 45.0714285714rem;
  border-radius: 0.665rem;
}
.demo-game__game-img {
  width: 100%;
}
.demo-game__game-settings {
  padding: 1.0714285714rem 1.7857142857rem;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(0.7142857143rem);
  backdrop-filter: blur(0.7142857143rem);
  border-radius: 5.0042857143rem;
  position: absolute;
  left: 1%;
  top: 2%;
}
.demo-game__game-settings-icons {
  display: flex;
  -moz-column-gap: 1.2857142857rem;
  column-gap: 1.2857142857rem;
}
.demo-game__game-settings-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  cursor: pointer;
}
.demo-game__game-bottom {
  padding: 0px 0px 0px 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.demo-game__game-support {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  display: flex;
}
.demo-game__game-support-item {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.18rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s ease-in-out;
}
.demo-game__game-support-item.disabled {
  transition: 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.3);
}
.demo-game__game-info {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  display: flex;
}
.demo-game__game-info-name, .demo-game__game-info-time, .demo-game__game-info-balance {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3);
}
.demo-game__game-settings-more {
  display: none;
}
@media (max-width: 1440px) {
  .demo-game {
    padding-top: 0.5714285714rem;
  }
  .demo-game__wrapper {
    padding: 0 2.8571428571rem;
  }
  .demo-game__game {
    width: 63.4285714286rem;
    height: 32.6721428571rem;
  }
}
@media (max-width: 1024px) {
  .demo-game__game {
    width: 100%;
    height: 100%;
  }
  .demo-game__game-settings {
    overflow: hidden;
    width: 3.5714285714rem;
    height: 3.5714285714rem;
    transition: 0.3s ease-out;
  }
  .demo-game__game-settings:hover {
    width: 13.1428571429rem;
    height: 3.5714285714rem;
    transition: 0.3s ease-out;
  }
  .demo-game__game-settings:hover .demo-game__game-settings-icon {
    opacity: 1;
    transition: 0.3s ease-out;
  }
  .demo-game__game-settings:hover .demo-game__game-settings-icons {
    left: 13%;
    transition: 0.3s ease-out;
  }
  .demo-game__game-settings:hover .demo-game__game-settings-more {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-out;
  }
  .demo-game__game-settings-icons {
    position: absolute;
    left: 100%;
    transition: 0.3s ease-out;
  }
  .demo-game__game-settings-icon {
    opacity: 0;
    transition: 0.3s ease-out;
  }
  .demo-game__game-settings-more {
    position: absolute;
    display: flex;
    opacity: 1;
    visibility: visible;
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    right: 0;
    left: 30%;
    transition: 0.3s ease-out;
  }
  .demo-game__game-wrapper {
    padding: 0.7142857143rem 1.4285714286rem 1.2142857143rem 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .demo-game__wrapper {
    row-gap: 2.4285714286rem;
    padding: 0 1.4285714286rem;
  }
  .demo-game__text-wrapper {
    flex-direction: column;
    align-items: normal;
    text-align: left;
    width: 14.2857142857rem;
  }
  .demo-game__title-wrapper {
    width: -moz-fit-content;
    width: fit-content;
    -moz-column-gap: 0;
    column-gap: 0;
  }
  .demo-game__title {
    font-family: "Forum", sans-serif;
    font-weight: 400;
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
  .demo-game__game-wrapper {
    padding: 0.7142857143rem 0.7142857143rem 1.2142857143rem 0.7142857143rem;
  }
  .demo-game__game-settings {
    left: 5%;
    top: 10%;
  }
  .demo-game__screen-icons {
    -moz-column-gap: 0.6428571429rem;
    column-gap: 0.6428571429rem;
  }
  .demo-game__screen-icon:nth-child(2) {
    display: none;
  }
  .demo-game__game-info {
    flex-direction: column;
    text-align: right;
  }
  .demo-game__game-bottom {
    align-items: normal;
  }
  .demo-game__game-info-name, .demo-game__game-info-time, .demo-game__game-info-balance {
    font-size: 0.8571428571rem;
    line-height: 1.3714285714rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.3);
  }
}

.chargebacks-documents {
  padding-top: 5.7142857143rem;
  width: 51.0714285714rem;
}
.chargebacks-documents__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  margin-bottom: 2.1428571429rem;
  color: white;
}
.chargebacks-documents__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  margin-bottom: 1.0714285714rem;
}
.chargebacks-documents__documentation {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.chargebacks-documents__points {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  margin-bottom: 1.7142857143rem;
}
.chargebacks-documents__points li {
  margin-left: 1.7857142857rem;
  list-style-type: disc;
  cursor: auto;
}
.chargebacks-documents__documentation-text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  list-style-type: none;
}
.chargebacks-documents__documentation {
  counter-reset: paragraph;
}
.chargebacks-documents__documentation .chargebacks-documents__documentation-text::before {
  counter-increment: paragraph;
  content: counter(paragraph) ". ";
}
.chargebacks-documents__documentation-text span {
  font-weight: 700;
}
.chargebacks-documents__documentation-contain {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 2.1428571429rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
  position: relative;
}
.chargebacks-documents__documentation-point {
  list-style-type: disc;
  cursor: auto;
  font-weight: 300;
  margin-left: 1.7857142857rem;
}
.chargebacks-documents__documentation-contain span {
  font-weight: 700;
}
.chargebacks-documents__documentation-img-wrapper {
  display: none;
}
.chargebacks-documents__documentation-img {
  width: 19.2271428571rem;
  height: 27.0578571429rem;
}
@media (max-width: 1440px) {
  .chargebacks-documents {
    width: 100%;
  }
  .chargebacks-documents__documentation-img-wrapper {
    position: absolute;
    display: block;
    right: 0;
    top: -23%;
  }
  .chargebacks-documents__documentation-img-wrapper::after {
    content: "";
    position: absolute;
    background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
    width: 28.5714285714rem;
    height: 17rem;
    left: -25%;
    bottom: 0;
    z-index: -1;
  }
}
@media (max-width: 1024px) {
  .chargebacks-documents__documentation-img-wrapper {
    display: none;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .chargebacks-documents__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .chargebacks-documents__title br {
    display: none;
  }
  .chargebacks-documents__text, .chargebacks-documents__documentation-text, .chargebacks-documents__documentation-contain {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.refunds-request {
  padding-bottom: 3.7142857143rem;
  width: 91.7142857143rem;
}
.refunds-request__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.refunds-request__points {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
}
.refunds-request__point {
  list-style-type: disc;
  margin-left: 1.7857142857rem;
  cursor: auto;
}
.refunds-request__point::marker {
  margin-right: 30px;
}
@media (max-width: 1440px) {
  .refunds-request {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .refunds-request__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .refunds-request__points {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.refunds-options {
  width: 91.7142857143rem;
}
.refunds-options__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.refunds-options__points {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
}
.refunds-options__point {
  list-style-type: disc;
  margin-left: 1.7857142857rem;
  cursor: auto;
}
.refunds-options__point::marker {
  margin-right: 30px;
}
@media (max-width: 1440px) {
  .refunds-options {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .refunds-options__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .refunds-options__points {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.responsible-gaming {
  width: 51.0714285714rem;
  padding-bottom: 3.5714285714rem;
}
.responsible-gaming__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.responsible-gaming__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.responsible-gaming__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1440px) {
  .responsible-gaming {
    width: 100%;
  }
}

.keeping-control {
  width: 51.0714285714rem;
}
.keeping-control__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.keeping-control__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
}
.keeping-control__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
.keeping-control__points-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.keeping-control__point-title {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
.keeping-control__points {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  row-gap: 0.3571428571rem;
}
.keeping-control__points li {
  display: flex;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
  cursor: auto;
  margin-left: 0.7142857143rem;
  max-width: 50rem;
}
.keeping-control__points li:before {
  content: "•";
  font-size: 1.1428571429rem;
  vertical-align: middle;
  line-height: 1.5714285714rem;
  cursor: auto;
}
@media (max-width: 1440px) {
  .keeping-control {
    width: 100%;
  }
}

.preventing-gambling {
  padding-top: 2.1428571429rem;
  width: 51.0714285714rem;
}
.preventing-gambling__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.preventing-gambling__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
}
.preventing-gambling__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
.preventing-gambling__points-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.preventing-gambling__point-title {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
.preventing-gambling__points {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  row-gap: 0.3571428571rem;
}
.preventing-gambling__points li {
  display: flex;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
  cursor: auto;
  margin-left: 0.7142857143rem;
  max-width: 50rem;
}
.preventing-gambling__points li:before {
  content: "•";
  font-size: 1.1428571429rem;
  vertical-align: middle;
  line-height: 1.5714285714rem;
  cursor: auto;
}
.preventing-gambling__test-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 3.2142857143rem;
}
.preventing-gambling__answers-wrapper {
  border: 0.0714285714rem rgba(255, 255, 255, 0.05) solid;
}
.preventing-gambling__answer-wrapper {
  border-bottom: 0.0714285714rem rgba(255, 255, 255, 0.05) solid;
}
.preventing-gambling__answer {
  display: flex;
  justify-content: space-between;
  padding: 1.0714285714rem;
  align-items: center;
}
.preventing-gambling__answer-name-wrapper {
  width: 44.0714285714rem;
  display: flex;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
  align-items: center;
}
.preventing-gambling__answer-number, .preventing-gambling__answer-name {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(255, 255, 255);
  font-weight: 300;
}
.preventing-gambling__chk-wrapper {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
}
.preventing-gambling__chk-wrapper label {
  position: relative;
  line-height: 0;
  height: 100%;
  display: block;
}
.preventing-gambling__chk-wrapper label span {
  cursor: pointer;
  position: absolute;
  border-radius: 0.2142857143rem;
  border: 0.0714285714rem solid rgba(216, 216, 212, 0.15);
  width: 100%;
  height: 100%;
  right: 0;
  transition: 0.3s;
}
.preventing-gambling__chk-wrapper label span:after {
  position: absolute;
  width: 1rem;
  height: 1rem;
  content: "";
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8368 1.677L6.7999 13.3181C6.54135 13.7451 6.10743 14 5.63805 14C5.22282 14 4.82952 13.8001 4.56001 13.4512L0.231729 7.86564C-0.113862 7.41944 -0.0680843 6.76403 0.336825 6.37343C0.730129 5.99276 1.39101 5.98548 1.79334 6.3582L5.47105 9.76368L12.0528 0.446291C12.3803 -0.0171292 13.0592 -0.142252 13.5235 0.178169C14.0057 0.51117 14.1437 1.16989 13.8368 1.677Z" fill="%23C4A767"/></svg>') no-repeat;
  top: 15%;
  left: 20%;
  opacity: 0;
  transition: 0.3s;
  background-size: cover;
}
.preventing-gambling__chk {
  position: relative;
  opacity: 0;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid rgba(210, 210, 210, 0.15);
  width: 1.7142857143rem;
  height: 1.7142857143rem;
}
.preventing-gambling__chk:checked ~ span:after {
  opacity: 1;
  transition: 0.3s;
}
.preventing-gambling__chk:checked ~ span {
  border: 1px solid rgb(196, 167, 103);
  opacity: 1;
  transition: 0.3s;
}
.preventing-gambling__test {
  padding-top: 2.1428571429rem;
}
.preventing-gambling__test-button {
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  background: none;
  color: rgb(196, 167, 103);
  padding: 1.2142857143rem 2.2857142857rem;
  background: url("../../img/bg/gold.png") no-repeat;
  background-size: cover;
  background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  text-transform: uppercase;
  align-self: start;
  position: relative;
  transition: 0.3s ease-in-out;
  border-radius: 5.7142857143rem;
}
.preventing-gambling__test-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.preventing-gambling__test-button:active {
  transition: 0.3s ease-in-out;
}
.preventing-gambling__test-button:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  z-index: 1;
  border-radius: 5.7142857143rem;
}
.preventing-gambling__test-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5.7142857143rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media (max-width: 1440px) {
  .preventing-gambling {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .preventing-gambling__answer-name-wrapper {
    align-items: normal;
  }
}

.gaming-management {
  padding-top: 5.7142857143rem;
  width: 51.0714285714rem;
}
.gaming-management__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.gaming-management__points {
  display: flex;
  flex-direction: column;
  row-gap: 0.3571428571rem;
}
.gaming-management__points li {
  display: flex;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
  cursor: auto;
  margin-left: 0.7142857143rem;
  max-width: 50rem;
}
.gaming-management__points li:before {
  content: "•";
  font-size: 1.1428571429rem;
  vertical-align: middle;
  line-height: 1.5714285714rem;
  cursor: auto;
}
.gaming-management__point {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  cursor: auto;
}
@media (max-width: 1440px) {
  .gaming-management {
    width: 100%;
  }
}

.self-exclusion {
  padding-top: 3.5714285714rem;
  width: 51.0714285714rem;
}
.self-exclusion__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.self-exclusion__points {
  display: flex;
  flex-direction: column;
  row-gap: 0.3571428571rem;
}
.self-exclusion__points li {
  display: flex;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
  cursor: auto;
  margin-left: 0.7142857143rem;
  max-width: 50rem;
}
.self-exclusion__points li:before {
  content: "•";
  font-size: 1.1428571429rem;
  vertical-align: middle;
  line-height: 1.5714285714rem;
  cursor: auto;
}
.self-exclusion__point {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  cursor: auto;
}
@media (max-width: 1440px) {
  .self-exclusion {
    width: 100%;
  }
}

.customer-support {
  width: 91.4285714286rem;
  position: relative;
}
.customer-support .main__form-title {
  white-space: normal;
  margin-bottom: 2.8571428571rem;
}
.customer-support__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 6.4285714286rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .customer-support__wrapper .main__form-input-wrapper {
    row-gap: 1.9285714286rem !important;
  }
}
.customer-support__img-wrapper {
  right: -25.5%;
  top: -53%;
  position: absolute;
}
.customer-support__img {
  width: 75.1428571429rem;
  height: 82.2142857143rem;
}
.customer-support .main__form-wrapper {
  padding-top: 1.4285714286rem;
  width: 54.5714285714rem;
  height: 26.7857142857rem;
  position: relative;
}
.customer-support__form-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.customer-support__form-wrapper::after {
  content: "";
  position: absolute;
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
  width: 65.5714285714rem;
  height: 53rem;
  top: -40%;
  left: -10%;
  z-index: -1;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .customer-support__form-wrapper::after {
    width: 32.0714285714rem;
    height: 40.7142857143rem;
    left: -20%;
    top: -25%;
  }
}
.customer-support .main__form-label {
  left: 7%;
}
.customer-support .main__form-input-wrapper {
  gap: 1.9285714286rem 0.7142857143rem;
  margin-bottom: 2.5714285714rem;
}
.customer-support__contacts {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.customer-support__contact {
  display: flex;
  align-items: center;
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .customer-support__contact {
    font-size: 1rem;
    line-height: 1.6rem;
    align-items: normal;
  }
}
.customer-support__contact:nth-child(2) .customer-support__contact-name {
  -moz-column-gap: 0.2857142857rem;
  column-gap: 0.2857142857rem;
}
.customer-support__contact-icon {
  width: 1.5714285714rem;
  height: 1.5714285714rem;
  margin-right: 1rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .customer-support__contact-icon {
    min-width: 1.5714285714rem;
    min-height: 1.5714285714rem;
  }
}
.customer-support__contact-name {
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  -moz-column-gap: 0.7142857143rem;
  column-gap: 0.7142857143rem;
}
.customer-support__contact-value {
  transition: 0.3s ease-in;
  color: rgba(196, 167, 103, 0.6);
}
.customer-support__contact-value:hover {
  transition: 0.3s ease-in;
  text-decoration: underline;
}
@media (max-width: 1440px) {
  .customer-support {
    width: 100%;
  }
  .customer-support .main__form-wrapper {
    width: 54.5714285714rem;
    height: 100%;
    align-self: center;
  }
  .customer-support .main__form-input-wrapper {
    grid-template-columns: 24.7857142857rem 24.7857142857rem;
  }
  .customer-support__img-wrapper {
    right: -5%;
    left: auto;
    bottom: -20%;
    top: auto;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 3;
  }
  .customer-support__img {
    width: 29.9285714286rem;
    height: 29rem;
  }
}
@media (max-width: 1024px) {
  .customer-support .main__form-wrapper {
    width: 100%;
    align-self: center;
  }
  .customer-support .main__form-input-wrapper {
    gap: 0.7142857143rem 0.7142857143rem;
    grid-template-columns: 23.5rem 23.5rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .customer-support {
    padding-bottom: 6.4285714286rem;
  }
  .customer-support__img-wrapper {
    bottom: -36%;
    right: -7%;
    transform: scale(1.2);
  }
}

.contacts {
  width: 91.5714285714rem;
}
.contacts a:hover {
  transition: 0.3s;
  text-decoration: underline;
}
.contacts__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 7.5rem;
}
.contacts__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 0.2142857143rem;
}
.contacts__text {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
}
.contacts__text span {
  color: rgb(196, 167, 103);
}
.contacts__cards {
  -moz-column-gap: 4.1428571429rem;
  column-gap: 4.1428571429rem;
  display: flex;
  width: 96.1428571429rem;
}
.contacts__card-wrapper {
  width: 100%;
  border-radius: 0.7142857143rem;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 21.8px 0px rgba(0, 0, 0, 0.2);
  padding: 1.0714285714rem 2.2142857143rem;
  display: flex;
  flex-direction: column;
}
.contacts__card-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin-bottom: 1.4285714286rem;
}
.contacts__card-info-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.1428571429rem;
}
.contacts__card-info {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  font-weight: 300;
  color: rgb(255, 255, 255);
}
.contacts__card-info.tablet {
  display: none;
}
.contacts__card-button {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5.7142857143rem;
  padding: 1.1428571429rem 0;
  font-size: 1.1428571429rem;
  line-height: 1.3485714286rem;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  width: 100%;
  color: rgb(196, 167, 103);
  width: 11.9285714286rem;
}
.contacts__card-button:hover {
  transition: 0.6s;
  color: rgb(255, 221, 147);
  box-shadow: 0px 0px 22px 0px rgba(196, 167, 103, 0.2), 0px 0px 22px 0px rgba(196, 167, 103, 0.2), inset 0px 0px 22px rgba(196, 167, 103, 0.6);
  text-shadow: 0px 0px 12px rgb(255, 221, 147);
}
.contacts__card-button:active {
  transition: 0.3s ease-in-out;
}
.contacts__card-button:active::before {
  transition: 0.3s ease-in-out;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: -0.1428571429rem;
  bottom: -0.1428571429rem;
  left: -0.1428571429rem;
  right: -0.1428571429rem;
  border-radius: 5.0435714286rem;
}
.contacts__card-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5rem;
  border: 0.1428571429rem solid transparent;
  background: radial-gradient(80.12% 95.28% at 16.15% 4.72%, #eedeba 0%, #c4a767 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media (max-width: 1440px) {
  .contacts {
    width: 100%;
  }
  .contacts__cards {
    width: 67.4285714286rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .contacts__card-wrapper {
    width: 32.7142857143rem;
    row-gap: 2.1428571429rem;
  }
  .contacts__card-info-wrapper {
    width: 28.5714285714rem;
  }
}
@media (max-width: 1024px) {
  .contacts__text {
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
  }
  .contacts__wrapper {
    row-gap: 3.5714285714rem;
  }
  .contacts__cards {
    flex-direction: column;
    width: 100%;
    row-gap: 2rem;
  }
  .contacts__card-wrapper {
    width: 100%;
  }
  .contacts__card-info-wrapper {
    width: 100%;
    display: block;
  }
  .contacts__card-info {
    display: none;
  }
  .contacts__card-info.tablet {
    display: block;
  }
  .contacts__card-button {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .contacts__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .contacts__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .contacts__card-wrapper {
    row-gap: 1.4285714286rem;
  }
  .contacts__card-title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
  .contacts__card-info.tablet {
    display: none;
  }
  .contacts__card-info {
    display: flex;
    font-size: 1.1428571429rem;
    line-height: 1.8285714286rem;
  }
  .contacts__card-button {
    font-size: 1rem;
    line-height: 1.18rem;
  }
}

.end-user {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.end-user__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.end-user__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.end-user__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .end-user {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .end-user {
    width: 100%;
  }
  .end-user__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .end-user__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .end-user__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.terms-user-account {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-user-account__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-user-account__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-user-account__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-user-account {
    width: 100%;
  }
  .terms-user-account__text::before {
    max-width: 2.0714285714rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-user-account {
    width: 100%;
  }
  .terms-user-account__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-user-account__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-user-account__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-user-account__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.terms-grounds {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-grounds__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-grounds__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-grounds__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-grounds__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-grounds__sublist li {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  cursor: auto;
}
@media (max-width: 1440px) {
  .terms-grounds {
    width: 100%;
  }
  .terms-grounds__sublist li:before {
    max-width: 3.2142857143rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-grounds {
    width: 100%;
  }
  .terms-grounds__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-grounds__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-grounds__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-grounds__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-grounds__text::before {
    max-width: 3.2142857143rem !important;
  }
  .terms-grounds__subitem {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.terms-prevention {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-prevention__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-prevention__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-prevention__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-prevention__point::before {
  content: none !important;
}
.terms-prevention__point {
  display: list-item !important;
  margin-left: 3.4285714286rem;
  list-style-type: disc;
}
.terms-prevention__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-prevention__sublist li {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  cursor: auto;
}
@media (max-width: 1440px) {
  .terms-prevention {
    width: 100%;
  }
  .terms-prevention__point {
    margin-left: 5.2142857143rem;
  }
}
@media (max-width: 1024px) {
  .terms-prevention {
    width: 100%;
  }
  .terms-prevention__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-prevention__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-prevention__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-prevention__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-prevention__text::before {
    max-width: 2.7142857143rem !important;
    width: 100%;
  }
  .terms-prevention__text:nth-last-child(1) {
    -moz-column-gap: 2.1428571429rem;
    column-gap: 2.1428571429rem;
  }
  .terms-prevention__subitem {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-prevention__point {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.terms-deposits {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-deposits__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-deposits__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-deposits__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-deposits {
    width: 100%;
  }
  .terms-deposits__text:before {
    max-width: 1.8571428571rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-deposits {
    width: 100%;
  }
  .terms-deposits__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-deposits__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-deposits__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-deposits__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-deposits__text::before {
    max-width: 1.8571428571rem !important;
  }
}

.terms-rights {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-rights__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-rights__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-rights__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-rights__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-rights__sublist li {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  cursor: auto;
}
@media (max-width: 1440px) {
  .terms-rights {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .terms-rights {
    width: 100%;
  }
  .terms-rights__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-rights__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-rights__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-rights__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-rights__text::before {
    min-width: 2.7857142857rem !important;
  }
  .terms-rights__subitem {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-rights__subitem::before {
    min-width: 2.7857142857rem !important;
  }
}

.terms-guarantees {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-guarantees__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-guarantees__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-guarantees__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-guarantees {
    width: 100%;
  }
  .terms-guarantees__text:before {
    max-width: 1.8571428571rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-guarantees {
    width: 100%;
  }
  .terms-guarantees__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-guarantees__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-guarantees__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-guarantees__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-guarantees__text::before {
    min-width: 1.8571428571rem !important;
  }
}

.terms-security {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-security__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-security__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-security__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-security {
    width: 100%;
  }
  .terms-security__text:before {
    max-width: 1.8571428571rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-security {
    width: 100%;
  }
  .terms-security__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-security__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-security__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-security__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-security__text::before {
    min-width: 1.2142857143rem !important;
  }
}

.terms-confidentiality {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-confidentiality__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-confidentiality__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-confidentiality__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-confidentiality__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-confidentiality__sublist li {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  cursor: auto;
}
@media (max-width: 1440px) {
  .terms-confidentiality {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .terms-confidentiality {
    width: 100%;
  }
  .terms-confidentiality__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-confidentiality__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-confidentiality__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-confidentiality__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-confidentiality__text::before {
    min-width: 1.2142857143rem !important;
  }
  .terms-confidentiality__subitem {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-confidentiality__subitem::before {
    min-width: 2.7142857143rem !important;
  }
}

.terms-customer {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-customer__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-customer__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-customer__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-customer {
    width: 100%;
  }
  .terms-customer__text:before {
    max-width: 1.8571428571rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-customer {
    width: 100%;
  }
  .terms-customer__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-customer__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-customer__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-customer__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-customer__text::before {
    min-width: 1.8571428571rem !important;
  }
}

.terms-responsible {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-responsible__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-responsible__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-responsible__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-responsible {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .terms-responsible {
    width: 100%;
  }
  .terms-responsible__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-responsible__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-responsible__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-responsible__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-responsible__text::before {
    min-width: 2.8571428571rem !important;
  }
}

.terms-customer-end {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-customer-end__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-customer-end__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-customer-end__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-customer-end__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.terms-customer-end__sublist li {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  cursor: auto;
}
@media (max-width: 1440px) {
  .terms-customer-end {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .terms-customer-end {
    width: 100%;
  }
  .terms-customer-end__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-customer-end__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-customer-end__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-customer-end__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-customer-end__text::before {
    min-width: 2.8571428571rem !important;
  }
  .terms-customer-end__subitem {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-customer-end__subitem::before {
    min-width: 2.8571428571rem !important;
  }
}

.terms-limitations {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-limitations__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-limitations__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-limitations__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-limitations {
    width: 100%;
  }
  .terms-limitations__text:before {
    max-width: 2.2142857143rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-limitations {
    width: 100%;
  }
  .terms-limitations__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-limitations__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-limitations__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-limitations__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-limitations__text::before {
    min-width: 2.2142857143rem !important;
  }
}

.terms-bonus-rules {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.terms-bonus-rules__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-bonus-rules__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-bonus-rules__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-bonus-rules {
    width: 100%;
  }
  .terms-bonus-rules__text:before {
    max-width: 2.2142857143rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-bonus-rules {
    width: 100%;
  }
  .terms-bonus-rules__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-bonus-rules__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-bonus-rules__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-bonus-rules__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-bonus-rules__text::before {
    min-width: 2.2142857143rem !important;
  }
}

.terms-complaints {
  width: 63.4285714286rem;
  padding-bottom: 6.7857142857rem;
}
.terms-complaints__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.terms-complaints__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.terms-complaints__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .terms-complaints {
    width: 100%;
    padding-bottom: 2.9285714286rem;
  }
  .terms-complaints__text:before {
    max-width: 2.3571428571rem !important;
  }
}
@media (max-width: 1024px) {
  .terms-complaints {
    padding-bottom: 1.7857142857rem;
    width: 100%;
  }
  .terms-complaints__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .terms-complaints {
    padding-bottom: 1.0714285714rem;
  }
  .terms-complaints__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .terms-complaints__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .terms-complaints__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .terms-complaints__text::before {
    min-width: 2.0714285714rem !important;
  }
}

.privacy-general {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.privacy-general__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.privacy-general__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.privacy-general__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .privacy-general {
    width: 100%;
    padding-bottom: 2.8571428571rem;
  }
  .privacy-general__text:before {
    max-width: 2.0714285714rem !important;
  }
}
@media (max-width: 1024px) {
  .privacy-general {
    width: 100%;
  }
  .privacy-general__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .privacy-general__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .privacy-general__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .privacy-general__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-general__text::before {
    min-width: 2.0714285714rem !important;
  }
}

.privacy-personal {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.privacy-personal__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.privacy-personal__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.privacy-personal__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .privacy-personal {
    width: 100%;
    padding-bottom: 2.8571428571rem;
  }
  .privacy-personal__text:before {
    max-width: 3.2142857143rem !important;
  }
}
@media (max-width: 1024px) {
  .privacy-personal {
    width: 100%;
  }
  .privacy-personal__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .privacy-personal__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .privacy-personal__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-personal__text::before {
    min-width: 3.2142857143rem !important;
  }
}

.privacy-data {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.privacy-data__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.privacy-data__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.privacy-data__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
@media (max-width: 1440px) {
  .privacy-data {
    width: 100%;
    padding-bottom: 2.8571428571rem;
  }
  .privacy-data__text:before {
    max-width: 2.7142857143rem !important;
  }
}
@media (max-width: 1024px) {
  .privacy-data {
    width: 100%;
  }
  .privacy-data__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .privacy-data__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .privacy-data__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-data__text::before {
    min-width: 2.7142857143rem !important;
  }
}

.privacy-categories {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.privacy-categories__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.privacy-categories__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.privacy-categories__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.privacy-categories__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.privacy-categories__sublist li {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  cursor: auto;
}
.privacy-categories__subitem-text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.privacy-categories__source {
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1440px) {
  .privacy-categories {
    width: 100%;
    padding-bottom: 2.8571428571rem;
  }
  .privacy-categories__text:before {
    max-width: 2.7857142857rem !important;
  }
}
@media (max-width: 1024px) {
  .privacy-categories {
    width: 100%;
  }
  .privacy-categories__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .privacy-categories__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .privacy-categories__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .privacy-categories__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-categories__text::before {
    min-width: 2.7857142857rem !important;
  }
  .privacy-categories__sublist {
    row-gap: 1.0714285714rem;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-categories__subitem::before {
    min-width: 2.7857142857rem !important;
  }
}

.privacy-legal {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.privacy-legal__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.privacy-legal__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.privacy-legal__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.privacy-legal__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.privacy-legal__sublist li {
  display: flex;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  cursor: auto;
}
.privacy-legal__table {
  padding-top: 3.2142857143rem;
  padding-bottom: 3.2142857143rem;
  display: inline-block;
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.7142857143rem;
}
.privacy-legal__column-head {
  font-size: 0.8571428571rem;
  line-height: 1.3714285714rem;
  text-transform: uppercase;
  text-align: left;
  color: rgb(196, 167, 103);
  font-weight: 300;
}
.privacy-legal__column-header tr {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 21.1428571429rem);
}
.privacy-legal__table-body {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
  border-radius: 0.7142857143rem;
  background: rgba(255, 255, 255, 0.01);
}
.privacy-legal__table-body::-webkit-scrollbar {
  width: 4px;
}
.privacy-legal__table-body::-webkit-scrollbar-track {
  background: transparent;
}
.privacy-legal__table-body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}
@supports (-moz-appearance: none) {
  .privacy-legal__table-body {
    /* стили только для Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
    scrollbar-width: thin;
  }
}
.privacy-legal__table-body tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: repeat(3, 21.1428571429rem);
}
.privacy-legal__column {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1440px) {
  .privacy-legal {
    width: 100%;
    padding-bottom: 2.8571428571rem;
  }
  .privacy-legal__text:before {
    max-width: 2.7857142857rem !important;
  }
  .privacy-legal__column-header tr {
    grid-template-columns: repeat(3, 22.4764285714rem);
  }
  .privacy-legal__table-body tr {
    grid-template-columns: repeat(3, 22.4764285714rem);
  }
}
@media (max-width: 1024px) {
  .privacy-legal {
    width: 100%;
  }
  .privacy-legal__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
  .privacy-legal__column-header tr {
    grid-template-columns: repeat(3, 17.3335714286rem);
  }
  .privacy-legal__table-body tr {
    grid-template-columns: repeat(3, 17.3335714286rem);
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .privacy-legal__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .privacy-legal__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .privacy-legal__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-legal__text::before {
    min-width: 2.7857142857rem !important;
  }
  .privacy-legal__sublist {
    row-gap: 1.0714285714rem;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-legal__subitem::before {
    min-width: 2.7857142857rem !important;
  }
  .privacy-legal__column-header tr {
    grid-template-columns: repeat(3, 7.6192857143rem);
  }
  .privacy-legal__table-body tr {
    grid-template-columns: repeat(3, 7.6192857143rem);
  }
  .privacy-legal__column {
    font-size: 1rem;
    line-height: 1.6rem;
    word-wrap: break-word;
  }
  .privacy-legal__column-head {
    font-size: 0.8571428571rem;
    line-height: 1.3714285714rem;
  }
}

.privacy-information {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.privacy-information a {
  text-decoration: underline;
}
.privacy-information__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.privacy-information__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
}
.privacy-information__text, .privacy-information__info-text {
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.privacy-information__info-list {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  padding-left: 2.7857142857rem;
}
.privacy-information__info-list li {
  cursor: auto;
}
.privacy-information__info-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
  margin-bottom: 1.7142857143rem;
}
.privacy-information__info-list li:first-child {
  font-weight: 600;
}
@media (max-width: 1440px) {
  .privacy-information {
    width: 100%;
  }
  .privacy-information__text:before {
    max-width: 2.2857142857rem !important;
  }
}
@media (max-width: 1024px) {
  .privacy-information {
    width: 100%;
    padding-bottom: 0;
  }
  .privacy-information__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .privacy-information__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
    text-wrap: wrap;
  }
  .privacy-information__text-wrapper {
    row-gap: 1.0714285714rem;
  }
  .privacy-information__info-text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-information__info-text::before {
    min-width: 2.7857142857rem !important;
  }
  .privacy-information__info-item {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-information__sublist {
    row-gap: 1.0714285714rem;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .privacy-information__subitem::before {
    min-width: 2.7857142857rem !important;
  }
}

.cookie-data {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.cookie-data__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.cookie-data__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
}
.cookie-data__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.cookie-data a {
  text-decoration: underline;
}
@media (max-width: 1440px) {
  .cookie-data {
    width: 100%;
  }
  .cookie-data__text:before {
    max-width: 2.2857142857rem !important;
  }
}
@media (max-width: 1024px) {
  .cookie-data {
    width: 100%;
    padding-bottom: 2.8571428571rem;
  }
  .cookie-data__title {
    font-size: 1.4285714286rem;
    line-height: 2rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .cookie-data {
    padding-bottom: 0;
  }
  .cookie-data__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.cookie-neccessary {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.cookie-neccessary__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.cookie-neccessary__text {
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.cookie-neccessary a {
  text-decoration: underline;
}
.cookie-neccessary__table {
  padding-top: 3.2142857143rem;
  padding-bottom: 3.2142857143rem;
  display: inline-block;
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.7142857143rem;
}
.cookie-neccessary__column-head {
  font-size: 0.8571428571rem;
  line-height: 1.3714285714rem;
  text-transform: uppercase;
  text-align: left;
  color: rgb(196, 167, 103);
  font-weight: 300;
}
.cookie-neccessary__column-header tr {
  display: grid;
  width: 100%;
  grid-template-columns: 9rem 9.2857142857rem 27.1428571429rem 9rem 9rem;
}
.cookie-neccessary__table-body {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
  border-radius: 0.7142857143rem;
  background: rgba(255, 255, 255, 0.01);
}
.cookie-neccessary__table-body::-webkit-scrollbar {
  width: 4px;
}
.cookie-neccessary__table-body::-webkit-scrollbar-track {
  background: transparent;
}
.cookie-neccessary__table-body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}
@supports (-moz-appearance: none) {
  .cookie-neccessary__table-body {
    /* стили только для Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
    scrollbar-width: thin;
  }
}
.cookie-neccessary__table-body tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: 9rem 9.2857142857rem 27.1428571429rem 9rem 9rem;
}
.cookie-neccessary__column {
  word-wrap: break-word;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1440px) {
  .cookie-neccessary {
    width: 100%;
  }
  .cookie-neccessary__column-header tr {
    display: grid;
    width: 100%;
    grid-template-columns: 9rem 9.2857142857rem 31.1428571429rem 9rem 9rem;
  }
  .cookie-neccessary__table-body tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: grid;
    grid-template-columns: 9rem 9.2857142857rem 31.1428571429rem 9rem 9rem;
  }
}
@media (max-width: 1024px) {
  .cookie-neccessary__column-header tr {
    display: grid;
    width: 100%;
    grid-template-columns: 9rem 9.2857142857rem 15.7142857143rem 9rem 9rem;
  }
  .cookie-neccessary__table-body tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: grid;
    grid-template-columns: 9rem 9.2857142857rem 15.7142857143rem 9rem 9rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .cookie-neccessary {
    display: none;
  }
}

.cookie-preferences {
  width: 63.4285714286rem;
}
.cookie-preferences__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.cookie-preferences__text {
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.cookie-preferences__table {
  padding-top: 3.2142857143rem;
  padding-bottom: 3.2142857143rem;
  display: inline-block;
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.7142857143rem;
}
.cookie-preferences__column-head {
  font-size: 0.8571428571rem;
  line-height: 1.3714285714rem;
  text-transform: uppercase;
  text-align: left;
  color: rgb(196, 167, 103);
  font-weight: 300;
}
.cookie-preferences__column-header tr {
  display: grid;
  width: 100%;
  grid-template-columns: 9rem 9.2857142857rem 27.1428571429rem 9rem 9rem;
}
.cookie-preferences__table-body {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: none;
  border-radius: 0.7142857143rem;
  background: rgba(255, 255, 255, 0.01);
}
.cookie-preferences__table-body::-webkit-scrollbar {
  width: 4px;
}
.cookie-preferences__table-body::-webkit-scrollbar-track {
  background: transparent;
}
.cookie-preferences__table-body::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}
@supports (-moz-appearance: none) {
  .cookie-preferences__table-body {
    /* стили только для Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
    scrollbar-width: thin;
  }
}
.cookie-preferences__table-body tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: grid;
  grid-template-columns: 9rem 9.2857142857rem 27.1428571429rem 9rem 9rem;
}
.cookie-preferences__column {
  word-wrap: break-word;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1440px) {
  .cookie-preferences {
    width: 100%;
  }
  .cookie-preferences__column-header tr {
    display: grid;
    width: 100%;
    grid-template-columns: 9rem 9.2857142857rem 31.1428571429rem 9rem 9rem;
  }
  .cookie-preferences__table-body tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: grid;
    grid-template-columns: 9rem 9.2857142857rem 31.1428571429rem 9rem 9rem;
  }
}
@media (max-width: 1024px) {
  .cookie-preferences__column-header tr {
    display: grid;
    width: 100%;
    grid-template-columns: 9rem 9.2857142857rem 15.7142857143rem 9rem 9rem;
  }
  .cookie-preferences__table-body tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: grid;
    grid-template-columns: 9rem 9.2857142857rem 15.7142857143rem 9rem 9rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .cookie-preferences {
    display: none;
  }
}

.complaints-handling {
  width: 68.3571428571rem;
}
@media (min-width: 1441px) {
  .complaints-handling {
    transform: translate(4.5rem, 2.2857142857rem);
  }
}
.complaints-handling a {
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
}
.complaints-handling__wrapper {
  display: flex;
  flex-direction: column;
}
.complaints-handling__form-wrapper {
  position: relative;
}
.complaints-handling__form-wrapper::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: -5%;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(196, 167, 103, 0.3) 0%, rgba(196, 167, 103, 0) 100%);
}
.complaints-handling__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  margin-bottom: 1.7142857143rem;
}
.complaints-handling__text:nth-last-child(1) {
  margin-bottom: 0;
}
.complaints-handling__text:nth-child(1) {
  margin-bottom: 3.3571428571rem;
}
@media (min-width: 1441px) {
  .complaints-handling__text:nth-child(1), .complaints-handling__text:nth-child(2), .complaints-handling__text:nth-child(3), .complaints-handling__text:nth-child(4) {
    width: 45.5714285714rem;
  }
}
.complaints-handling .main__form-wrapper {
  margin-bottom: 6.0714285714rem;
}
.complaints-handling__info-list {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  margin-bottom: 1.7142857143rem;
}
.complaints-handling__info-list li {
  cursor: auto;
}
.complaints-handling__info-list li:first-child {
  font-weight: 700;
}
.complaints-handling__info-list li > a {
  color: rgb(196, 167, 103);
  text-decoration: none;
}
.complaints-handling__img-wrapper {
  position: sticky;
  top: 14.2857142857rem;
  height: 100%;
  width: 100%;
}
@media (min-width: 1441px) {
  .complaints-handling__img-wrapper {
    transform: translate(10rem, 5.2142857143rem);
  }
}
.complaints-handling__img-wrapper::after {
  content: "";
  width: 62.7142857143rem;
  height: 28rem;
  right: -45%;
  top: 45%;
  position: absolute;
  background: radial-gradient(39.8% 39.8% at 50% 50%, rgba(196, 167, 103, 0.2) 0%, rgba(196, 167, 103, 0) 100%);
}
.complaints-handling__img {
  width: 32.1428571429rem;
  height: 45rem;
}
@media (max-width: 1440px) {
  .complaints-handling {
    width: 100%;
  }
  .complaints-handling__img-wrapper {
    position: absolute;
    height: -moz-fit-content;
    height: fit-content;
    top: 44%;
    right: -69%;
  }
  .complaints-handling__img-wrapper::after {
    width: 44.4835714286rem;
    height: 19.8607142857rem;
    right: 55%;
    top: 40%;
  }
  .complaints-handling__img {
    width: 22.3935714286rem;
    height: 31.5135714286rem;
  }
  .complaints-handling .main__form-wrapper ~ p:not(:nth-last-child(1)) {
    width: 45.5714285714rem;
  }
}
@media (max-width: 1024px) {
  .complaints-handling__img-wrapper {
    display: none;
  }
  .complaints-handling .main__form-wrapper ~ p:not(:nth-last-child(1)) {
    width: 100%;
  }
}

.games-rules__games-wrapper {
  display: flex;
  -moz-column-gap: 1.0714285714rem;
  column-gap: 1.0714285714rem;
}
.games-rules__games-col {
  width: 17.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 3.5714285714rem;
}
.games-rules__games-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  margin-bottom: 2.1428571429rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.games-rules__games-list li {
  cursor: pointer;
  font-weight: 300;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s ease-in;
}
.games-rules__games-list li:hover {
  transition: 0.3s ease-in;
  color: rgb(255, 255, 255);
}
.games-rules__games-list li a {
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .games-rules__wrapper {
    display: flex;
  }
  .games-rules__games-title {
    font-size: 1.4285714286rem;
  }
  .games-rules__games-list li {
    font-size: 1.1428571429rem;
  }
  .games-rules__games-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 300%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .games-rules__games-wrapper {
    display: flex;
    flex-direction: column;
  }
}

.general-provisions {
  padding-bottom: 3.5714285714rem;
}
.general-provisions__texts-wrapper {
  display: flex;
}
.general-provisions__texts-wrapper:before {
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}

.general-provisions,
.rules-offering {
  width: 63.4285714286rem;
}
.general-provisions__title,
.rules-offering__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.general-provisions__text-wrapper,
.rules-offering__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.general-provisions__wrapper,
.rules-offering__wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
}
.general-provisions__text,
.rules-offering__text {
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  width: 60.8571428571rem;
}
.general-provisions__sublist,
.rules-offering__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
}
.general-provisions__sublist li,
.rules-offering__sublist li {
  display: flex;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  cursor: auto;
}
@media (max-width: 1440px) {
  .general-provisions,
  .rules-offering {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .general-provisions__title,
  .rules-offering__title {
    font-size: 1.4285714286rem;
  }
  .general-provisions__text,
  .rules-offering__text {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .general-provisions__title,
  .rules-offering__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
  }
  .general-provisions__text,
  .rules-offering__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .general-provisions__wrapper,
  .rules-offering__wrapper {
    row-gap: 1.0714285714rem;
  }
  .general-provisions__texts-wrapper::before,
  .rules-offering__texts-wrapper::before {
    font-size: 1rem;
    line-height: 1.6rem;
    min-width: 2.0714285714rem !important;
    max-width: 2.0714285714rem !important;
  }
}

.rules-offering__text-wrapper {
  row-gap: 2.1428571429rem;
}
.rules-offering__text {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .rules-offering__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    text-wrap: wrap;
  }
  .rules-offering__text, .rules-offering__subitem {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .rules-offering__text::before {
    min-width: 2.0714285714rem !important;
    max-width: 2.0714285714rem !important;
  }
  .rules-offering__wrapper {
    row-gap: 1.0714285714rem;
  }
  .rules-offering__subitem::before {
    min-width: 2.0714285714rem !important;
    max-width: 2.0714285714rem !important;
  }
}

.rules-certification {
  padding-top: 6.0714285714rem;
  width: 91.4285714286rem;
}
.rules-certification__wrapper {
  display: flex;
  -moz-column-gap: 11.5rem;
  column-gap: 11.5rem;
}
.rules-certification__links {
  flex-direction: column;
  display: flex;
  row-gap: 4.2857142857rem;
}
.rules-certification__link {
  background: rgba(196, 167, 103, 0.07);
  padding: 0.7857142857rem;
  width: 62.7142857143rem;
  border-radius: 0.7142857143rem;
  transition: 0.3s ease-in;
  cursor: pointer;
}
.rules-certification__link:hover {
  background: none;
  transition: 0.3s ease-in;
}
.rules-certification__title-wrapper {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.7857142857rem;
  column-gap: 0.7857142857rem;
}
.rules-certification__dice-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.rules-certification__link-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-right: 0.2142857143rem;
}
.rules-certification__link:nth-child(2) .rules-certification__link-title {
  margin-right: 0.7142857143rem;
}
.rules-certification__link-icon {
  width: 1rem;
  height: 1rem;
}
.rules-certification__subtitle {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 200;
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1441px) {
  .rules-certification__subtitle {
    width: 60.5714285714rem;
  }
}
.rules-certification__documents {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.rules-certification__document {
  align-items: center;
  display: flex;
  -moz-column-gap: 1.1664285714rem;
  column-gap: 1.1664285714rem;
}
.rules-certification__document-icon {
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.rules-certification__document-name {
  font-size: 1rem;
  line-height: 1.18rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  text-transform: uppercase;
  transition: 0.3s ease-in;
}
.rules-certification__document-name:hover {
  transition: 0.3s ease-in;
  color: rgb(255, 255, 255);
}
@media (max-width: 1440px) {
  .rules-certification {
    padding-top: 0;
    width: 100%;
  }
  .rules-certification__wrapper {
    flex-direction: column;
    row-gap: 3.7142857143rem;
  }
  .rules-certification__links {
    row-gap: 1.2857142857rem;
  }
  .rules-certification__documents {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .rules-certification__document:nth-child(2) {
    grid-area: 2/1;
  }
  .rules-certification__document:nth-child(4) {
    grid-area: 2/2;
  }
  .rules-certification__document:nth-child(6) {
    grid-area: 2/3;
  }
}
@media (max-width: 1024px) {
  .rules-certification__link {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .rules-certification__title-wrapper {
    display: grid;
    grid-template-columns: fit-content(16.8571428571rem);
    row-gap: 0.7857142857rem;
  }
  .rules-certification__link-title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    grid-area: 2/1;
    text-wrap: nowrap;
  }
  .rules-certification__link-icon {
    grid-area: 2/2;
  }
  .rules-certification__subtitle {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .rules-certification__documents {
    display: flex;
    flex-direction: column;
  }
}

.house-rules {
  width: 91.7142857143rem;
  padding-bottom: 2.6428571429rem;
}
.house-rules__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.house-rules__text {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .house-rules {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .house-rules__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.minors-prohibited {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.minors-prohibited__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.minors-prohibited__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.minors-prohibited__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .minors-prohibited {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .minors-prohibited__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .minors-prohibited__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .minors-prohibited__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.responsible {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.responsible__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.responsible__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.responsible__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .responsible {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .responsible__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .responsible__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .responsible__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.anti-money {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.anti-money__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.anti-money__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .anti-money {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .anti-money__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .anti-money__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .anti-money__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.restricted-countries {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.restricted-countries__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.restricted-countries__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.restricted-countries__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .restricted-countries {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .restricted-countries__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .restricted-countries__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .restricted-countries__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.nickname-policy {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.nickname-policy__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.nickname-policy__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.nickname-policy__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .nickname-policy {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .nickname-policy__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .nickname-policy__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .nickname-policy__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.multi-hand-policy {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.multi-hand-policy__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.multi-hand-policy__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .multi-hand-policy {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .multi-hand-policy__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .multi-hand-policy__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .multi-hand-policy__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.cash-table {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.cash-table__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.cash-table__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.cash-table__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .cash-table {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .cash-table__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .cash-table__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .cash-table__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.missed-blind {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.missed-blind__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.missed-blind__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.missed-blind__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
.missed-blind__sublist {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.missed-blind__sublist li {
  cursor: auto;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .missed-blind {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .missed-blind__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .missed-blind__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .missed-blind__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .missed-blind__sublist li {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.tie-hands {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.tie-hands__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.tie-hands__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.tie-hands__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .tie-hands {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .tie-hands__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .tie-hands__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.play-limit {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.play-limit__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.play-limit__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.play-limit__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .play-limit {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .play-limit__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .play-limit__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .play-limit__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.time-bank {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.time-bank__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.time-bank__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.time-bank__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .time-bank {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .time-bank__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .time-bank__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .time-bank__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.leave-table {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.leave-table__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.leave-table__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.leave-table__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
.leave-table__sublist {
  display: flex;
  flex-direction: column;
}
.leave-table__sublist li {
  cursor: auto;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .leave-table {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .leave-table__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .leave-table__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .leave-table__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .leave-table__sublist li {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.poker-rake {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.poker-rake__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.poker-rake__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.poker-rake__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .poker-rake {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .poker-rake__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .poker-rake__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .poker-rake__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.table-etiquette {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.table-etiquette__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.table-etiquette__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.table-etiquette__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
.table-etiquette__sublist {
  display: flex;
  flex-direction: column;
}
.table-etiquette__sublist li {
  cursor: auto;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .table-etiquette {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .table-etiquette__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .table-etiquette__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .table-etiquette__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .table-etiquette__sublist li {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.tournament-policy {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.tournament-policy__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.tournament-policy__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.tournament-policy__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .tournament-policy {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .tournament-policy__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .tournament-policy__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .tournament-policy__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.tournament-elimination {
  display: block;
  padding-bottom: 2.6428571429rem;
  width: 91.7142857143rem;
}
.tournament-elimination__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.tournament-elimination__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.tournament-elimination__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  color: rgb(216, 216, 212);
  font-weight: 300;
}
@media (max-width: 1440px) {
  .tournament-elimination {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .tournament-elimination__title {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .tournament-elimination__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .tournament-elimination__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.minimum-requirements {
  display: block;
  width: 91.7142857143rem;
}
.minimum-requirements__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.minimum-requirements__wrapper {
  display: flex;
  -moz-column-gap: 1.0714285714rem;
  column-gap: 1.0714285714rem;
}
.minimum-requirements__card {
  width: 22.125rem;
  border-radius: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.8571428571rem;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 1.4285714286rem;
}
.minimum-requirements__card-name {
  font-size: 1.0714285714rem;
  font-weight: 400;
  line-height: 1.2642857143rem;
  color: rgb(255, 255, 255);
}
.minimum-requirements__list li {
  font-size: 1.1428571429rem;
  font-weight: 300;
  line-height: 1.8285714286rem;
  color: rgba(255, 255, 255, 0.8);
  list-style-type: disc;
  margin-left: 1.4285714286rem;
  cursor: auto;
}
@media (max-width: 1440px) {
  .minimum-requirements {
    width: 100%;
  }
  .minimum-requirements__title {
    text-wrap: pretty;
  }
}
@media (max-width: 1024px) {
  .minimum-requirements__title {
    font-size: 1.4285714286rem;
  }
  .minimum-requirements__card {
    width: 100%;
  }
  .minimum-requirements__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 1.0714285714rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .minimum-requirements__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .minimum-requirements__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .minimum-requirements__list li {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .minimum-requirements__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 1.0714285714rem;
  }
}

.security-ecology {
  width: 63.4285714286rem;
  padding-bottom: 3.5714285714rem;
}
.security-ecology__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.0714285714rem;
}
.security-ecology__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1440px) {
  .security-ecology {
    width: 100%;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .security-ecology__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .security-ecology__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.general-terms {
  padding-bottom: 3.5714285714rem;
}
@media (min-width: 1441px) {
  .general-terms {
    width: 63.4285714286rem;
  }
}
.general-terms__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.general-terms__text-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.1428571429rem;
  margin-bottom: 1.0714285714rem;
}
.general-terms__text {
  display: flex;
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
.general-terms__sublist li {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  list-style-type: disc;
  margin-left: 4rem;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .general-terms__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .general-terms__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .general-terms__sublist li {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

@media (min-width: 1441px) {
  .prohibited-activities {
    width: 63.4285714286rem;
  }
}
.prohibited-activities__title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  margin-bottom: 2.1428571429rem;
  text-transform: uppercase;
}
.prohibited-activities__text {
  font-size: 1.1428571429rem;
  line-height: 1.8285714286rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .prohibited-activities__title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .prohibited-activities__text {
    font-size: 1rem;
    line-height: 1.6rem;
  }
}

.casino-jack {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.casino-jack__wrapper {
  display: flex;
  -moz-column-gap: 5.5714285714rem;
  column-gap: 5.5714285714rem;
}
.casino-jack__block-title {
  font-family: "Forum", sans-serif;
  font-weight: 400;
  font-size: 1.7857142857rem;
  line-height: 2.5rem;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  margin-bottom: 2.1428571429rem;
}
.casino-jack__block-subtitle {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
}
.casino-jack__block:nth-child(1) {
  width: 41.7857142857rem;
  display: flex;
  flex-direction: column;
  row-gap: 3.6428571429rem;
}
.casino-jack__block:nth-child(2) {
  width: 44.3571428571rem;
}
.casino-jack__block-subtitles {
  display: flex;
  flex-direction: column;
  row-gap: 1.7142857143rem;
}
.casino-jack__sublist {
  display: flex;
  flex-direction: column;
}
.casino-jack__subitem {
  font-size: 1.2857142857rem;
  line-height: 2.0571428571rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  list-style-type: disc;
  margin-left: 2.5714285714rem;
  cursor: auto;
}
.casino-jack__img {
  width: 35rem;
  height: 20.9285714286rem;
  mix-blend-mode: plus-lighter;
}
@media (max-width: 1440px) {
  .casino-jack {
    align-items: normal;
  }
  .casino-jack__wrapper {
    flex-direction: column;
    row-gap: 2.8571428571rem;
  }
  .casino-jack__block:nth-child(1), .casino-jack__block:nth-child(2) {
    width: 100%;
  }
  .casino-jack__img {
    width: 35rem;
    height: 20.9285714286rem;
    align-self: center;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .casino-jack__block-title {
    font-size: 1.1428571429rem;
    line-height: 1.6rem;
    margin-bottom: 1.0714285714rem;
  }
  .casino-jack__block-subtitle {
    font-size: 1rem;
    line-height: 1.6rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
  }
  .casino-jack__block:nth-child(1), .casino-jack__block:nth-child(2) {
    row-gap: 2.8571428571rem;
  }
  .casino-jack__subitem {
    font-size: 1rem;
    line-height: 1.6rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
  }
  .casino-jack__img {
    width: 22.7142857143rem;
    height: 16.2142857143rem;
    transform: translateX(-10%);
  }
}/*# sourceMappingURL=style.css.map */


















.modal-overflow {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 16px;
  background-color: rgba(3, 11, 21, .45);
  opacity: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}

.modal-overflow.active {
  z-index: 9991;
  opacity: 1;
}

.modal-overflow.active_reg {
  z-index: 102;
  opacity: 1;
}

.modal-container {
  position: fixed;
  width: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  display: flex;
  justify-content: center;
  opacity: 0;
  z-index: -1;
}

.modal-container.active {
  opacity: 1;
  z-index: 9992;
}

.modal-win {
  display: none;
  z-index: -1;
  position: relative;
  padding: 0;
  width: 448px;
}

.modal-win.active {
  z-index: 9993;
  display: block;
}

.close-small {
  width: 38px;
  height: 38px;
  border: none;
  font-weight: 300;
  font-size: 38px;
  line-height: 38px;
  background-color: transparent;
  color: #93acd3;
  padding: 0;
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  z-index: 10;
  transition: color .1s ease-in-out;
  cursor: pointer;
}

.close-small svg {
  fill: #666;
}

.close-small svg:hover {
  fill: #fff;
}

.parent-modal-win {
  display: flex;
  justify-content: space-between;
  background-color: #424242;
  border-radius: 4px;
}

.img-modal-win {
  width: 50%;
  padding: 32px;
  background: url(../img/betnew/bg-intro.0e0d2db.jpg) no-repeat 50%, linear-gradient(180deg, rgba(237, 29, 73, .65), transparent 50%, rgba(1, 72, 160, .85));
  background-size: cover;
  min-height: 550px;
  text-align: center;
}

.content-modal-win {
  width: 100%;
  padding: 32px;
}

.btn-modal-win {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 16px;
}

.btn-modal-win span {
  border-bottom: 1px dotted #24ba9d;
  color: #24ba9d;
  margin-left: 30px;
}

.form-title-bonus {
  width: calc(100% + 64px);
  margin-left: -32px;
  padding: 11px 0;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  border: 2px solid #dc1f00;
  border-radius: 4px;
  text-transform: uppercase;
}

.modal-win-main-title {
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #242424;
  font-size: 20px;
  margin-left: -32px;
  width: calc(100% + 64px);
}

.reg-type {
  display: flex;
  width: calc(100% + 64px);
  margin-left: -32px;
}

.reg-type .tab {
  width: 50%;
  line-height: 40px;
  color: #a9a9a9;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.reg-type .tab.active {
  color: #fff;
  background-color: #242424;
}

.reg-type .tab.active::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #24ba9d;
  border-radius: 50%;
  margin-right: 5px;
}

#reg .content-modal-win,
#login .content-modal-win {
  padding-top: 0;
}

.reg-tabs .reg-form {
  display: none;
}

.reg-tabs .reg-form.active {
  display: block;
}

.reg-tabs .reg-form button.submit {
  padding: 12px 32px;
  background-color: #dc1f00;
  border-radius: 4px;
}

.reg-tabs .reg-form button.submit:hover {
  background-color: #c30700;
}

.one-btn-modal-win {
  display: flex;
  align-items: center;
  margin: 10px 0;
  margin-right: 13px;
}

.one-btn-modal-win span {
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  line-height: 1.5;
  cursor: pointer;
  text-align: center;
}

.one-btn-modal-win.active span {
  font-size: 12px;
  border-radius: 4px;
  padding: 5px 10px;
  color: #fff;
  cursor: default;
  background-color: #24ba9d;
  opacity: 1;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  align-items: center;
  display: inline-flex;
  vertical-align: middle;
  justify-content: flex-start;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
  border: 2px solid transparent;
}



.form-modal-win {
  margin: 22px 0 0;
}

.form-modal-win.remind-form {
  margin: 0;
}

.form-modal-win input {
  position: relative;
  display: flex;
  align-items: center;
  transition: color .1s ease-in-out, border-color .1s ease-in-out;
  height: 44px;
  border-radius: 4px;
  padding: 0 14px;
  width: 100%;
  margin-bottom: 10px;
  background-color: #fff;
  line-height: 20px;
  font-size: 14px;
  outline: none;
  font-weight: 600;
  color: #000;
  border: none;
}

.form-modal-win button.submit {
  background-color: #24ba9d;
  color: #fff;
  border-color: transparent;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 14px;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 16px;
  cursor: pointer;
}

.form-modal-win button.submit.disabled {
  pointer-events: none;
  background-color: #353c3b;
}

.answer {
  text-align: center;
  margin: 10px 0 0;
}

.form-modal-win input:hover,
.form-modal-win input:active,
.form-modal-win input:focus,
.form-modal-win input:focus-visible {
  outline: none;
}

.form-modal-win input:focus {
  -webkit-box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25);
  box-shadow: inset 2px 2px 8px 2px rgba(0, 0, 0, .25);
}


.one-form-modal-win svg.svg-bg {
  width: 20px;
  height: 20px;
  fill: #55657e;
  transition: fill .1s ease-in-out;
  position: absolute;
  margin-top: -42px;
  margin-left: 13px;
  left: 33px;
}

.one-form-modal-win {
  position: relative;
}

.pass-open {
  color: #fff;
  border-color: transparent;
  width: 30px;
  height: 17px;
  position: absolute;
  left: calc(100% - 44px);
  top: calc(50% - 8.5px);
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  align-items: center;
  position: absolute;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  outline: none;
  display: inline-block;
  transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
}

.pass-open svg {
  fill: #afafaf;
  width: 30px;
}

.pass-open:hover svg {
  fill: #7d7d7b;
}

.pass-open.active svg:nth-child(1),
.pass-open svg:nth-child(2) {
  display: none;
}

.pass-open.active svg:nth-child(2) {
  display: inline-block;
}

.forgot {
  display: flex;
  justify-content: center;
}


.forgot a {
  font-size: 16px;
  padding: 0;
  cursor: pointer;
  transition: color .1s ease-in-out;
  border-bottom: 1px dotted #24ba9d;
  color: #24ba9d;
}

.login-social {
  margin: 5px 0 15px;
  text-align: left;
}

.h-login-social {
  color: #339f8f;
  font-size: 11px;
  margin: 0 0 8px;
}


.bottom-modal-text {
  font-size: 11px;
  color: #339f8f;
  line-height: 1.2;
  margin: 10px 0 0;
  text-align: left;
}

.bottom-modal-text a {
  color: #24ba9d;
}

.bottom-modal-text p {
  display: block;
  white-space: break-spaces;
}

.bottom-modal-text span {
  font-size: 11px;
  color: #fff;
  display: block;
  width: 100%;
  margin: 10px 0 0;
}





.one-form-modal-win input[type="checkbox"] {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0 8px 0 0;
  padding: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #202a39;
  /* pointer-events: none; */
  transition: background-color .1s ease-in-out;
  z-index: 991;
}

.one-form-modal-win input[type="checkbox"]:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -3px;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 6px;
  visibility: hidden;
  transform: rotate(-45deg);
  border-radius: 1px;
  border-color: #000;
  border-style: solid;
  border-width: 0 0 2px 2px;
  z-index: 992;
}

.one-form-modal-win input[type="checkbox"].active {
  background-color: #2ddc4b;
}

.one-form-modal-win input[type="checkbox"].active:before {
  visibility: visible;
}

.form-check {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #339f8f;
  line-height: 1.2;
}

.form-check a {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #24ba9d;
  line-height: 1.2;
}

.margin-form-check {
  margin: 15px 0 8px;
}

.text-check {
  text-align: left;
}

.error-check {
  display: none;
  font-size: 11px;
  margin: 0 0 5px;
}

.error-check.active {
  display: block;
}



.modal-win#remind {
  width: 360px;
  left: 0;
  background: #424242;
}

.h-remind {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  display: block;
  background: none;
  padding: 20px 24px 10px;
}

.content-remind {
  padding: 24px;
  padding-top: 0;
  position: relative;
  z-index: 995;
}

#remind p {
  display: inline-block;
  color: #339f8f;
  margin-bottom: 4px;
}

#remind .one-form-modal-win svg.svg-bg {
  left: 24px;
}

.submit-remind {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 0;
}

.submit-remind button.submit {
  margin: 0;
}

.history-remind {
  background-color: #242424;
  color: #55657e;
  border-color: transparent;
  border-radius: 10px;
  font-size: 14px;
  padding: 10px;
  width: 44px;
  height: 44px;
  margin-right: 8px;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  align-items: center;
  position: relative;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  outline: none;
  display: inline-block;
  transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
}

.history-remind svg {
  fill: #339f8f;
  width: 24px;
  height: 24px;
}

.history-remind:hover svg {
  fill: #24ba9d;
}



.modal-win#search {
  background: #1c2532;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
}

.modal-win#search .search-field {
  width: 100%;
  padding: 100px;
  min-height: 100vh;
  height: auto;
}

.modal-win#search .search-field input {
  border: 2px solid #55657e;
  outline: none;
  padding: 15px 25px;
  max-width: 1060px;
  margin: 0 auto;
}

.parent-search-list-game {
  max-width: 1060px;
  margin: 0 auto;
}

.parent-search-list-game .list-game {
  width: calc(100% + 16px);
  max-width: 1060px;
  margin-top: 10px;
}

.error-search {
  text-align: center;
  width: 100%;
}

.error-search.hidden {
  display: none;
}

.tab-item {
    display: none;
}

.tab-item--active {
    display: grid;
}

.aside__list {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  animation-iteration-count: 1;
    animation-fill-mode: forwards;
    scroll-behavior: smooth;
    font-variant-ligatures: none;
    overflow-x: hidden;
}
.main__verification-modal {
  margin-top: -45px;
}