/*==============================
	Fonts
==============================*/
@font-face {
  font-family: 'Uni Neue';
  src: url('/static/font/UniNeueLight.woff2') format('woff2'),
       url('/static/font/UniNeueLight.woff') format('woff'),
       url('/static/font/UniNeueLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Uni Neue';
  src: url('/static/font/UniNeueBook.woff2') format('woff2'),
       url('/static/font/UniNeueBook.woff') format('woff'),
       url('/static/font/UniNeueBook.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Uni Neue';
  src: url('/static/font/UniNeueBook-Italic.woff2') format('woff2'),
       url('/static/font/UniNeueBook-Italic.woff') format('woff'),
       url('/static/font/UniNeueBook-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Uni Neue';
  src: url('/static/font/UniNeueRegular.woff2') format('woff2'),
       url('/static/font/UniNeueRegular.woff') format('woff'),
       url('/static/font/UniNeueRegular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Uni Neue';
  src: url('/static/font/UniNeueBold.woff2') format('woff2'),
       url('/static/font/UniNeueBold.woff') format('woff'),
       url('/static/font/UniNeueBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Uni Neue';
  src: url('/static/font/UniNeueHeavy.woff2') format('woff2'),
       url('/static/font/UniNeueHeavy.woff') format('woff'),
       url('/static/font/UniNeueHeavy.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Uni Neue';
  src: url('/static/font/UniNeueBlack.woff2') format('woff2'),
       url('/static/font/UniNeueBlack.woff') format('woff'),
       url('/static/font/UniNeueBlack.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/*==============================
	Common styles
==============================*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
  background-color: #18120b;
  color: #e7e2d8;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
    width: 100%;
}
.swiper-wrapper {
    max-width: 100%;
}
body {
  font-family: 'Uni Neue', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  background-color: #18120b;
  -webkit-font-smoothing: antialiased;
}

button {
  padding: 0;
  border: none;
  background-color: transparent;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
  cursor: pointer;
}
button:focus {
  outline: none;
}
button:disabled {
  cursor: not-allowed;
  pointer-events: none;
  background: #3f3d3c;
  opacity: 0.4;
  box-shadow: none;
}

a {
  text-decoration: none;
  transition: 0.5s ease;
  transition-property: color, background-color, border-color, box-shadow;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}
input,
textarea,
select {
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-shadow: none;
  transition: 0.5s ease;
  transition-property: background-color, border-color;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
select::-ms-expand {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
::-moz-selection {
  background: #a034fa;
  color: #16142a;
  text-shadow: none;
}
::selection {
  background: #ffcc66;
  color: #151515;
  text-shadow: none;
}
::-webkit-input-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
::-moz-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
:-moz-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #d0d0d0;
  opacity: 1;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
:focus-visible {
  outline: 0px dotted;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #ffcc66;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background: #151515;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #615d55 transparent;
}

.row--relative {
  position: relative;
}

.input__email:-webkit-autofill,
.input__email:-webkit-autofill:hover,
.input__email:-webkit-autofill:focus,
.input__email:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #25190b inset !important;
    -webkit-text-fill-color: #e7e2d8 !important;
    caret-color: #e7e2d8 !important;
    transition: background-color 9999s ease-in-out 0s;
}

/*==============================
	Header
==============================*/
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  border-bottom: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: background 0.5s ease;
}
.header--active {
  background: #16142a;
}
.header__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 80px;
  width: 100%;
}
.header__logo {
  z-index: 1;
  width: auto;
  height: 50px;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-left: 40px;
}
.header__logo img {
  height: 50px;
  width: auto;
}
.header__btn {
  position: absolute;
  width: 24px;
  height: 22px;
  display: block;
  left: 0;
}
.header__btn span {
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: 0.5s ease;
  opacity: 1;
}
.header__btn span:first-child {
  top: 0;
}
.header__btn span:nth-child(2) {
  top: 10px;
  width: 16px;
}
.header__btn span:last-child {
  top: 20px;
  width: 8px;
}
.header__btn--active span:first-child {
  transform: rotate(45deg);
  top: 10px;
}
.header__btn--active span:nth-child(2) {
  opacity: 0;
}
.header__btn--active span:last-child {
  width: 24px;
  transform: rotate(-45deg);
  top: 10px;
}
.header__tagline {
  display: none;
}
.header__language {
  position: relative;
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: 17px;
}
@media (max-width: 824px) {
  .header__language {
      margin-right: 0;
  }
}
@media (max-width: 900px) {
  .mobile_btn {
      display: none;
  }
}
.header__language .dropdown-link {
    display: inline-flex;
    justify-content: center;
    font-size: 14px;
    line-height: 24px;
    height: 40px;
    gap: 6px;
    position: relative;
    overflow: hidden;
    background: transparent;
    font-weight: 500;
    color: #e7e2d8;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid rgb(228 187 87 / 13%);
    align-items: center;
    border-radius: 4px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
}

.header__language a.dropdown-link span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header__language a.dropdown-link i {
  font-size: 8px;
  margin-left: 5px;
  margin-top: 2px;
}

.header__language-menu {
  position: absolute;
  background-color: #191a1b;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 320px;
  min-width: 232px;
  width: 100%;
  gap: 1px;
  text-align: left;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  display: none;
  border-radius: 12px;
  transition: 0.5s ease;
  transition-property: opacity, margin-top, transform;
  top: 0;
  transform: translate3d(0px, 42px, 0px);
  border: 1px solid #262626;
  inset: 0px 0px auto auto !important;
}
.header__language-menu li {
  position: relative;
  padding: 8px 20px;
  color: #fff;
  background: transparent;
  gap: 6px;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  transition: all 0.5s ease;
}

.menu-header {
    display: inline-flex;
    justify-content: center;
    font-size: 16px;
    line-height: 24px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background: transparent;
    font-weight: 500;
    color: #e7e2d8;
    padding: 5px 10px;
    border: 1px solid rgb(228 187 87 / 13%);
    align-items: center;
    border-radius: 4px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
    transition: all .2s ease-in-out;
}

.menu-header span {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-header span svg path {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu-header.open span svg path:nth-child(1),
.menu-header:hover span svg path:nth-child(1) {
	d: path("M4.49762 12H19.4976");
}

.menu-header.open span svg path:nth-child(2),
.menu-header:hover span svg path:nth-child(2) {
	d: path("M4.49762 16.0017H19.4976");
}

.trustpilot-content {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.trustpilot-btn {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 6px;
    color: #00b67a;
    background: linear-gradient(180deg, rgb(0 182 122 / 15%), rgb(0 182 122 / 5%));
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    border: 1px solid rgb(0 182 122 / 8%);
    box-shadow: inset 0 1px 0 rgb(0 182 122 / 15%), 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.trustpilot-btn {
  position: relative;
  overflow: hidden;
}

.header__menu li:hover {
  background: #252627;
}
.header__menu li.active {
  background: #252627;
}
.header__menu li span {
  color: #888888;
  font-size: 12px;
}
.header__menu li:last-child {
  margin-bottom: 0;
}
.header__menu li:first-child {
  margin-top: 0;
}

.header__menu a {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    color: #e7e2d8;
    text-transform: none;
    font-weight: 400;
    padding: 6px 10px;
    align-items: center;
    gap: 8px;
}

.btn-link-menu span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.header__menu.show {
    z-index: 102;
    display: flex;
    pointer-events: auto;
    opacity: 1;
    gap: 4px;
    transform: translate(0px, 66px) !important;
    flex-direction: column;
    background: linear-gradient(to bottom, #23170699 0%, rgb(30 21 11 / 60%) 100%);
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    border: 1px solid rgb(35 23 6 / 8%);
   box-shadow: inset 0 1px 0 rgba(255, 215, 150, 0.12), 0 4px 12px rgba(0, 0, 0, 0.15);
}
.header__nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 280px;
  height: calc(100vh - 82px);
  top: 82px;
  left: 0;
  background: #16142a;
  padding: 30px 15px 0;
  transition: transform 0.5s ease;
  transform: translate3d(-280px, 0, 0);
  border-right: 2px solid rgba(255,255,255,0.05);
}
.header__nav--active {
  transform: translate3d(0, 0, 0);
}
.header__nav li {
  display: block;
  margin-bottom: 25px;
}
.header__nav li:last-child {
  margin-bottom: 0;
}
.header__nav a {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}

.btn-link-menu {
  font-size: 16px;
  line-height: 24px;
  color: #e7e2d8;
  text-transform: none;
  font-weight: 400;
  padding: 6px 10px;
  background: transparent;
}

.btn-link-menu.active {
  background: rgba(255, 255, 255, 0.05);
}

.btn-link-menu:hover {
  background: rgba(255, 255, 255, 0.05);
}

.btn-link-menu {
  background: transparent;
}

.header__dropdown {
  position: relative;
  display: block;
  width: auto;
}
.header__dropdown-menu {
  position: absolute;
  background-color: #16142a;
  padding: 20px;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 140px;
  text-align: left;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  border-radius: 10px;
  transition: 0.5s ease;
  transition-property: opacity, margin-top, transform;
  top: 0;
  transform: translate3d(0px, 16px, 0px);
  border: 2px solid rgba(255,255,255,0.05);
}
.header__dropdown-menu li {
  position: relative;
  padding: 0;
  margin-bottom: 12px;
}
.header__dropdown-menu li:last-child {
  margin-bottom: 0;
}
.header__dropdown-menu a {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-transform: none;
  font-weight: 400;
  white-space: nowrap;
}
.header__dropdown-menu a:hover {
  color: #a034fa;
}
.header__dropdown-menu.show {
  z-index: 1000;
  pointer-events: auto;
  opacity: 1;
}
.header__profile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
}
.header__profile span {
  display: none;
}
.header__profile i {
  font-size: 24px;
  color: #fff;
}
.header__profile:hover {
  border-color: #a034fa;
}
@media (min-width: 576px) {
  .header__logo {
    margin-left: 45px;
  }
  .header__tagline {
    display: block;
    line-height: 24px;
    color: #d0d0d0;
    font-size: 14px;
    margin-right: auto;
    margin-left: 20px;
    font-weight: 300;
  }
  .header__nav {
    padding-left: calc((100vw - 516px) / 2);
    width: 320px;
    transform: translate3d(-320px, 0, 0);
  }
  .header__nav--active {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 768px) {
  .header__profile {
    min-width: 130px;
    padding: 0 20px;
    width: auto;
  }
  .header__profile span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    transition: 0.5s ease;
    font-weight: 500;
  }
  .header__profile i {
    display: none;
  }
  .header__profile:before,
  .header__profile:after {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 26px;
    height: 30px;
  }
  .header__profile:before {
    background: url("../img/btn/left--small.svg") no-repeat center;
    left: 8px;
    transition: left 0.5s ease;
  }
  .header__profile:after {
    background: url("../img/btn/right--small.svg") no-repeat center;
    right: 8px;
    transition: right 0.5s ease;
  }
  .header__profile:hover:before {
    left: 12px;
  }
  .header__profile:hover:after {
    right: 12px;
  }
  .header__nav {
    padding-left: calc((100vw - 696px) / 2);
  }
}
@media (min-width: 992px) {
  .header__nav {
    padding-left: calc((100vw - 936px) / 2);
  }
}
@media (min-width: 1200px) {
  .header__btn {
    display: none;
  }
  .header__logo {
    margin-left: 0;
  }
  .header__language {
    margin-left: 0;
  }
  .header__nav {
    position: relative;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 80px;
    top: auto;
    left: auto;
    background: transparent;
    padding: 0;
    transition: 0s;
    transform: translate3d(0, 0, 0);
    border-right: none;
    z-index: 2;
    margin-right: auto;
  }
  .header__nav li {
    margin-right: 44px;
    margin-bottom: 0;
  }
  .header__nav li:last-child {
    margin-right: 0;
  }
  .header__nav a {
    justify-content: center;
    height: 40px;
    text-transform: none;
  }
  .header__nav a.dropdown-link--menu {
    height: 40px;
  }
  .header__dropdown-menu li {
    margin-right: 0;
    margin-bottom: 12px;
    padding: 0;
  }
  .header__dropdown-menu li:last-child {
    margin-bottom: 0;
  }
  .header__dropdown-menu a {
    height: auto;
    color: #fff;
    justify-content: flex-start;
  }
  .header__dropdown-menu a:hover {
    color: #a034fa;
  }
  .header__profile {
    z-index: 1;
  }
}
@media (min-width: 1400px) {
  .header:before,
  .header:after {
    content: '';
    position: absolute;
    display: block;
    width: 67px;
    height: 20px;
    top: 30px;
    pointer-events: none;
  }
  .header:before {
    left: 30px;
    background: url("../img/dodgers/screw--header-left.svg") no-repeat center;
  }
  .header:after {
    right: 30px;
    background: url("../img/dodgers/screw--header-right.svg") no-repeat center;
  }
}
.transparent-header {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 120;
    height: auto;
}
@media (max-width: 767.98px) {
    .transparent-header {
        top: 0;
    }
}

.tgmenu__wrap {
    margin-top: 15px;
    background: linear-gradient(to bottom, rgb(35 23 6 / 70%) 0%, rgb(30 21 11 / 70%) 100%);
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 6px;
    padding: 0 20px;
    border: none;
    position: relative;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.tgmenu__wrap::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 4px;
    border: 1px solid rgb(228 187 87 / 13%);
    z-index: 1;
    pointer-events: none;
}

.head-width {
    max-width: 1460px !important;
}
.tgmenu__nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 68px;
}

.tgmenu__nav .logo img {
    max-height: 40px;
}
@media (max-width: 610px) {
    .pc-logo {
        display: none;
    }
}
.mobile-logo {
  display: none;
}
@media (max-width: 610px) {
    .mobile-logo {
        display: block;
    }
}
.tgmenu__navbar-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-grow: 1;
}
.d-none {
    display: none !important;
}
@media (min-width: 992px) {
    .d-lg-flex {
        display: flex !important;
    }
}
.tgmenu__navbar-wrap > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
}
.tgmenu__navbar-wrap > ul > li {
    display: block;
    position: relative;
    list-style: none;
}
.tgmenu__navbar-wrap > ul > li > a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 27px 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .tgmenu__navbar-wrap > ul > li > a {
        padding: 27px 16px;
    }
}
.tgmenu__navbar-wrap > ul > li.active a, .tgmenu__navbar-wrap > ul > li:hover a {
    color: #ffcc66;
}
.tgmenu__navbar-wrap .navigation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
}
.section-link {
    font-size: 14px;
    text-transform: uppercase;
    color: #e7e2d8;
    padding: 27px 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .section-link {
        padding: 27px 16px;
    }
}
.section-link:hover {
    color: #ffcc66;
}
.section-link-button {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding: 27px 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .section-link-button {
        padding: 27px 16px;
    }
}

.abs_about {
    position: absolute;
    background: #191a1b;
    border: 1px solid #262626;
    border-radius: 10px;
    top: 60px;
    padding: 6px 10px 6px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 186px;
    min-width: 120px;
    width: max-content;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}
.btn_a:hover .abs_about {
    opacity: 1;
    pointer-events: auto;
}
.link_btn-about {
    display: flex;
    align-items: center;
    padding: 9px 16px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.5s ease;
    width: 100%;
    text-transform: none;
}

.btn_a {
  position: relative;
  font-weight: 500;
}

.btn_a.active .section-link, .section-link:hover {
    background-image: url(/static/media/appbar-select-top.svg),url(/static/media/appbar-select-bottom.svg);
    background-repeat: no-repeat;
    background-position: top,bottom
}

.tgmenu__navbar-wrap > ul > li {
    display: block;
    position: relative;
    list-style: none;
}
.tgmenu__action {
    display: flex;
    align-items: center;
}
.tgmenu__action > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 535px) {
    .tgmenu__action > ul {
        display: none;
    }
}

.logo {
    margin-right: 20px;
}
.header-btn {
  margin-left: 0;
}

.flex-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.left-header {
  display: flex;
  align-items: center;
}

.btn-header {
    display: flex;
    align-items: center;
}

.btn-reg {
    display: flex;
    padding: 6px 10px;
    background: linear-gradient(180deg, #6b4aa5 0%, #4a2e7a 100%);
    border-radius: 4px;
    min-width: 100px;
    height: 40px;
    color: #e7e2d8;
    position: relative;
    overflow: hidden;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
    font-weight: 500;
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 6px 16px rgba(0,0,0,.25);
    align-items: center;
    justify-content: center;
}

.btn-reg span {
    width: 26px;
    height: 26px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 824px) {
    .btn-reg {
        display: none;
    }
}

.divider-header {
    height: 30px;
    width: 1px;
    background: rgb(244 197 80 / 15%);
    border-radius: 1px;
    margin-left: 10px;
    margin-right: 10px;
}

@media (max-width: 824px) {
    .divider-header {
        display: none;
    }
}

.btn-auth {
    display: flex;
    padding: 6px 10px;
    background: linear-gradient(180deg, #4c321c, #2f1f12);
    border-radius: 4px;
    min-width: 100px;
    height: 40px;
    overflow: hidden;
    color: #e7e2d8;
    font-size: 16px;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
    font-weight: 500;
    position: relative;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 6px 16px rgba(0, 0, 0, .25);
}

.btn-auth span {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-auth:hover,
.btn-reg:hover {
    filter: brightness(1.08) saturate(1.05);
}

@media (max-width: 824px) {
    .btn-auth {
        display: none;
    }
}

.btn-hover {
    position: relative;
    overflow: hidden;
}

.btn-hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: -105%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.05);
    transition: left 0.2s ease, opacity 0.3s ease;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

.btn-hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.15) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    transition: left 0.3s ease;
    z-index: 2;
    pointer-events: none;
}

.btn-hover:hover::after {
    left: 0;
    opacity: 1;
}

.btn-hover:hover::before {
    left: 120%;
}

.btn-hover span,
.btn-hover p{
    position: relative;
    z-index: 3;
    margin-top: 0;
    margin-bottom: 0;
}

.btn-hover::before,
.btn-hover::after {
    top: -1px;
    height: calc(100% + 2px);
}

@media (max-width: 768px), (hover: none) {
  .btn-hover::before,
  .btn-hover::after {
    content: none !important;
  }
}
@media (hover: none) {
  .btn-hover {
    transition: none;
  }
}
.btn-ripple {
    position: relative;
    overflow: hidden;
}

.btn-ripple .ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.25);
    transform: scale(0);
    animation: ripple 600ms ease-out;
    pointer-events: none;
}

@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}


.tg-btn {
    user-select: none;
    -moz-user-select: none;
    background: #ffcc66  none repeat scroll 0 0;
    border: none;
    color: #151515;
    min-width: 118px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 14px 20px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    vertical-align: middle;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    white-space: nowrap;
    overflow: hidden;
}
.tg-btn:hover {
    color: #151515;
    background: #fff;
}
.tg-header__area .mobile-nav-toggler {
    position: relative;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    display: none;
    color: #ffcc66;
}
@media (max-width: 992px) {
    .tg-header__area .mobile-nav-toggler {
        display: block;
        margin-left: 24px;
    }
}
@media (max-width: 535px) {
    .tg-header__area .mobile-nav-toggler {
        display: block;
        margin-left: 0;
    }
}
.tgmobile__menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    z-index: 991;
    border-radius: 0px;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) e;
    -o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transform: translateX(101%);
    -moz-transform: translateX(101%);
    -ms-transform: translateX(101%);
    -o-transform: translateX(101%);
    transform: translateX(101%);
}
.tgmobile__menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #151515;
    padding: 0px 0px;
    z-index: 5;
    box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06);
}
.tgmobile__menu .close-btn {
    position: absolute;
    right: 15px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    padding: 8px;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.modal-overlay-lang {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    visibility: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.6);
    transition: opacity 0.3s ease;
}

.modal-window-lang {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.75);
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(to bottom, rgb(35 23 6 / 70%) 0%, rgb(30 21 11 / 70%) 100%);
    color: #e6e1d8;
    filter: blur(6px);
    -webkit-filter: blur(6px);
    border-radius: 6px;
    width: 600px;
    padding: 48px 32px;
    max-width: 90%;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 0.45s cubic-bezier(.16, 1, .3, 1), opacity 0.45s ease, filter 0.35s ease;
    z-index: 1000;
}

@media (max-width: 499px) {
  .modal-window-lang {
      width: 100%;
      max-width: 100%;
      height: 100%;
      border-radius: 0;
  }
}


.modal-window-lang::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 6px;
    border: 1px solid rgb(228 187 87 / 13%);
    z-index: 1;
    pointer-events: none;
}

.modal-overlay-lang.active {
    opacity: 1;
    visibility: visible;
}

.modal-window-lang.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    filter: blur(0);
    -webkit-filter: blur(0);
    visibility: visible;
}

.close-btn-lang {
    display: inline-flex;
    position: absolute;
    cursor: pointer;
    background: transparent;
    color: rgb(184 179 169 / 60%);
    justify-content: center;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    align-items: center;
    transition: color 0.3s ease-in-out;
}

.close-btn-lang:hover {
    color: rgb(184 179 169 / 100%);
}

.modal-window-lang h3 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #e7e2d8;
    margin-bottom: 20px;
}

.content-lang ul{
    display: grid;
    gap: 4px 16px;
    grid-template-columns: 1fr 1fr;
    max-height: calc(80vh - 122px);
}

@media (max-width: 499px) {
  .content-lang ul {
      display: flex;
      flex-direction: column;
      max-height: 100%;
      overflow: auto;
  }
}

.language-button-lang {
    display: flex;
    align-items: center;
    height: 44px;
    min-height: 44px;
    background: transparent;
    color: #e6e1d8;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 16px;
    transition: background 0.3s ease-in-out;
}

.language-button-lang.active {
    background: rgb(255 255 255 / 5%);
}

.language-button-lang:hover {
    background: rgb(255 255 255 / 5%);
}

.sub_lang {
    font-size: 14px;
    font-weight: 400;
    color: #b8b3a9;
    margin-bottom: 0;
    margin-left: 8px;
}

.svg_lang {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 4px;
}

.section-link-button::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 20px;
    height: 2px;
    background: #ffcc66;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.btn_a.active a::before, .btn_a:hover a::before {
    opacity: 1;
    visibility: visible;
}
.btn_a.active .section-link-button::before, .btn_a:hover .section-link-button::before {
    opacity: 1;
    visibility: visible;
}

.sidebar-aside {
    transform: translate3d(-115%, 0, 0);
    left: 15px;
    transition: transform .15s ease-in-out;
    background: linear-gradient(to bottom, #231706b3 0%, rgb(30 21 11 / 70%) 100%);
    --sidebar-max-width: 100%;
    display: flex;
    position: absolute;
    z-index: 1041;
    height: 440px;
    top: 92px;
    pointer-events: none;
    bottom: 0;
    border-radius: 6px;
    flex-direction: column;
    max-width: 300px;
    width: 100%;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    border: 1px solid rgb(255 255 255 / 13%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 4px 12px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1480px) {
  .sidebar-aside {
      transform: none;
      opacity: 0;
  }
}

.sidebar-aside.active {
    transform: translateZ(0);
    pointer-events: visible;
}
@media (min-width: 1480px) {
  .sidebar-aside.active {
      transform: none;
      pointer-events: visible;
      opacity: 1;
  }
}

.nav-aside {
    padding: 8px 16px 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    touch-action: pan-y;
}
.container-aside {
    color: #888888;
    margin: .5rem 0;
    margin-left: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}
.list-aside {
    padding: 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.item-aside {
    padding: 0.25rem .75rem 0 .75rem;
    display: block;
}
.link-aside {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #e7e2d8;
    white-space: nowrap;
    transition: color .15s ease-in-out;
    background-color: transparent;
    cursor: pointer !important;
    text-decoration: none;
    width: 100%;
    border: none;
}
.link-aside.active-aside {
    color: #e7e2d8;
}

.link-aside:hover {
    color: #e7e2d8;
}

.content-aside {
    padding-right: .5rem !important;
    margin-right: .25rem !important;
    align-items: center !important;
    display: flex !important;
}
.icon-aside {
    margin-right: 8px;
    transition: inherit;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    background: rgb(255 255 255 / 5%);
    border-radius: 4px;
}
.text-aside {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
}
.arrow-aside {
    display: inline-flex !important;
    transition: color .15s ease-in-out;
    width: 20px;
    height: 20px;
    color: var(--tg-color-gray);
}

.box-aside {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--tg-color-gray);
    line-height: 0;
}

.link-aside:hover .box-aside {
    color: var(--tg-color-green);
}

.divider-aside {
    margin: 0 1rem;
    border: 0;
    border-top: 1px solid #262626;
}

.footer-home-pc {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: linear-gradient(to bottom, rgb(67 41 4 / 20%) 0%, rgb(12 8 4 / 40%) 100%);
    position: relative;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid #ffffff14;
    border-radius: 10px;
    padding: 30px;
    max-height: 190px;
}

@media (max-width: 991px) {
  .footer-home-pc {
      display: none;
  }
}

.footer-home-pl {
    display: none;
    justify-content: space-between;
    width: 100%;
    background: linear-gradient(to bottom, rgb(67 41 4 / 20%) 0%, rgb(12 8 4 / 40%) 100%);
    position: relative;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid #ffffff14;
    border-radius: 10px;
    padding: 30px;
    max-height: 190px;
}

@media (max-width: 991px) {
  .footer-home-pl {
      display: flex;
      flex-direction: column;
      max-height: max-content;
      padding: 20px;
  }
}

.Truspilot-block img {
    width: 130px;
    margin-top: 8px;
}
.Truspilot-block {
    margin-top: 15px;
}
.link-foot {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 340px;
}
@media (max-width: 991px) {
    .link-foot {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 10px;
        min-width: 340px;
        width: 100%;
        margin-top: 40px;
    }
}
@media (max-width: 610px) {
    .link-foot {
        margin-top: 20px;
    }
}
@media (max-width: 430px) {
    .link-foot {
        margin-top: 20px;
        max-width: 290px;
        min-width: 250px;
    }
}
.btn-page-footer {
    font-size: 16px;
    font-weight: 500;
    color: #b8b3a9;
    background: rgb(255 255 255 / 2%);
    height: 36px;
    min-width: 120px;
    display: flex;
    position: relative;
    align-items: center;
    padding: 4px 20px;
    justify-content: center;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 6px 16px rgba(0, 0, 0, .2);
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
}
@media (max-width: 610px) {
    .btn-page-footer {
        font-size: 14px;
        min-width: max-content;
        padding: 4px 20px;
    }
}
.btn-page-footer:hover {
    color: #e7e2d8;
}
.btn-logo-footer img {
    max-height: 40px;
}
.logo-link-foot {
    display: flex;
    flex-direction: column;
    min-width: 295px;
}
.block-reserved {
    font-size: 12px;
    color: #b4afa5;
    font-weight: 400;
    margin-top: 10px;
}






.footer-aside {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex-direction: column;
}
.btn-aside_reg {
    display: flex;
    padding: 6px 15px;
    background: linear-gradient(180deg, #6b4aa5 0%, #4a2e7a 100%);
    border-radius: 4px;
    min-width: 100%;
    height: 44px;
    color: #e7e2d8;
    position: relative;
    overflow: hidden;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
    font-weight: 500;
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 6px 16px rgba(0, 0, 0, .35);
    align-items: center;
    justify-content: start;
}

.btn-aside_reg span{
    width: 26px;
    height: 26px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-aside_auth {
    display: flex;
    padding: 6px 15px;
    background: linear-gradient(180deg, #4c321c, #2f1f12);
    border-radius: 4px;
    min-width: 100%;
    height: 44px;
    overflow: hidden;
    color: #e7e2d8;
    font-size: 16px;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
    font-weight: 500;
    position: relative;
    align-items: center;
    justify-content: start;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 6px 16px rgba(0, 0, 0, .35);
}

.btn-aside_auth span{
    width: 26px;
    height: 26px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.locale-switcher-aside {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.locale-btn-aside {
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: .75rem;
    color: var(--tg-color-black);
    font-size: 14px;
    padding: 0 16px;
    display: flex;
    height: 40px;
    background-color: var(--bg-common);
    transition: opacity .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    justify-content: center;
    align-items: center;
}
.locale-btn-asides {
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    color: var(--tg-color-black);
    font-weight: 500;
    padding: 0px 12px;
    border: none;
    font-size: 14px;
    margin-right: 10px;
    border-radius: 6px;
    display: flex;
    height: 32px;
    transition: opacity .15s ease-in-out, color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
    justify-content: center;
    align-items: center;
}
.locale-btn-asides:hover {
    background-color: var(--hover-bg-common);
}
.icon-btn-aside {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.text-btn-aside {
    margin-left: 6px;
    font-weight: 500;
}
.modal__auth {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    padding: 0 16px;
}

.modal-content__auth {
    background: linear-gradient(to bottom, rgb(47 32 12 / 70%) 0%, rgb(37 25 11 / 70%) 100%);
    padding: 25px;
    position: relative;
    border-radius: 12px;
    max-width: 400px;
    z-index: 1001;
    width: 100%;
    transform: scale(0.75);
    opacity: 0;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 0.45s cubic-bezier(.16, 1, .3, 1), opacity 0.45s ease;
}

.modal-content__auth::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 6px;
    border: 1px solid rgb(228 187 87 / 13%);
    z-index: 1;
    pointer-events: none;
}

.modal-close__auth {
    position: absolute;
    z-index: 1;
    display: inline-flex;
    top: 16px;
    right: 15px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    color: rgb(184 179 169 / 60%);
    align-items: center;
    justify-content: center;
    transition: color 0.25s ease-in-out;
}

.modal-close__auth:hover {
    color: rgb(184 179 169 / 90%);
}

.modal__auth.show {
  opacity: 1;
  visibility: visible;
}

.modal__auth.show .modal-content__auth {
    transform: scale(1);
    opacity: 1;
}
.modal-content__auth h2{
    font-size: 24px;
    color: #e7e2d8;
    margin-top: 4px;
    font-weight: 600;
}
.modal-content__auth p{
    font-size: 16px;
    color: #b8b3a9;
    font-weight: 400;
    line-height: 1.4;
}
/*==============================
	Hero
==============================*/
.container {
    z-index: 2;
    position: relative;
    max-width: 1400px;
}


.hero-bg {
  position: absolute;
  inset: 0;
  background: url("/static/hero/bg_hero4.jpg") center / cover no-repeat;
  opacity: 0.95;
}
.hero {
    width: 100%;
    height: 800px;
    display: block;
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    max-width: 2300px;
    margin: 0 auto;
    z-index: 10;
}

@media (max-width: 480px) {
  .hero {
      height: 700px;
  }
}

@media (min-width: 2300px) {
  .hero::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 140px;
      height: 100%;
      pointer-events: none;
      z-index: 10;

      background: linear-gradient(
          to right,
          rgba(24, 18, 11, 0.95),
          rgba(24, 18, 11, 0)
      );
  }
}
@media (min-width: 2300px) {
  .hero::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 140px;
      height: 100%;
      pointer-events: none;
      z-index: 10;

      background: linear-gradient(
          to left,
          rgba(24, 18, 11, 0.95),
          rgba(24, 18, 11, 0)
      );
  }
}

.hero-actions-flag {
    width: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
}

.battle-line {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 120px;
    width: 100%;
    height: 800px;
}

@media (max-width: 480px) {
  .battle-line {
    height: 700px;
  }
}

.center {
  position: relative;
}

.flag {
    transform: translate(0px, -20px);
    width: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-video {
    width: 320px;
}

.side {
  position: relative;
  display: flex;
  flex-direction: column;
}

.unit-video-left-1 {
    width: 240px;
}
.unit-video-left-2 {
    width: 245px;
}
.unit-video-left-2-1 {
    width: 335px;
}
.unit-video-left-3 {
    width: 490px;
}
.side-left .unit-1 {
    transform: translate(125px, 140px);
    z-index: 2;
}
.side-left .unit-2 {
    transform: translate(-215px, -260px);
    z-index: 3;
}
.side-left .unit-1-1 {
    transform: translate(59px, -58px);
    z-index: 3;
}
.side-left .unit-2-1 {
    transform: translate(-200px, -170px);
    z-index: 4;
}
.side-left .unit-3 {
    transform: translate(-500px, -520px);
    z-index: 5;
}

.side-right .unit-1 {
    transform: translate(-195px, -33px);
    z-index: 2;
}
.side-right .unit-2 {
    transform: translate(-105px, -210px);
    z-index: 3;
}
.side-right .unit-3 {
    transform: translate(30px, -460px);
    z-index: 4;
}

.unit-video-right-1 {
    width: 240px;
}
.unit-video-right-2 {
    width: 370px;
}

.unit-video-right-3 {
    width: 570px;
}

@media (max-width: 1397px) {
    .flag {
        transform: translate(0px, -50px);
        width: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hero-video {
        width: 300px;
    }
    .unit-video-left-2 {
        width: 215px;
    }
    .side-left .unit-1-1 {
        transform: translate(100px, -58px);
        z-index: 3;
    }
    .unit-video-left-2-1 {
        width: 305px;
    }
    .side-left .unit-2-1 {
        transform: translate(-130px, -190px);
        z-index: 4;
    }
    .unit-video-left-3 {
        width: 460px;
    }
    .side-left .unit-3 {
        transform: translate(-390px, -510px);
        z-index: 5;
    }
    .unit-video-right-1 {
        width: 215px;
    }
    .side-right .unit-1 {
        transform: translate(-215px, -43px);
        z-index: 2;
    }
    .unit-video-right-2 {
        width: 340px;
    }
    .side-right .unit-2 {
        transform: translate(-135px, -230px);
        z-index: 3;
    }
    .unit-video-right-3 {
        width: 540px;
    }
    .side-right .unit-3 {
        transform: translate(-40px, -490px);
        z-index: 4;
    }
}


@media (max-width: 1129px) {
    .flag {
        transform: translate(0px, -70px);
        width: 240px;
    }
    .hero-video {
        width: 240px;
    }
    .unit-video-left-2 {
        width: 170px;
    }
    .side-left .unit-1-1 {
        transform: translate(120px, -24px);
    }
    .unit-video-left-2-1 {
        width: 240px;
    }
    .side-left .unit-2-1 {
        transform: translate(-40px, -130px);
    }
    .unit-video-left-3 {
        width: 390px;
    }
    .side-left .unit-3 {
        transform: translate(-250px, -420px);
    }
    .unit-video-right-1 {
        width: 170px;
    }
    .side-right .unit-1 {
        transform: translate(-205px, -15px);
    }
    .unit-video-right-2 {
        width: 290px;
    }
    .side-right .unit-2 {
        transform: translate(-160px, -180px);
    }
    .unit-video-right-3 {
        width: 480px;
    }
    .side-right .unit-3 {
        transform: translate(-120px, -390px);
    }
}


@media (max-width: 999px) {
    .flag {
        transform: translate(0px, -30px);
        width: 320px;
    }
    .hero-video {
        width: 320px;
    }
    .unit-video-left-2 {
        width: 240px;
    }
    .side-left .unit-1-1 {
        transform: translate(120px, -134px);
    }
    .unit-video-left-2-1 {
        display: none;
    }
    .side-left .unit-2-1 {
        display: none;
    }
    .unit-video-left-3 {
        width: 440px;
    }
    .side-left .unit-3 {
        transform: translate(-150px, -470px);
    }
    .unit-video-right-1 {
        width: 260px;
    }
    .side-right .unit-1 {
        transform: translate(-235px, -125px);
    }
    .unit-video-right-2 {
        width: 440px;
    }
    .side-right .unit-2 {
        transform: translate(-190px, -340px);
    }
    .unit-video-right-3 {
        display: none;
    }
    .side-right .unit-3 {
        display: none;
    }
}


@media (max-width: 768px) {
    .flag {
        transform: translate(0px, -40px);
        width: 260px;
    }
    .hero-video {
        width: 260px;
    }
    .unit-video-left-2 {
        width: 200px;
    }
    .side-left .unit-1-1 {
        transform: translate(140px, -104px);
    }
    .unit-video-left-2-1 {
        display: none;
    }
    .side-left .unit-2-1 {
        display: none;
    }
    .unit-video-left-3 {
        width: 340px;
    }
    .side-left .unit-3 {
        transform: translate(-60px, -370px);
    }
    .unit-video-right-1 {
        width: 210px;
    }
    .side-right .unit-1 {
        transform: translate(-235px, -105px);
    }
    .unit-video-right-2 {
        width: 340px;
    }
    .side-right .unit-2 {
        transform: translate(-190px, -260px);
    }
    .unit-video-right-3 {
        display: none;
    }
    .side-right .unit-3 {
        display: none;
    }
}


@media (max-width: 640px) {
    .flag {
        transform: translate(0px, -50px);
        width: 220px;
    }
    .hero-video {
        width: 220px;
    }
    .unit-video-left-2 {
        width: 170px;
    }
    .side-left .unit-1-1 {
        transform: translate(150px, -90px);
    }
    .unit-video-left-2-1 {
        display: none;
    }
    .side-left .unit-2-1 {
        display: none;
    }
    .unit-video-left-3 {
        width: 300px;
    }
    .side-left .unit-3 {
        transform: translate(-25px, -320px);
    }
    .unit-video-right-1 {
        width: 175px;
    }
    .side-right .unit-1 {
        transform: translate(-215px, -80px);
    }
    .unit-video-right-2 {
        width: 310px;
    }
    .side-right .unit-2 {
        transform: translate(-190px, -240px);
    }
    .unit-video-right-3 {
        display: none;
    }
    .side-right .unit-3 {
        display: none;
    }
}

@media (max-width: 540px) {
    .flag {
        transform: translate(0px, -20px);
        width: 360px;
    }
    .hero-video {
        width: 360px;
    }
    .unit-video-left-2 {
        width: 280px;
    }
    .side-left .unit-1-1 {
        transform: translate(90px, -220px);
    }
    .unit-video-left-2-1 {
        display: none;
    }
    .side-left .unit-2-1 {
        display: none;
    }
    .unit-video-left-3 {
        display: none;
    }
    .side-left .unit-3 {
        display: none;
    }
    .unit-video-right-1 {
        width: 295px;
    }
    .side-right .unit-1 {
        transform: translate(-255px, -200px);
    }
    .unit-video-right-2 {
        display: none;
    }
    .side-right .unit-2 {
        display: none;
    }
    .unit-video-right-3 {
        display: none;
    }
    .side-right .unit-3 {
        display: none;
    }
}

@media (max-width: 490px) {
    .flag {
        transform: translate(0px, -20px);
        width: 360px;
    }
    .hero-video {
        width: 360px;
    }
    .unit-video-left-2 {
        width: 275px;
    }
    .side-left .unit-1-1 {
        transform: translate(130px, -210px);
    }
    .unit-video-left-2-1 {
        display: none;
    }
    .side-left .unit-2-1 {
        display: none;
    }
    .unit-video-left-3 {
        display: none;
    }
    .side-left .unit-3 {
        display: none;
    }
    .unit-video-right-1 {
        width: 295px;
    }
    .side-right .unit-1 {
        transform: translate(-280px, -210px);
    }
    .unit-video-right-2 {
        display: none;
    }
    .side-right .unit-2 {
        display: none;
    }
    .unit-video-right-3 {
        display: none;
    }
    .side-right .unit-3 {
        display: none;
    }
}

@media (max-width: 440px) {
    .flag {
        transform: translate(0px, -20px);
        width: 360px;
    }
    .hero-video {
        width: 360px;
    }
    .unit-video-left-2 {
        width: 275px;
    }
    .side-left .unit-1-1 {
        transform: translate(140px, -210px);
    }
    .unit-video-left-2-1 {
        display: none;
    }
    .side-left .unit-2-1 {
        display: none;
    }
    .unit-video-left-3 {
        display: none;
    }
    .side-left .unit-3 {
        display: none;
    }
    .unit-video-right-1 {
        width: 295px;
    }
    .side-right .unit-1 {
        transform: translate(-300px, -210px);
    }
    .unit-video-right-2 {
        display: none;
    }
    .side-right .unit-2 {
        display: none;
    }
    .unit-video-right-3 {
        display: none;
    }
    .side-right .unit-3 {
        display: none;
    }
}

@media (max-width: 380px) {
    .flag {
        transform: translate(0px, -20px);
        width: 280px;
    }
    .hero-video {
        width: 280px;
    }
    .unit-video-left-2 {
        width: 210px;
    }
    .side-left .unit-1-1 {
        transform: translate(140px, -175px);
    }
    .unit-video-left-2-1 {
        display: none;
    }
    .side-left .unit-2-1 {
        display: none;
    }
    .unit-video-left-3 {
        display: none;
    }
    .side-left .unit-3 {
        display: none;
    }
    .unit-video-right-1 {
        width: 225px;
    }
    .side-right .unit-1 {
        transform: translate(-245px, -175px);
    }
    .unit-video-right-2 {
        display: none;
    }
    .side-right .unit-2 {
        display: none;
    }
    .unit-video-right-3 {
        display: none;
    }
    .side-right .unit-3 {
        display: none;
    }
}


.unit {
    width: 80px;
    height: 80px;
}
.banner__bar {
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 11;
    position: absolute;
}
.img_hero {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    top: -17.5%;
    z-index: 11;
}
.home-banner__place {
    max-width: 800px;
}
.home-banner__place_btn {
    position: absolute;
    top: 34px;
    max-width: 200px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.home-banner__place_btn:hover {
    transform: translateY(2px);
}

.play_animate {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 111px;
    max-width: 30px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.play_animate:hover {
    transform: translateY(2px);
}

.play_animate .pause-svg {
    display: none;
}

.play_animate.is-paused .play-svg {
    display: none;
}

.play_animate.is-paused .pause-svg {
    display: block;
}


@media (max-width: 999px) {
    .img_hero {
        top: -14.5%;
    }
    .home-banner__place {
        max-width: 700px;
    }
    .home-banner__place_btn {
        top: 30px;
        max-width: 180px;
    }
    .play_animate {
        top: 97px;
        max-width: 28px;
    }
}

@media (max-width: 531px) {
    .img_hero {
        top: -10.5%;
    }
    .home-banner__place {
        max-width: 500px;
    }
    .home-banner__place_btn {
        top: 21px;
        max-width: 121px;
    }
    .play_animate {
        top: 64px;
        max-width: 24px;
    }
}

@media (max-width: 480px) {
    .img_hero {
        top: -13.5%;
    }
    .home-banner__place {
        max-width: 570px;
    }
    .home-banner__place_btn {
        top: 24px;
        max-width: 151px;
    }
    .play_animate {
        top: 77px;
        max-width: 24px;
    }
}

@media (max-width: 390px) {
    .img_hero {
        top: -11.5%;
    }
    .home-banner__place {
        max-width: 520px;
    }
    .home-banner__place_btn {
        top: 24px;
        max-width: 151px;
    }
    .play_animate {
        top: 77px;
        max-width: 24px;
    }
}




.top-footer {
    display: flex;
}

@media (max-width: 991px) {
    .top-footer {
          display: flex;
          justify-content: space-between;
    }
}
@media (max-width: 610px) {
    .top-footer {
        flex-direction: column;
    }
}

.center-footer {
    width: 100%;
}

.social-foot-title {
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
    color: #e7e2d8;
}
@media (max-width: 610px) {
    .social-foot-title {
        display: none;
    }
}

.social-foot {
    display: flex;
    flex-direction: column;
    max-width: 243px;
}

.left-menu-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-social-link {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #e7e2d8;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-social-link:hover {
    color: #e7e2d8;
}

.faq-btn {
  color: #e7e2d8;
}
.faq-btn:hover {
  color: #e7e2d8;
}

.faq-btn svg{
    z-index: 3;
    position: relative;
    margin-right: 8px;
}
@media (max-width: 900px) {
    .faq-btn svg {
        margin-right: 0;
    }
}
.btn-social {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
}

@media (max-width: 610px) {
    .btn-social {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 20px;
        gap: 10px;
    }
}

.section_content {
    padding: 40px 0 80px;
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    margin: 0 auto;
}

.section_roadmap {
    padding: 80px 0 80px;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}
@media (max-width: 700px) {
    .section_roadmap {
        padding: 40px 0 80px;
    }
}

.footer_content {
    padding: 40px 0 80px;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}


.overflow-content {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.section-home {
    width: 100%;
    padding-top: 80px;
    background-image: url(/static/bg/bg_section.png);
    background-color: #000;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-position: 50%;
}
@media (max-width: 600px) {
    .section-home {
        position: relative;
        overflow: hidden;
        background-image: none;
    }
    .section-home::before {
        content: "";
        position: fixed;
        inset: 0;
        background: url(/static/bg/bg_section-mob.png) center / cover no-repeat;
        z-index: 1;
    }
}


.title-section {
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #f4c550;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.3;
}
.title-news_all {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
    padding-right: 16px;
}

@media (max-width: 768px) {
    .title-news_all {
        margin-top: 20px;
    }
}

.intro__content {
    display: flex;
    justify-content: space-between;
    position: relative;
    grid-gap: 60px;
    gap: 60px;
    width: 1000px;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 40px;
    align-items: center;
}

@media (max-width: 821px) {
    .intro__content {
        flex-direction: column-reverse;
        gap: 40px;
        width: 100%;
    }
}

.intro__content-description {
    position: relative;
    max-width: 400px;
    text-align: justify;
    line-height: 22.88px;
    letter-spacing: .018em;
    padding: 20px 10px;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 821px) {
    .intro__content-description {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

.intro__content-description h4{
    font-size: 24px;
    color: #f4c550;
    font-weight: 600;
    text-transform: uppercase;
}

.intro__content-description p{
    font-size: 16px;
    color: #e7e2d8;
    font-weight: 400;
    margin-top: 15px;
}

.intro__content-features {
    display: flex;
    align-items: center;
    background: rgb(0 0 0 / 40%);
    height: 46px;
    position: relative;
    border-radius: 100px;
    margin-top: 10px;
    max-width: max-content;
    padding-right: 20px;
}

.intro__content-features span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.intro__content-features span img{
    width: 50px;
}

.text-features {
    font-size: 16px;
    color: #e7e2d8;
    font-weight: 500;
    margin-left: 20px;
}

.intro__content-block {
    margin-top: 20px;
    position: relative;
}

@media (max-width: 821px) {
    .intro__content-block {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}



.news-nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 16px;
}

.switch-btn {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .15);
    background: rgba(30, 21, 11, .6);
    color: #d6d1c7;
    font-size: 22px;
    cursor: pointer;
    transition: .25s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.switch-btn:hover:not(:disabled) {
    background: rgba(60,45,25,.9);
}

.switch-btn:disabled {
    opacity: .35;
    cursor: default;
}





.intro__content-divider {
    position: absolute;
    width: 351px;
    height: 1px;
    left: 250px;
    top: 50%;
    background: linear-gradient(90deg, #2a2935, #e8db9a 22.35%, #e8db9a 73.18%, #2a2935);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (max-width: 821px) {
    .intro__content-divider {
        display: none;
    }
}

.intro__video {
    background-image: url(/static/media/youtube.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 5px;
    height: 350px;
}

.hero-layout--character {
    margin-top: 40px;
}

.hero-visual--character {
    margin: 0;
    width: 100%;
    display: flex;
    max-width: 660px;
}

.hero-image--character {
    position: relative;
    text-align: right;
    max-width: 300px;
    min-width: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.hero-image--character video{
    width: 100%;
    position: relative;
    z-index: 8;
}

.header-card--character {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.flex-hdr--charaster {
    display: flex;
    align-items: center;
    gap: 8px;
}

.svg-hdr--charaster {
    display: flex;
    width: 8px;
    height: 4px;
    align-items: center;
    justify-content: center;
}

.text-h1--charaster {
    font-size: 14px;
    font-weight: 600;
    color: #f4c550;
    display: flex;
    align-items: center;
    gap: 8px;
}

.abs_btn--attack {
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 71px;
    width: 50px;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
    border: none;
    background: none;
    transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
    animation: attack-wiggle 5s ease-in-out infinite;
}

@keyframes attack-wiggle {
    0%   { transform: translateX(-50%) rotate(0deg); }
    2%   { transform: translateX(calc(-50% - 4px)) rotate(-2deg); }
    4%   { transform: translateX(calc(-50% + 4px)) rotate(2deg); }
    6%   { transform: translateX(calc(-50% - 2px)) rotate(-1deg); }
    8%   { transform: translateX(-50%) rotate(0deg); }

    /* дальше пауза */
    100% { transform: translateX(-50%) rotate(0deg); }
}

.abs_btn--attack:hover {
      width: 52px;
      height: 52px;
}

.abs_btn--attack img {
    width: 100%;
}

.hero-video--attack { display: none; }

.abs-info--img {
    position: absolute;
    right: -25px;
    width: 80px;
    height: 80px;
    top: 120px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abs-info-speed--img {
    position: absolute;
    right: -25px;
    width: 80px;
    height: 80px;
    top: 200px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-abs--info {
    position: absolute;
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-text-stroke: 0.5px black;
    text-shadow: black 3px 2px;
    letter-spacing: 2px;
}

.hero-abs-speed--info {
    position: absolute;
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-text-stroke: 0.5px black;
    text-shadow: black 3px 2px;
    letter-spacing: 2px;
}

/* blur */
.hero-layout--character .swiper-slide {
  transition: filter .25s ease, opacity .25s ease, transform .25s ease;
}

.hero-layout--character .swiper-slide {
  max-width: 660px;
  width: 100%;
}

.hero-layout--character .swiper-slide {
  opacity: .25;
  filter: blur(5px) brightness(.7);
  transform: scale(.97);
  pointer-events: none;

}

.hero-layout--character .swiper-slide.swiper-slide-active {
  opacity: 1;
  filter: none;
  transform: scale(1);
  pointer-events: auto;
}

.hero-layout--character .swiper-slide.swiper-slide-prev,
.hero-layout--character .swiper-slide.swiper-slide-next {
  opacity: 1;
  -webkit-filter: blur(4px) brightness(.85);
  filter: blur(4px) brightness(.85);
  transform: scale(.985);
  pointer-events: auto;
}

.property-hero-content {
    margin-top: 30px;
}

.property-hero_item {
    display: flex;
    border: 1px solid #857e5b66;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
}

.abs_quest-faq {
    font-size: 11px;
    position: absolute;
    color: #bb4646;
    letter-spacing: 0.3px;
    font-weight: 600;
    right: 0;
    top: -34px;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

.abs_quest-faq span{
    border-bottom: 1px solid #f15a6d96;
}

.colunm-info_flex {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 330px;
}

.property-hero--label {
    color: #e7e2d8;
    font-size: 13px;
    font-weight: 500;
}

.property-hero--result {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.property-hero--info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.property-hero--img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    width: 40px;
    margin-right: 6px;
}

.property-hero--img img{
  width: 100%;
}

.buy--hero {
    margin-top: 12px;
    width: 100%;
    height: 46px;
    border: none;
    background: linear-gradient(rgb(79 47 19) 0%, rgb(244 197 80) 90%, rgb(181 120 28) 100%);
    border-radius: 4px;
    overflow: hidden;
    color: #e7e2d8;
    font-size: 16px;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 30%);
    font-weight: 500;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 6px 16px rgba(0, 0, 0, .25);
}

.btn--icon {
  position: relative;
}

.btn--icon span:first-child {
    display: flex;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    position: absolute;
    left: 10px;
    opacity: 0.5;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
}

.btn--icon span:nth-child(2) {
    display: flex;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    position: absolute;
    right: 10px;
    opacity: 0.5;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
}

.hero-nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 40px;
}

@media (max-width: 650px) {
  .hero-layout--character .swiper-slide {
      width: 100% !important;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .colunm-info_flex {
      margin-left: 0;
      max-width: 100%;
      margin-top: 12px;
  }
  .hero-info--character {
      height: max-content !important;
  }
}

.content-convert-price {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
}

.text-convert-price {
    color: #b8b3a9;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.3;
    text-align: right;
    width: min-content;
}

.convert-price_box {
    display: flex;
    align-items: center;
    margin-left: 12px;
    padding: 4px;
    background: rgb(0 0 0 / 70%);
    border-radius: 4px;
}

.convert-price_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 40px;
    background: transparent;
    border-radius: 4px;
    color: #e7e2d8;
}

.convert-price_btn.active {
    background: #b48b3833;
}

.convert-price_btn span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.convert-price_btn span img {
    width: 20px;
}

[x-cloak] {
  display: none !important;
}

.hero-description--character {
    z-index: 2;
    display: flex;
    margin: 0;
    max-width: 100%;
    padding: 16px;
}
@media (max-width: 1170px) {
    .hero-description--character {
        padding-right: 40px;
        width: 100%;
    }
}

@media (max-width: 951px) {
    .hero-description--character {
        padding: 16px;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .hero-description--character {
        padding: 0px;
    }
}

.hero-race--character {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}
.hero-race__name--character {
    font-size: 48px;
    font-weight: 700;
    color: #e7e2d8;
}
@media (max-width: 721px) {
    .hero-race__name--character {
        margin-top: 20px;
        font-size: 40px;
    }
}
.hero-image__background--character {
  width: 100%;
}
.hero-image_item--peasant {
    width: 50%;
    position: absolute;
    left: 50%;
    bottom: -20%;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 40%);
    mask-image: linear-gradient(to top, transparent 0%, #000 40%);
}

.heroes_content::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("/static/media/charaster/characters-background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    z-index: 0;
}

/* ЗАТЕМНЕНИЕ СВЕРХУ И СНИЗУ */
.heroes_content::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0) 25%,
        rgba(0, 0, 0, 0) 75%,
        rgba(0, 0, 0, 0.7) 100%
    );

    z-index: 1;
    pointer-events: none;
}

.after--section-top::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0) 60%
    );

    pointer-events: none;
    z-index: 1;
}

.after--section-bottom::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0) 60%
    );

    pointer-events: none;
    z-index: 1;
}



.section_content > * {
    position: relative;
    z-index: 2;
}

.hero-image_item--archer {
    width: 70%;
    position: absolute;
    left: 50%;
    bottom: -15%;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 40%);
    mask-image: linear-gradient(to top, transparent 0%, #000 40%);
}

.hero-image_item--fairy {
    width: 43%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 40%);
    mask-image: linear-gradient(to top, transparent 0%, #000 40%);
}

.hero-image_item--paladin {
    width: 63%;
    position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 40%);
    mask-image: linear-gradient(to top, transparent 0%, #000 40%);
}

.hero-image_item--elf-rider {
    width: 70%;
    position: absolute;
    left: 44%;
    bottom: -48%;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 70%);
    mask-image: linear-gradient(to top, transparent 0%, #000 70%);
}

.hero-image_item--knight-rider {
    width: 60%;
    position: absolute;
    left: 50%;
    bottom: -24%;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 70%);
    mask-image: linear-gradient(to top, transparent 0%, #000 70%);
}

.hero-image_item--war-bear {
    width: 70%;
    position: absolute;
    left: 50%;
    bottom: -30%;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 40%);
    mask-image: linear-gradient(to top, transparent 0%, #000 40%);
}

.peasant-video_item--character-right {
    position: absolute;
    bottom: 0;
    right: 5%;
    transform: translateX(-5%) scaleX(-1);
    width: 25%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}
.peasant-video_item--character-left {
    position: absolute;
    bottom: 0;
    left: 8%;
    transform: translateX(-8%);
    width: 25%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}

.archer-video_item--character-right {
    position: absolute;
    bottom: 0;
    right: 5%;
    transform: translateX(-5%) scaleX(-1);
    width: 34%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}
.archer-video_item--character-left {
    position: absolute;
    bottom: 0;
    left: 8%;
    transform: translateX(-8%);
    width: 34%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}

.fairy-video_item--character-right {
    position: absolute;
    bottom: 0;
    right: 5%;
    transform: translateX(-5%) scaleX(-1);
    width: 29%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}
.fairy-video_item--character-left {
    position: absolute;
    bottom: 0;
    left: 8%;
    transform: translateX(-8%);
    width: 29%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}

.paladin-video_item--character-right {
    position: absolute;
    bottom: 0;
    right: 5%;
    transform: translateX(-5%) scaleX(-1);
    width: 29%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}
.paladin-video_item--character-left {
    position: absolute;
    bottom: 0;
    left: 8%;
    transform: translateX(-8%);
    width: 29%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}

.elf-rider-video_item--character-right {
    position: absolute;
    bottom: 0;
    right: 5%;
    transform: translateX(-5%) scaleX(-1);
    width: 29%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}
.elf-rider-video_item--character-left {
    position: absolute;
    bottom: 0;
    left: 6%;
    transform: translateX(-8%);
    width: 29%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}


.knight-rider-video_item--character-right {
    position: absolute;
    bottom: 0;
    right: 1%;
    transform: translateX(-10%);
    width: 33%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}
.knight-rider-video_item--character-left {
    position: absolute;
    bottom: 0;
    left: 1%;
    transform: translateX(-10%) scaleX(-1);
    width: 33%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 30%);
    mask-image: linear-gradient(to top, transparent 0%, #000 30%);
}


.war-bear-video_item--character-right {
    position: absolute;
    bottom: 0;
    right: 5%;
    transform: translateX(-5%) scaleX(-1);
    width: 24%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 20%);
    mask-image: linear-gradient(to top, transparent 0%, #000 20%);
}
.war-bear-video_item--character-left {
    position: absolute;
    bottom: 0;
    left: 8%;
    transform: translateX(-8%);
    width: 24%;
    -webkit-mask-image: linear-gradient(to top, transparent 0%, #000 20%);
    mask-image: linear-gradient(to top, transparent 0%, #000 20%);
}

.hero-info--character {
    display: flex;
    flex-direction: column;
    background: rgb(7 6 5);
    border-radius: 4px;
    padding: 25px 20px 20px 20px;
    height: 443px;
}

.description-hero {
    font-size: 15px;
    font-weight: 400;
    color: #e7e2d8;
}


[x-cloak] {
  display: none !important;
}

.hero-race__rate--character {
    font-size: 24px;
    font-weight: 500;
    color: #e7e2d8;
}
.hero-block--character {
    display: flex;
    gap: 30px;
    align-items: center;
}
@media (max-width: 1170px) {
    .hero-block--character {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        flex-direction: column;
    }
}
@media (max-width: 951px) {
    .hero-block--character {
        display: flex;
        gap: 40px;
        align-items: center;
        flex-direction: row;
    }
}
@media (max-width: 721px) {
    .hero-block--character {
        display: flex;
        gap: 20px;
        align-items: flex-start;
        flex-direction: column;
    }
}
.hero-bio--character {
    color: #e7e2d8;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin: 35px 0 20px;
    text-align: justify;
    height: 220px;
    display: flex;
    align-items: center;
    flex-basis: 50%;
}
@media (max-width: 1170px) {
    .hero-bio--character {
        margin: 0;
        height: max-content;
        flex-basis: 100%;
        width: 100%;
    }
}


.hero-info-item--character {
    padding: 8px 5px;
    margin-top: 8px;
    background: linear-gradient(90deg, #3a3a3a, rgba(54, 54, 54, 0));
    border-radius: 6px;
    display: flex;
    position: relative;
    align-items: center;
}
@media (max-width: 1170px) {
    .hero-info-item--character {
        width: 100%;
    }
}
.hero-info-item--character span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 20px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 1170px) {
    .hero-bio__text--character {
        margin: 0;
    }
}
.hero-info__icon--character {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    margin-left: 5px;
}
.hero-info__name--character {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
}
.hero-info__name--character h6 {
    font-size: 14px;
    color: #b8b3a9;
    font-weight: 400;
    margin-bottom: 2px;
}
.hero-info__name--character p {
    font-size: 16px;
    color: #e7e2d8;
    font-weight: 500;
    margin-bottom: 0;
}
.btn-content-character {
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 951px) {
    .btn-content-character {
        margin-top: 0;
        display: flex;
        justify-content: flex-start;
        top: -40px;
        position: relative;
    }
}
@media (max-width: 721px) {
    .btn-content-character {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        top: 0;
    }
}
.buy-character {
    margin-right: 15px;
    min-width: 160px;
    display: flex;
    padding: 6px 10px;
    background: linear-gradient(180deg, #d19a2a 0%, #b67c17 100%);
    border-radius: 4px;
    height: 40px;
    color: #e7e2d8;
    position: relative;
    overflow: hidden;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
    font-weight: 500;
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 6px 16px rgba(0, 0, 0, .25);
    align-items: center;
    justify-content: center;
}
.about-character {
    min-width: 140px;
    padding: 4px 20px;
    color: #e7e2d8;
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-character:hover {
    color: #e7e2d8;
}


.btn_news_all {
    font-size: 14px;
    color: #e7e2d8;
    text-decoration: underline;
    text-underline-offset: 4px;
    font-weight: 500;
}
.btn_news_all:hover {
    color: #f4c550;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}
.block_news {

}
.news-img {
    height: auto;
    max-width: 361px;
    width: 100%;
    box-shadow: rgb(0 0 0 / 70%) 4px 4px 4px 0px;
    border: 1px solid #000;
    border-radius: 8px;
    transition: all 0.3s ease-out;
}
.title_news-block {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.title_news-block h3 {
    text-align: start;
    font-size: 18px;
    color: #e7e2d8;
    margin-bottom: 4px;
    font-weight: 600;
}

.title_news-block h4 {
    text-align: start;
    font-size: 12px;
    color: #e7e2d8;
    font-weight: 400;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.title_news-block p {
    text-align: start;
    font-size: 14px;
    color: #b8b3a9;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_item {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 361px;
    width: 100%;
    transition: all 0.3s ease;
}

.news_item:hover .news-img {
    border: 1px solid #f4c550;
    box-shadow: 0 0 8px 4px rgb(208 197 80 / 35%);
}

.news_item:hover .title_news-block h3 {
    color: #e7e2d8;
}

.news_item:hover {
    transform: translateY(-2px);
}

.absolute_date {
    position: absolute;
    background: rgb(24 18 11 / 60%);
    color: #e7e2d8;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 6px;
    top: 10px;
    left: 10px;
}

.container_title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subtitle-section {
    font-size: 16px;
    color: #e7e2d8;
    font-weight: 400;
    text-align: center;
    margin-top: 4px;
    width: 100%;
    max-width: 600px;
}

.heroes__divider {
    height: 1px;
    background-image: linear-gradient(90deg, rgba(255, 239, 160, 0), #fff0a5, rgba(255, 239, 160, 0));
    z-index: 2;
    position: relative;
}

.jss11 {
    margin-top: 32px;
}

.jss12 {
    display: flex;
    margin-top: 16px;
    align-items: center;
    margin-bottom: 16px;
    justify-content: center;
}

.heroes__thumbnail-icon {
    border: 2px solid transparent;
    height: 90px !important;
    width: 90px !important;
    margin: 4px 12px;
    cursor: pointer;
    transition: all .1s;
    opacity: .7 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABRCAYAAACqj0o2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABJnSURBVHgB7V1bUBxXej7ndM+FuXJHaGYkJCPZBmxvvCYSaOPYXi8r4jiu8kV2ap+8sfS6W0HPqlrn1aSiqlRtauWKn1Kx5ZKr7DzosnK8diKQil2t7QVZXiFhMQPiImCYKzPdfc5+fw9ghACh+4X5imF6pnu6+3zz385/zvmHs7uI+vr6gMPBIpplNllKNQrOI4qpiOAiqBgLMq78THLOOFN4cK7UIJ6jiokEs1RUaSommOrtPXuxi91FcHaH0fTIQ61MsFYQ0gpeGkFaAG+r729ndpOe+NztqQVnWHwMnpTiQDdT8ojg+omvvunvY3cQd4TEbZC4rFPtQWtfR2NDCy6vDNO00tlcPpc38iRv0pKS7krTBLcsqRadSuF9Qe8LiKu3pMTp0DXd5XLoOBXJK/2BehVlih+x8uxA7/nzUXabcVtJ/EETpE6yvWjVdgbxw58iAqamk+lczjRIQ11up6PE5XDgySHADKmt/WGbPomHUPMix2b3QnzBtZoxjHwO/2Zm8ibeYl6v2+lxu1xOXdcLd6Ag8Kob133ny97zt03lbwuJzU2PtFrMAnl8u1JEhZRT8WQ6lcnlXCAr4Pe4PSUuJ5MLr6+IoGkcn8Cbg/hUTC46r2AijGOC2IyAsyBJ8uwORSdKZWfy8el0RkGAfSC0LOjzYJsz26jKIRy+749/On+Y3WLcUhKbmx6KSE3bj5NupwZa0M3xiQSkzshXVgT9Xg+IU4VrQnISkJJeLnm3ElZfXrK+3t7Vqx45JX8JI2e0g64H8ncwUSCVzCSZiDSujEubNZWlAXx3OkkrvrijQln7enpvnZrfMhKbH39kLzTvn2kbKisvT04nLdxzVVnA63BoWsFUqQQa0cWZdYBnWd+p/v4Eu0Uguys9qpUxfSda9ToJn8AXOWOY1ujlqSSZiqrygA9GVLe/SMU7e74++w67BbhpEpubmyKaabyH+2ogmsYmEqlUZiYfrikPktVXti6pKLTqoEibB24lccveU1NThGlWK2KiDtxTmO4rnzetiXg643RqWgWpOamKkkPKYb3c03NzUnlTJLY82bAHtgY3yv25vGkMj00lq8r9Hl+J28Xsm2RRmMPOk199e5DdJWx/4tHXoSEdXPAwXqqJeCpzeTKZ2RSuKsWX7GBkViTrPPnl2QPsBnHDJLb8sGEvPkzftByZmE5JRMs1lQEfIhAyTElmys6um7ixW43WJx/ZjSB9txAsnDMMc+xyMk1SWVMR9GI3hy/61+4/nLkh9dbYDaC1uWG/xvlbkEA1PBZPUOxWW1XqE2R4uDia5zM/P3X63GfsHkL00uXTteGaI0KpIKzMY0G/x5WB85mMp7OlAY8LN94aDlVtiA6PH2HXieuSxPZt9YG0cn2EzQYDzuNCbGwqUlPhL/E4HEryJPS38/96+u4Z6VsOf9PcuJsJ0YHG+3O5vHVx+HJ8w/rKUjcCTHjwMz6ef/nwqdXbbsGuA1nu+gjS15A3TbP/u5GJTaHqoLfE6YQXjOlcPH8/EEig+4T+/gSmaMiN3k5dpLp0IDo2lTelKbjWkOa2oKwaq1bnZ7c/vh/G+Zm8YZn9F0entm6qLXO7EC4I3uuRMy8eP/XNOLuPcHF4LLGxtvoITFGrQxfrglBpCMZUacCL/pNWszFUveFibGxVqr0qEp9reZy6bruJwHO40MOb15dRfxWB8hG3zPz8ekT/XgIRWV8T/oTpaouua1vLQOSfBy5NVZYHSjRNa4IH5wOxsWt2F69pE3/c8sQeUP0r9MnUN+eGJjZvrA6SCsAbH/2066s32QOCH+944j2YqrYZSMr5wbF4Y32oAvZRcCn3He/604pmakWb2PZ0c0RovEMXQsFmxOvraoIeWF9IZa/TSv+CPUDgJfovEXGcQc9U2xyq9EeHLycQdCBbpHUQDyt99hqOxfwIUYs/NjqVLClx6cgZkPojujf/6X5V4eVw/Pgfpi2XeJWcjQ/eUkdSaWg0nuKaCHBu/udKn12WxPZnfrgXKb0Q8nwmevEyUlvuxdFJxYxXj33Re9tzdHcDRCTa9wqi3eSG9eU+icRdPmfAY4vGNvCx3OeWJPGltuYI9UYgheqbC8PxjaEKL7ohCK1l54NK4Bzs9iHepfzZhnXlvgGoNXo5Sues46Vl1HpJEk1D/gv13kbG45lwTRlSfy5kjtnBw59/eV/EgTeLw5+fPkA9LwdUmtofG5lKQxqVqcv9Sx1/FYkvtj3VjtipDVpsIqlghWrKSmAnoqYlOtkagqGzfSAnWR70upAamIFqSzia7S8819y6+NirSIQ/ehv9SMRQE6lQTbmHesN4+e6xL3oeaDVejGPH0F7OOqn9jQ+FSwcvTaZo9MKhsY7Fx15B4kttLa04MDxD/TrLUp4Sp4b4MPrJ8Z41ocaLQe2GWseIB9MkN4MMARet8BlXSOMVJGpMIb0lFHoliYfrav0khIg215QaLwYcaifxsDlS5b04dDnF4WQ0pl3hqedJfKPtaQTWrAVhjfJ5XLq3xAUpZNFDR3vuWkL1XsBHx05+gMRtzOt2afFUNi8tJomn9vZtgblj5kmUen4P5E7FRicz6Du6IIJcCbWmpXAOcLQfkGfYWlfjGxqbzKAXozxM7JnbP08iCNwJKWSX46lcVbnPiU3mMK1uVgRTudy7cK7JyjKfC0MLOXCjdI3vmttvk/iPLz7biKxFKIvonBdAo0sH3z+2tjzycvgQPRko5gmKWrwet0YTByB0kTdeaLEdjE0iZzM7aNrL5HQqtylc6SFDiszvdafJH2QoTbxL0oW42T04PJkh3wGOFpAoHDthA9n4RBKq7HcSocLw39WZVvcaLKezD14igdEQFwYMDYoZQeT3JOJFC4kqMa3Zqsy7/uvw4QcqS3Oz+PDD49NQ4b6CqaNEI1fgqvFn7e0B8eYrz7XSjkQ6ky8v9eq2ixGs6FCWAPrPXaSlFQGvI5s1LBAV0PVEREhlNmkIILMZ0ywPeJzkoTWNF1V5Ceia1ofMFisv8znG48kc2UXhcDTRUHGEJHF0Mp4vK/U5iOlcynNHJ0neL5Ca0UcpMoxTO+LJlGmrtuCNiBtFGEMADEML0kWZf84TRXu4NN57/4so8YMxJnsiJeVb0S+MUJIiCCvI3E6HHdngUYwNVwDsYoJ4yuctiyIa0mSatRshz4z8IXkb8tTTrIhlwTUWJb9BcQ3xBS0OUAI7TO56bp4vtmOsiGWBDE6UmMIIv625muJBneIZQRMwaUo1tqVkRawEe+o5Z0j8S9JgpWkBfTbIZvacckF/RawEyJmts0QZpwFkCJ1ecCakxowVXLZiRSwP0tbZSed2ooZeCJqtj4dy6DptF1Y9FLE8YO+kKggaPSn8Exg2oFn83DAMCS6VxVmYFbEsQFJEWfY6BEUE0pRqeBKVsGz6mJLYKS1rAytiWYCrgASFNKmf+LIsGRNKykFiVNc1IQvMBlgRywJ8RYgvmj1GuVml5LQAszEpCyu/kNhWMImBt372TFGll8Ce154PEj8zOVM6HZpGEgnConAmvBfsstKgzzEZT2M0C7vyWhMr4iooTTaSIcQIgFFTXuokrkymosLQZS+kkVcjYzsZT5kFY6kaWRFXwTJlC2ntRDxteDxOnXhTFusTLlOL4f1EidupTcRTBoQSEqpaWRFXAaFhKzkT4snvdTugwfy9Q//bJX6DtLeUss9CUsJeEUr9PkvaaW9WxDxeI3soZYsir0EJMEgetk7QPruXBxHtIjUO+j362FQyZ8F4cme6aBcXwGWaLeRIRjGYV10RcNqRjCntEVGbRJOxLgSQvC5U6YmNTObsKJKpt1gR30PJnZA+NRAbz1RgEN8CX4hl7GEUm8T3P/6iCz2XGPJiWiozYxDLeLQWVbqAN156OgJt3UVOhVan0uoJbET/+39O2MMo80kbqPoHpOdV5QF7qgReB6SY3s2KoAXcrcTNOExdZZnfRd0+U8r5yQ3zJFq5mQM0/S5cU+45991IWlI/mrFdrAg4ENVBfIxNJPOhmjKPhQyDMPLzczbnSaT5JmC7m1Q64CtxpLMIy9HZ3vV3O9Y0ka+173hdWixMfGSyeYtMnWWx7oXzlK7IweYt8x1yKXWhKu+FwbE0ORi49Q62hgHt7CAezp4fTm6pW+dHloab0rxiXfQVJH58rKdLKtmNwRcNENlczrSUCv/DT7evSdv4ctu2PRCjcDabN3VkaFxOTYckRomnhcddNRoAEjsRlXNau9L75yHKNVJk2UFrW9gaArUXhL1F3bfBkYlsXajCR2GNxdS+xcdeRSKxDOnrxtiLVh7wOien0/DUyo+OzK/YGgK8agdIDMXGJjMU0thFQZQ68snRnqumHC45LpXX2C+I9dC6Cv/gpYmMYVjU29n59881rwm1fuHZp/ZIznYhZDajlyazNRWlHiRfec5g+5Y6fsn1zufPDyfq66qpdkxrwOd2REenUrQWGAHmk/V1kY/7vxt6YKeZkBojw/VryKITzjW5ZdO6AAbrqTRN59HPf7/kxNcV1zvvfObJ4zikYWhkMkmReri2zCskjymP/pPDh089cETaS5OFdQiBYWgISQQayAutK/PBLcSOfH76r5f73IrDzFLm30TiMbm+usxvIhueSuUoJx6WmfyhhUsQHgRQe2hJLsxWKGsYZnYmr2qrS32UJpQq/8pKn12RRFpxCZ1+x0JsFFlfERiIjiVmCmMIDWYy92/sAYKZMPbDeTaAPLN/YGR6U6Q6CIHheFxzZe01a0CcHxw5XRep5RDL1rKg33WmPzZV6vciYhJbN2+oaXq41v9Z/9Bkjt2nIAncWFP1H4jj2nIQkLMXhuNbNtWWU3SCqKTz0xNf/fu1zrGqQhoD0ZGuulDNBgz4P1aKsOfbgeF4kIgUYqslnM9GNlX97uLFsfvORra31wdm4vwQPMN20rBvBy7Ft25eX4YxKAfs4MHPTn69bzXnua7iQn+77fFPOVcNecM0vqWqJHW1pVTxEbtiGH949Yue+2dB+dPNTRGh80PoSoQMNAjtiT+8qdYmkHPZ97uTfc+v9lzXNX/JYTpeht04o+NCWzZWl12Ijk7TAiLqGirOfmtXProP8KNtj+3hnP8WTiOUzeTyF2Jj049sqq3UhYAEyr4SlXv5es53QwXXftTctB9xFGV3ZPTSRJyksboq6JutS3gQ30znvSiVJH3otr2NRrdRw0cx4mTijVBNaUDZxTHVwf/vOXPdVVZuqODa4PDYkUhtFdVr3YFxGTdlwyen0lm320X1dB/DzewMh6p5dHj8NLtH0PJUwx7c168Z5w2maclL4/EUF0KsqwpSl5aq1nV2/f7MqmzgYtxU/UQqp4ehV6re5Kd15gPR8ThVN6oo9XlYocxrFOrRefL0Xayf+OSjr3PGkc5TdlVlfOG5iXgyU1tdFnDqDh2CkBRKvdN1N+onzoGqZnLdoEJsdpHHyUQqnc9ZFgZzqH6zbtfAppLNnHVamtl9s1UzV4Nt2+oDLKfD7rFdGNa0p1NTTYvY8MS031/iRorfx2g9uOR9ysq/ebP1ZW9dTdkfbNnLlOigwi+4X3N8IplCkK5qK0t9ukPTF1zrILpVR0SJ1XXq1C2uKevTm2CXd4OeFrzlp0uauJkxpKI0oYmqioBd4xGZfnyvsrPn63P3Rk3ZhbCrG3MNhpvvpLLNVIh8dDyecDocmtfjdno9Lpd9IJWGLpTP7kZzuoQlusWM2Xs99WbpWkzqjUyXTZB1kMYbmV09vlDhOJ2dyVF9W6/b5STJA4c0IZ1mCndxKX95T1Y3Xoi/euyhdq60t9EoW8XpMtPJdCaVnsnR3NyygN9DxXbmPzBbNpqWGNp1aJkiMmcbaRcsnzsSiWEewXEBnDRg1zAXTM1V0Sfikin8y5sW/J2rNODz2PP6qWg5410YCO68HUXL70DFd7FXcdnCqalcMESVVCY/l8kUCKXi5Wivg541WspAWBC9KrngRun92dcWxAq9DCOLQBXdNYPNVo9HIpnWawvJCmX08e/+rPi+GE1QPeTVKRBvxwXtuY+cF+QHRFD1Zgtk4ElKXUd/wVKLZ45zaKPAbqT6GNdFgWyXy+Hwlrjs3x+Y+92BwrlVFE7jYMbkv+m/AyWp7wiJC/H4ow81QWVbIZg/RbN3zJe+57bOFZjl9k9b2NHv7D4+q7SFxcZq4f3bvzKSwFu9jKSOia7es+fv6CrZO07iYtBPi0jLauIC9lOJDfTTIpx+l0XZvy/A5n7XAn+0XG7arhrPRNQugK6rPvQX+gxjarC/f/KuJUD+Atk+CxMMmHJmAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 521px) {
    .heroes__thumbnail-icon {
      height: 64px !important;
      width: 64px !important;
    }
}

.heroes__thumbnail-icon img {
  width: 60px;
}
@media (max-width: 521px) {
    .heroes__thumbnail-icon img {
        width: 45px;
    }
}

.heroes__thumbnail-icon.active {
    background-image: url(data:image/png;base64,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);
    opacity: 1 !important;
    height: 94px !important;
    width: 94px !important;
    padding-left: 3px;
    margin: 0 12px;
}

@media (max-width: 521px) {
    .heroes__thumbnail-icon.active {
        height: 64px !important;
        width: 64px !important;
        margin: 4px 12px;
    }
}

.MuiAvatar-root {
    display: flex;
    overflow: hidden;
    position: relative;
    font-size: 1.25rem;
    align-items: center;
    flex-shrink: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    line-height: 1;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
}




.heroes__thumbnail {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 65%;
        max-width: 65%;
    }
}
.info__stake__content {
    font-size: 14px;
    color: #888888;
    text-align: center;
    margin-top: 32px;
}
.banner__bg {
    background-size: cover;
    background-position: bottom center;
    margin-bottom: 135px;
    position: absolute;
    height: 780px;
    width: 100%;
    overflow: hidden;
    top: 0;
}
@media (max-width: 576px) {
    .banner__bg {
        height: 680px;
    }
}
@media (max-width: 516px) {
    .banner__bg {
        height: 720px;
    }
}
@media (max-width: 430px) {
    .banner__bg {
        height: 745px;
    }
}
@media (max-width: 576px) {
    .col-md-8 {
        padding: 0 !important;
    }
}
@media (max-width: 576px) {
    .section__title h2 {
        padding: 0 !important;
    }
}

.banner__bg-hidden {
  height: calc(100% - 150px);
  overflow: hidden;
}
.section__bg-hidden {
    position: absolute;
    width: max-content;
    height: max-content;
    pointer-events: none;
    left: 0;
    top: 0;
}
.hero__title {
  font-size: 32px;
  line-height: 48px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
  margin-bottom: 0;
}
.hero__title strong,
.hero__title b {
  font-weight: 600;
}
.hero__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 16px;
  margin-top: 15px;
}
.hero__text a {
  color: #fff;
  border-bottom: 2px solid #a034fa;
}
.hero__text a:hover {
  border-color: transparent;
}
.hero__text strong,
.hero__text b {
  font-weight: 500;
}
.hero__btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-top: 40px;
}
.hero__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: calc(50% - 15px);
  border-radius: 100px;
  border: 1px solid #ffcc66;
  background: #ffcc66;
  font-size: 14px;
  height: 50px;
  color: #151515;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  margin-right: 16px;
}
@media (max-width: 576px) {
  .hero__btn {
      height: 42px;
  }
}
@media (max-width: 576px) {
  .hero__btns {
      justify-content: center;
      width: 100%;
  }
}
.hero__btn--light {
  background: transparent;
  color: #fff;
  border: 1px solid #363636;
  margin-right: 0;
}

.hero__btn:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #151515;
}
.hero__btn--light:hover {
  background: #fff;
}

.hero__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 630px;
}
.hero__content--second {
  margin-top: 60px;
}
@media (min-width: 576px) {
  .hero__title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 576px) {
  .hero__title {
    font-size: 40px;
    line-height: 52px;
  }
}

@media (min-width: 768px) {
  .hero__title {
    font-size: 48px;
    line-height: 58px;
  }
  .hero__text {
    font-size: 18px;
    line-height: 30px;
  }
  .hero__btns {
    margin-top: 50px;
  }
  .hero__content--second {
    margin-top: 70px;
  }
}
@media (min-width: 992px) {
  .hero__content--second {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .hero__title {
    font-size: 50px;
    line-height: 60px;
  }
  .hero__content--second {
    margin-top: 0;
  }
}
.home-hero {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner__content {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.banner__content .sub-title {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffcc66;
    border: 1px solid #363636;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 6px 10px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .banner__content .sub-title {
        font-size: 12px;
    }
}
.banner__shape img {
    position: absolute;
    z-index: -1;
}
.banner__shape img {
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
@media (max-width: 1199.98px) {
    .banner__shape img {
        width: 60%;
        top: 60px;
    }
}
@media (max-width: 747px) {
    .banner__shape img {
        width: 80%;
        top: 80px;
    }
}
@media (max-width: 576px) {
    .banner__shape img {
        width: 90%;
        top: 90px;
    }
}

@keyframes alltuchtopdown {
  0% {
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    transform: rotateX(0deg) translateY(0px);
  }
}

.alltuchtopdown {
  animation: alltuchtopdown 3s ease-in-out infinite alternate;
}

.btns_company {
    margin-top: 16px;
    width: max-content;
}
.about__banner {
   align-items: flex-start !important;
}
.btn_company {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.btn_company:hover {
    color: #ffcc66;
    text-decoration: underline;
}
.btn_company span {
    margin-left: 4px;
}
.hero__links {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 64px;
}
@media (max-width: 576px) {
    .hero__links {
        margin-top: 48px;
    }
}
.link-btns {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  transition: color 0.3s ease-in-out;
  margin-left: 8px;
  margin-right: 8px;
}
.link-btns:hover {
  color: #ffcc66 !important;
}

.hero__links-content {
    width: 130px;
    height: 80px;
    background: linear-gradient(135deg, #222325 0%, rgba(21, 21, 21, 0) 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    line-height: 0;
    margin-bottom: 5px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #363636;
}

.hero__links-title {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}
.abs-svg {
  position: absolute;
  top: 0;
  right: 0;
}
.brand__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand__area {
    padding: 40px 0px 0;
    position: relative;
    z-index: -1;
}
.brand__item-wrap {
    position: relative;
}
.brand__item-wrap::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 380px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgb(21, 21, 21) 0%, rgba(21, 21, 21, 0) 100%);
}
.brand__item-wrap::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 380px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(21, 21, 21, 0) 0%, rgb(21, 21, 21) 100%);
}

.select__auth {
    margin-top: 24px;
    width: 100%;
}
.select__auth-item {
    width: 100%;
    margin-bottom: 10px;
}
.select__auth-item a {
    background: linear-gradient(180deg, #4c321cc2, #2f1f129e);
    color: #e7e2d8;
    border-radius: 6px;
    text-decoration: none;
    width: 100%;
    border: none;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), 0 6px 16px rgb(0 0 0 / 15%);
}
.select__auth-item a:hover {
   color: #e7e2d8;
}
.select__auth-item svg {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
/*==============================
	Section
==============================*/
.features__shape {
    position: absolute;
    left: 50%;
    top: -28%;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
}

.section {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 576px) {
    .section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.section-bg {
  position: relative;
  padding: 100px 0;
  background: #20202045;
}
.section--head {
  margin-top: 80px;
  padding: 60px 0 20px;
}
.title__box {
  display: flex;
  flex-direction: column;
}
.section--pb {
  padding-bottom: 26px;
}
.section--content {
  padding: 0;
}
.section__title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.section__title h1,
.section__title h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 16px;
  text-align: center;
  position: relative;
  width: auto;
}
.section__title h3 {
    font-size: 16px;
    color: #d0d0d0;
    text-align: center;
    line-height: 1.6;
    margin-top: 4px;
}
@media (max-width: 600px) {
    .section__title h3 {
        font-size: 14px;
    }
}
.section__title h3 b {
    font-weight: 600;
    color: #fff;
}
.about__wrap-inner {
    height: 100%;
    border: 1px solid #363636;
    border-radius: 16px;
    background: #202020;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.container-about {
  display: flex;
  align-items: center;
}
@media (max-width: 869px) {
    .container-about {
        flex-direction: column;
    }
}
.about__content {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 992px) {
    .about__content {
        flex: 0 0 auto;
        width: 55%;
    }
}
@media (max-width: 869px) {
    .about__content {
        margin-bottom: 32px;
    }
}
.about__content2 {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 992px) {
    .about__content2 {
        flex: 0 0 auto;
        width: 45%;
    }
}
.about__divider {
    padding: 0;
    height: 1px;
    background: #363636;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.foot__about-btn {
    margin-top: 16px;
}
.btn__license {
    background: #ffcc66;
    color: #151515;
    padding: 3px 32px;
    border-radius: 100px;
    height: 42px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
}
.btn__license:hover {
    background: #fff;
    color: #151515;
}

.desktop__about {
    text-align: start;
}
.desktop__about-title {
    text-align: start !important;
    padding: 0 32px 0 0 !important;
    width: 100% !important;
}
.desktop__about-title span {
    background: linear-gradient(45deg, #ffffffd9, #ffffff4d) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}
.header__about-subtitle {
    font-size: 14px;
    color: #888888;
    margin-top: 8px;
    font-weight: 300;
}
.head__about {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.foot__about {
  padding: 24px;
  position: relative;
}
.header__about-title {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.header__about-title span {
    font-size: 14px;
    font-weight: 400;
    color: #c9c9c9;
    margin-left: 4px;
}

.section__title p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: #d0d0d0;
  margin-bottom: 16px;
  text-align: center;
}
.section__title p a {
  color: #fff;
  border-bottom: 2px solid #a034fa;
}
.section__title p a:hover {
  border-color: transparent;
}
.section__canvas {
  position: absolute;
  top: 0;
  right: 40px;
  left: 40px;
  bottom: -24px;
  width: auto;
  max-width: none;
  padding: 0;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
  opacity: 0.25;
}
.section__canvas--full {
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: 0;
}
.section__tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
  border: none;
  margin-bottom: 16px;
  margin-top: 24px;
}
.section__tabs li {
  margin-right: 25px;
}
.section__tabs li:last-child {
  margin-right: 0;
}
.section__tabs button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #d0d0d0;
  position: relative;
  font-size: 14px;
  height: 40px;
  font-weight: 400;
  white-space: nowrap;
}
.section__tabs button:hover {
  color: #fff;
}
.section__tabs button:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  display: block;
  background: #ffcc66;
  box-shadow: none;
  transition: 0.5s ease;
  border-radius: 3px 3px 0 0;
}
.section__tabs button.active {
  color: #fff;
}
.section__tabs button.active:before {
  height: 2px;
}
.section__tabs--big {
  justify-content: flex-start;
}
.section__tabs--left {
  justify-content: flex-start;
  margin-top: 0;
}
.section__btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
}
.section__btns--two {
  justify-content: space-between;
}
.section__btns--two .section__btn {
  width: calc(50% - 15px);
}
.section__btns--mt {
  margin-top: 10px;
}
.section__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}
.section__btn--light {
  background: transparent;
}
.section__btn:before,
.section__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.section__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.section__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.section__btn:hover {
  border-color: #a034fa;
}
.section__btn:hover:before {
  left: 15px;
}
.section__btn:hover:after {
  right: 15px;
}
.section__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding: 40px 20px;
  position: relative;
}
@media (min-width: 414px) {
  .section__tabs button {
    font-size: 16px;
  }
}
@media (min-width: 576px) {
  .section__tabs li {
    margin-right: 30px;
  }
  .section__tabs li:last-child {
    margin-right: 0;
  }
  .section__tabs--big {
    justify-content: center;
  }
  .section__btns--two {
    justify-content: center;
  }
  .section__btns--two .section__btn {
    width: 200px;
    margin: 0 15px;
  }
  .section__btn {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .section--head {
    padding: 70px 0 30px;
  }
  .section--pb {
    padding-bottom: 26px;
  }
  .section--content {
    padding: 0;
  }
  .section__title h1,
  .section__title h2 {
    font-size: 44px;
    line-height: 50px;
  }
  .section__btns {
    margin-top: 50px;
  }
  .section__btns--two .section__btn {
    margin: 0 20px;
  }
  .section__btns--mt {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .section--head {
    padding: 70px 0 30px;
  }
  .section__canvas {
    top: 50px;
    right: -15px;
    left: -15px;
    bottom: 50px;
  }
  .section__canvas--page {
    top: 74px;
  }
  .section__canvas--full {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  .section__tabs-profile {
    position: relative;
  }
  .section__tabs--profile {
    flex-direction: column;
    justify-content: flex-start;
    overflow-x: visible;
    width: 100%;
    margin-bottom: 0;
    margin-top: 24px;
    border-radius: 10px;
    border: 2px solid rgba(255,255,255,0.05);
    background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    padding: 50px 45px;
    z-index: 2;
  }
  .section__tabs--profile li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 22px;
    position: relative;
    width: 100%;
  }
  .section__tabs--profile li:before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
  }
  .section__tabs--profile li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .section__tabs--profile li:last-child:before {
    display: none;
  }
  .section__tabs--profile button {
    padding: 0 14px;
    height: 36px;
  }
  .section__tabs--profile button:before {
    width: 4px;
    height: 4px;
    right: auto;
    bottom: 50%;
    border-radius: 50%;
    left: 0;
    margin-bottom: -2px;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .section__tabs--profile button:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    bottom: 50%;
    border-radius: 50%;
    right: 0;
    margin-bottom: -2px;
    background-color: #a034fa;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .section__tabs--profile button.active:before {
    height: 4px;
  }
  .section__tabs--profile button.active:before,
  .section__tabs--profile button.active:after {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .section--head {
    padding: 70px 0 30px;
  }
  .section--pb {
    padding-bottom: 26px;
  }
  .section--content {
    padding: 0;
  }
  .section__tabs li {
    margin-right: 44px;
  }
  .section__tabs li:last-child {
    margin-right: 0;
  }
  .section__tabs--profile li {
    margin-right: 0;
  }
}
.stake-swiper {
  padding-top: 60px;
}
.stake-swiper .swiper-slide {
  max-width: 340px;
}
.stake__content {
    max-width: 340px;
    background: linear-gradient(135deg, #222325 0%, rgba(21, 21, 21, 0) 100%);
    border: 1px solid #363636;
    border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 32px 20px 20px 20px;
    transition: border 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.stake__content:hover {
    border: 1px solid #ffcc66;
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(255, 204, 102, 0.13);
}
.header__stake-title {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    background: linear-gradient(45deg, #fff, #ffcc66);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.header__stake-subtitle {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}
.header__stake-subtitle span {
    color: #888888;
    font-size: 16px;
    font-weight: 600;
}
.stars__stake-info {
    font-size: 12px;
    line-height: 1.23;
    color: #888888;
    width: 80%;
}
.item__stake-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.list__stake-info {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}
.list__stake-info svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.list__stake-info1 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}
.list__stake-info1 svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.list__stake-info1 span {
    color: #888888;
    font-size: 14px;
    margin-left: 4px;
}
.stake__info {
  margin-top: 30px;
}
.btn__stake-content {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn__stake {
    color: #151515;
    background: #ffcc66;
    padding: 8px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}
.btn__stake:hover {
    color: #151515;
    background: #fff;
}
.amount__stake-content {
  margin-top: 32px;
}
.amount__stake-title {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin-bottom: 16px;
}
.title__about-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}
.title__about-info h2{
    padding: 0;
    text-align: start;
    width: 100%;
}
.title__about-info p {
    font-size: 14px;
    font-weight: 400;
    color: #d0d0d0;
    margin-bottom: 6px;
    line-height: 1.73;
    text-align: start;
    padding-right: 64px;
    width: 100%;
    max-width: 660px;
}
@media screen and (max-width: 869px) {
    .title__about-info p {
        max-width: 100%;
    }
}
.title__about-info p b{
    font-weight: 600;
}
.features__shape1 {
  left: 60% !important;
  z-index: 1 !important;
}
.content__work {
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
.content__work-block {
    width: 100%;
    max-width: 320px;
    background: #202020;
    border: 1px solid #303030;
    border-radius: 10px;
    padding: 24px;
    height: max-content;
    position: relative;
}
@media screen and (max-width: 576px) {
    .content__work-block {
        max-width: 100%;
    }
}
.content__work-img {
    display: flex;
    justify-content: center;
}
.content__work-img img {
    width: 100%;
    max-width: 110px;
}
.content__work-title {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-top: 16px;
}
.content__work-subtitle {
    font-size: 14px;
    font-weight: 300;
    color: #888888;
    text-align: center;
    margin-top: 8px;
}
.abs_step {
    position: absolute;
    font-size: 24px;
    color: #ffcc66;
    font-weight: 700;
    top: 12px;
    right: 16px;
}
.section-stat {
  position: relative;
  padding-top: 100px;
}
.roadmap__content {
    margin-top: 64px;
}
.roadmap-title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 45px;
    margin-left: 14px;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    color: #fff;
}
.roadmap__content-item {
    border: 1px solid #303030;
    border-radius: 12px;
    background: #202020;
    max-width: 370px;
    width: 100%;
    padding: 24px;
}
.roadmap__content-title {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.roadmap__content-title span {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    border-radius: 100px;
    border: 6px solid #363636;
    margin-right: 24px;
    position: relative;
    background: linear-gradient(135deg, #000000 5%, #21c763 95%);
}
.roadmap__content-subtitle {
    font-size: 14px;
    color: #888888;
    font-weight: 300;
}
.roadmap__content-title span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    width: 1px;
    height: 70px;
    background: #363636;
    z-index: 2;
}
.roadmap-swiper .swiper-slide {
    max-width: 370px;
    width: 100%;
}

.roadmap__content-title1 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.roadmap__content-title1 span {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    border-radius: 100px;
    border: 6px solid #363636;
    margin-right: 24px;
    position: relative;
    background: linear-gradient(135deg, #000000 5%, #dd4f4f 95%);
}
.roadmap__content-title1 span::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    width: 1px;
    height: 70px;
    background: #363636;
    z-index: 2;
}
.home_contact__row {
    display: flex;
    gap: 24px;
}
@media (max-width: 841px) {
    .home_contact__row {
        flex-direction: column;
    }
}
.home_contact__content {
    width: 100%;
    max-width: 100%;
    background: #202020;
    border: 1px solid #303030;
    border-radius: 16px;
    padding: 24px;
}
.home_contact__section {
    padding-top: 100px;
}
.input-home_contact {
    height: 50px;
    width: calc(50% - 12px);
    position: relative;
}
@media (max-width: 576px) {
    .input-home_contact {
        width: 100%;
    }
}
.input-home_contact span {
    position: absolute;
    left: 16px;
    color: rgb(255 255 255 / 30%);
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_input {
    width: 100%;
    background: #1a1a1a;
    color: #fff;
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 100px;
    padding: 4px 16px 4px 46px;
    border: 1px solid #1a1a1a;
}
.home_input::placeholder {
  color: #888888;
}

.home_input:focus {
  outline: none;
  border: 1px solid #ffcc66;
}

.home_header__contact {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.home_flex__contact {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 576px) {
    .home_flex__contact {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    }
}
.message-home_contact {
    margin-top: 20px;
    height: auto;
    width: 100%;
}
.home_message {
    width: 100%;
    background: #1a1a1a;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 160px;
    border-radius: 24px;
    padding: 16px;
    border: 1px solid #1a1a1a;
}
.home_message::placeholder {
  color: #888888;
}
.home_message:focus {
  outline: none;
  border: 1px solid #ffcc66;
}

.home_message::-webkit-resizer {
  background: transparent;
  border-radius: 8px;
  background-image: 
    linear-gradient(135deg, transparent 50%, #ffcc66 50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% 70%;
}


.home_btn__content {
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home_btn__contact {
    color: #151515;
    font-size: 14px;
    font-weight: 700;
    background: #ffcc66;
    height: 42px;
    border-radius: 100px;
    padding: 0 24px;
    display: flex;
    align-items: center;
}
.home_btn__contact svg {
    width: 22px;
    height: 22px;
    margin-top: 1px;
}
.home_btn__contact:hover {
    background: #fff;
    color: #151515;
}
.home_social__content {
    width: 100%;
    max-width: 410px;
    background: #202020;
    border: 1px solid #303030;
    border-radius: 16px;
    height: max-content;
}
@media (max-width: 576px) {
    .home_social__content {
        max-width: 100%;
    }
}
.img__message {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img__message img {
    max-width: 240px;
    width: 100%;
}
.message__content-header {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
}
.btn-social_message {
    height: 42px;
    border: 1px solid #363636;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #151515;
    font-size: 14px;
    font-weight: 700;
    background: #ffffff;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.btn-social_message span {
   position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.message__content-btn {
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.telegram, .youtube, .twitter {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%); /* белый фон */
  background-size: 200%;
  background-position: left;
  transition: background-position 0.5s ease, color 0.5s ease;
  color: #151515;
}
.telegram:hover {
  background: linear-gradient(135deg, #ffffff 0%, #daeffb 40%, #43a4f7 100%);
  background-size: 200%;
  background-position: right;
  color: #151515;
}
.youtube:hover {
  background: linear-gradient(135deg, #ffffff 0%, #ffe5e5 40%, #d38f8f 100%);
  background-size: 200%;
  background-position: right;
  color: #151515;
}

.twitter:hover { 
  background: linear-gradient(135deg, #ffffff 0%, #b3b3b3 40%, #535252 100%);
  background-size: 200%;
  background-position: right;
  color: #151515; 
}
/*==============================
	CTA
==============================*/
.cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  transition: 0.5s ease;
  transition-property: border-color;
}
.cta__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 12px;
  text-align: center;
}
.cta__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  text-align: center;
  margin-top: 24px;
}
@media screen and (max-width: 576px) {
    .cta__text {
        font-size: 14px;
    }
}
.cta__text b,
.cta__text strong {
  color: #fff;
  font-weight: 500;
}
.cta .progressbar {
  margin-top: 30px;
}
.cta:hover {
  border-color: rgba(160,52,250,0.2);
}
@keyframes fadeInUps {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUps {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*==============================
	Progressbar
==============================*/
.progressbar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.progressbar--contest {
  margin-top: 30px;
}
.progressbar--cta {
  margin-top: 30px;
}
.progressbar--orange .progress-bar {
  background-color: #e66c12 !important;
}
.progressbar--green .progress-bar {
  background-color: #20be60 !important;
}
.progressbar--red .progress-bar {
  background-color: #e2293b !important;
}
.progressbar--blue .progress-bar {
  background-color: #4399fc !important;
}
.progressbar__title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 15px;
}
.progressbar .progress {
  width: 100%;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.1);
  overflow: visible;
}
.progressbar .progress-bar {
  border-radius: 10px;
  background-color: #a034fa;
  overflow: visible;
  position: relative;
}
.progressbar .progress-bar span {
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-top: 10px;
}
.progressbar__values {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.progressbar__value {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .progressbar--contest {
    margin-top: auto;
  }
}
/*==============================
	Stats
==============================*/
.stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 130px;
  margin-top: 24px;
  border-radius: 10px;
  border: 1px solid #363636;
  background: linear-gradient(135deg, #222325 0%, rgba(21, 21, 21, 0) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
}
.stats:before,
.stats:after {
  content: '';
  position: absolute;
  top: 22px;
  width: 36px;
  height: 2px;
  display: block;
  pointer-events: none;
}
.stats:before {
  left: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
}
.stats:after {
  right: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 100%);
}
.stats__value {
  font-size: 32px;
  line-height: 100%;
  font-weight: 400;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 10px;
}
.stats__name {
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 0;
}
.stats__dodger {
  position: absolute;
  display: block;
  width: 16px;
  height: 63px;
  top: 15px;
  pointer-events: none;
}
.stats__dodger--left {
  left: 15px;
}
.stats__dodger--right {
  right: 15px;
}
.stats__dodger--purple {
  background: url("../img/dodgers/stats--purple.svg") no-repeat center;
}
.stats__dodger--orange {
  background: url("../img/dodgers/stats--orange.svg") no-repeat center;
}
.stats__dodger--g {
  background: url("../img/dodgers/stats--g1.svg") no-repeat center;
}
.stats__dodger--blue {
  background: url("../img/dodgers/stats--blue.svg") no-repeat center;
}
.stats__dodger--red {
  background: url("../img/dodgers/stats--red.svg") no-repeat center;
}

.charts-wrap {
    display: flex;
    gap: 100px;
    justify-content: center;
    margin-top: 80px;
}
@media screen and (max-width: 990px) {
    .charts-wrap {
        gap: 0;
        flex-direction: column;
        align-items: center;
    }
}
.poc_block__chart {
    position: relative;
    max-width: 300px;
    width: 100%;
    border-radius: 100%;
    background: #ffcc6605;
    overflow: hidden;
}
@media screen and (max-width: 990px) {
    .poc_block__chart {
        max-width: 172px;
    }
}
.poc_block__chart .ellipse {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: rotate 5s linear infinite;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.poc_block__data-wrap {
  display: flex;
    align-items: center;
}
.poc_block__text-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.charts-wrap .poc_block__text-wrap .label {
    color: #fff;
    opacity: 0.5;
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    display: flex;
    align-items: center;
}
.charts-wrap .poc_block__text-wrap .percent {
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
    font-size: 32px;
    line-height: 114%;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
}
@media screen and (max-width: 990px) {
    .poc_block__chart .ellipse {
        width: 152px;
        height: 152px;
    }
}
@media screen and (max-width: 990px) {
    .charts-wrap .poc_block__chart:nth-child(2) {
        top: -20px;
    }
}
@media screen and (max-width: 990px) {
    .charts-wrap .poc_block__chart:nth-child(3) {
        top: -60px;
    }
}

.main-planet-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: flex;
    flex-direction: column;
}
.main-planet-background:before {
    content: "";
    width: 880px;
    height: 880px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    background: radial-gradient(50% 50% at 50% 50%, #DEC27F 0%, rgba(222, 194, 127, 0) 100%);
    opacity: 0.3;
    top: -400px;
    left: -400px;
}
/*==============================
	Features
==============================*/
.feature {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 215px;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 0 55px;
}
.feature__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 12px;
  text-align: center;
}
.feature__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  text-align: center;
}
.feature__text b,
.feature__text strong {
  color: #fff;
  font-weight: 500;
}

.crystal_img {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    top: -40px;
    left: 10px;
}
@media screen and (max-width: 1111px) {
    .crystal_img {
        top: 0px;
    }
}
@media screen and (max-width: 730px) {
    .crystal_img {
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
}
@media screen and (max-width: 665px) {
    .crystal_img {
        position: absolute;
        top: -180px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
}
.crystal_img img {
    width: 300px;
}
@media screen and (max-width: 1111px) {
    .crystal_img img {
        max-width: 250px;
        width: 100%;
    }
}
@media screen and (max-width: 1011px) {
    .crystal_img img {
        max-width: 200px;
        width: 100%;
    }
}

.content-crystal {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 60px;
    position: relative;
}
@media screen and (max-width: 730px) {
    .content-crystal {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
}
@media screen and (max-width: 665px) {
    .content-crystal {
        display: none;
    }
}
.content-crystal-mobile {
    display: none;
    flex-direction: column;
    margin-top: 60px;
    position: relative;
}
@media screen and (max-width: 665px) {
    .content-crystal-mobile {
        display: flex;
        margin-top: 180px;
    }
}

.booster_item {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
@media screen and (max-width: 665px) {
    .booster_item {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
}

.booster_block_right {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #0000009c, rgb(0 0 0 / 0%));
    border-radius: 100px;
    padding-right: 45px;
    font-size: 16px;
    font-weight: 500;
    color: #e7e2d8;
    position: relative;
    justify-content: flex-start;
}
@media screen and (max-width: 665px) {
    .booster_block_right {
        background: #0000007d;
        min-width: 310px;
        padding-right: 0;
    }
}
.booster_block_right img {
    width: 60px;
    margin-right: 40px;
}

.booster_block_left {
    display: flex;
    align-items: center;
    background: linear-gradient(270deg, #0000009c, rgb(0 0 0 / 0%));
    border-radius: 100px;
    padding-left: 45px;
    font-size: 16px;
    font-weight: 500;
    color: #e7e2d8;
    position: relative;
    justify-content: flex-end;
}
@media screen and (max-width: 665px) {
    .booster_block_left {
        background: #0000007d;
        min-width: 310px;
        padding-left: 0;
    }
}
.booster_block_left img {
    width: 60px;
    margin-left: 40px;
}

.booster_block_left .booster_name {
    text-align: end;
}

.booster_block_left .height_divider {
    position: absolute;
    width: 3px;
    background: #f4c550;
    height: 35px;
    border-radius: 2px;
    right: 79px;
}

.booster_block_right .height_divider {
    position: absolute;
    width: 3px;
    background: #f4c550;
    height: 35px;
    border-radius: 2px;
    left: 79px;
}

.left-80 {
    left: 80px;
}
@media screen and (max-width: 1111px) {
    .left-80 {
        left: 60px;
    }
}
@media screen and (max-width: 900px) {
    .left-80 {
        left: -10px;
    }
}
.right-80 {
    right: 80px;
}
@media screen and (max-width: 1111px) {
    .right-80 {
        right: 60px;
    }
}
@media screen and (max-width: 930px) {
    .right-80 {
        right: 40px;
    }
}
@media screen and (max-width: 900px) {
    .right-80 {
        right: -10px;
    }
}
.left-140 {
    left: 140px;
}
@media screen and (max-width: 1111px) {
    .left-140 {
        left: 120px;
    }
}
@media screen and (max-width: 930px) {
    .left-140 {
        left: 100px;
    }
}
@media screen and (max-width: 900px) {
    .left-140 {
        left: 20px;
    }
}
.right-140 {
    right: 140px;
}
@media screen and (max-width: 1111px) {
    .right-140 {
        right: 120px;
    }
}
@media screen and (max-width: 930px) {
    .right-140 {
        right: 100px;
    }
}
@media screen and (max-width: 900px) {
    .right-140 {
        right: 20px;
    }
}
.left-180 {
    left: 180px;
}
@media screen and (max-width: 1111px) {
    .left-180 {
        left: 160px;
    }
}
@media screen and (max-width: 930px) {
    .left-180 {
        left: 140px;
    }
}
@media screen and (max-width: 900px) {
    .left-180 {
        left: 40px;
    }
}
.right-180 {
    right: 180px;
}
@media screen and (max-width: 1111px) {
    .right-180 {
        right: 160px;
    }
}
@media screen and (max-width: 930px) {
    .right-180 {
        right: 140px;
    }
}
@media screen and (max-width: 900px) {
    .right-180 {
        right: 40px;
    }
}





@media screen and (max-width: 900px) {
    .right-0 {
        right: -60px;
    }
}
@media screen and (max-width: 900px) {
    .left-0 {
        left: -60px;
    }
}


.timeline__connector--center {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 200px;
    position: absolute;
    height: 110%;
    left: 50%;
    transform: translateX(-50%);
}

.timeline__connector--img {
    background-image: url(/static/media/timeline-dot.svg);
    height: 70px;
    width: 190px;
    z-index: 1;
    position: fixed;
    margin-right: 104px;
    top: -10px;
}
@media screen and (max-width: 600px) {
    .timeline__connector--img {
        margin-right: 0px;
    }
}
.timeline__connector--img-right {
    background-image: url(/static/media/timeline-dot-right.svg);
    height: 70px;
    width: 190px;
    z-index: 1;
    position: fixed;
    margin-left: 104px;
    top: -10px;
}
@media screen and (max-width: 600px) {
    .timeline__connector--img-right {
        margin-left: 30px;
    }
}

.timeline__connector--divider {
    background-color: #5c503d !important;
    width: 3px !important;
    max-height: 190px;
    margin-top: 25px;
    height: 100%;
}

@media screen and (max-width: 865px) {
    .timeline__connector--divider {
        display: none;
    }
}

.roadmap__background-orc {
    position: absolute;
    top: -150px;
    left: 0;
    z-index: -1;
    width: 20%;
    -webkit-transform: rotate(18.96deg);
    transform: rotate(18.96deg);
}

@media screen and (max-width: 990px) {
    .roadmap__background-orc {
        width: 25%;
    }
}
@media screen and (max-width: 768px) {
    .roadmap__background-orc {
        width: 200px;
    }
}
@media screen and (max-width: 699px) {
    .roadmap__background-orc {
      bottom: 150px;
      top: auto;
    }
}



.roadmap__background-paladin {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
}
@media screen and (max-width: 990px) {
    .roadmap__background-paladin {
        width: 25%;
    }
}
@media screen and (max-width: 768px) {
    .roadmap__background-paladin {
        width: 200px;
    }
}

.roadmap_content {
    display: flex;
    flex-direction: column;
    max-width: 840px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    padding-bottom: 240px;
}
@media screen and (max-width: 865px) {
    .roadmap_content {
        padding-bottom: 190px;
    }
}
.roadmap__divider {
    height: 1px;
    background-image: linear-gradient(90deg, rgba(255, 239, 160, 0), #fff0a5, rgba(255, 239, 160, 0));
}
.roadmap-phase-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    justify-content: center;
}
@media screen and (max-width: 990px) {
    .roadmap-phase-start {
        padding: 0 24px;
    }
}
@media screen and (max-width: 865px) {
    .roadmap-phase-start {
        padding: 0 24px 0 140px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 665px) {
    .roadmap-phase-start {
        padding: 0 24px 0 80px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 665px) {
    .roadmap-phase-start {
        padding: 0 24px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 865px) {
    .roadmap-phase-start .timeline__connector--center {
        left: 70%;
    }
}
@media screen and (max-width: 770px) {
    .roadmap-phase-start .timeline__connector--center {
        left: 80%;
    }
}

@media screen and (max-width: 600px) {
    .roadmap-phase-start .timeline__connector--center {
        left: 85%;
    }
}

@media screen and (max-width: 568px) {
    .timeline__connector--center {
        display: none;
    }
}

.roadmap-phase-end {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}
@media screen and (max-width: 990px) {
    .roadmap-phase-end {
        padding: 0 24px;
    }
}
@media screen and (max-width: 865px) {
    .roadmap-phase-end {
        padding: 0 140px 0 24px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 665px) {
    .roadmap-phase-end {
        padding: 0 80px 0 24px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 568px) {
    .roadmap-phase-end {
        padding: 0 24px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 865px) {
    .roadmap-phase-end .timeline__connector--center {
        right: 45%;
        left: auto;
    }
}
@media screen and (max-width: 770px) {
    .roadmap-phase-end .timeline__connector--center {
        right: 52%;
        left: auto;
    }
}

.roadmap-phase__title {
    font-size: 24px;
    color: #ff9800;
    font-weight: 600;
    margin-bottom: 15px;
}
.roadmap-phase__task {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.roadmap-task__text {
    color: #e7e2d8;
    margin-left: 10px;
    font-weight: 400;
    font-size: 16px;
}
/*==============================
	Deals
==============================*/
.deals {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
}
.deals__table-wrap {
  width: 100%;
  position: relative;
}
.deals__table {
  width: 100%;
  min-width: 992px;
  border-spacing: 0;
}
.deals__table thead {
  border-bottom: 2px solid rgba(255,255,255,0.05);
}
.deals__table thead th {
  font-size: 12px;
  color: #d0d0d0;
  font-weight: 400;
  padding: 20px 15px;
  line-height: 100%;
  margin-bottom: 0;
  border: none;
  text-transform: uppercase;
}
.deals__table thead th:first-child {
  padding-left: 0;
}
.deals__table thead th:last-child {
  padding-right: 0;
}
.deals__table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.deals__table tbody tr:last-child {
  border-bottom: none;
}
.deals__table tbody td {
  padding: 20px 15px;
}
.deals__table tbody td:first-child {
  padding-left: 0;
}
.deals__table tbody td:last-child {
  padding-right: 0;
}
.deals__text {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.deals__text i {
  font-size: 20px;
}
.deals__text--green {
  color: #20be60;
}
.deals__text--buy i {
  color: #20be60;
}
.deals__text--sell i {
  color: #e2293b;
}
.deals__exchange {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.deals__exchange img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}
.deals__exchange span {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.deals__exchange span.green {
  color: #20be60;
}
.deals__exchange span.red {
  color: #e2293b;
}
.deals__exchange i {
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin: 0 10px;
}
.btn__back {
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #b8b3a9;
    top: 25px;
    line-height: 1;
}
.btn__primary {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    color: #e7e2d8;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
    background: linear-gradient(180deg, #4c321c, #2f1f12);
    height: 44px;
    border-radius: 6px;
    border: none;
    width: 100%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 6px 16px rgba(0, 0, 0, .15);
    align-items: center;
    justify-content: center;
}
.form-auth {
    position: relative;
    margin-top: 30px;
}
.input__email {
    width: 100%;
    border: 1px solid #413017;
    background: transparent;
    border-radius: 6px;
    height: 48px;
    color: #e7e2d8;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 10px 40px 10px 52px;
    transition: border 0.3s ease;
}
.input__email::placeholder {
    color: #b8b3a9;
    font-weight: 400;
}
.input__email:focus {
    border: 1px solid #f4c550;
}
.svg__input {
    position: absolute;
    left: 16px;
    color: #b8b3a9;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}
.input__email:focus + .svg__input {
    color: #f4c550;
}
.input__email.invalid:focus + .svg__input {
    color: #e56464;
}  
.input__email.invalid + .svg__input {
    color: #e56464;
}
.content__input-email {
  position: relative;
}
.input__email.valid:focus + .svg__input {
    color: #2F8F5B;
}  
.input__email.valid + .svg__input {
    color: #2F8F5B;
}
.lottie-icon {
    width: 28px;
    height: 28px;
}
.lottie-icon svg {
    width: 100%;
    height: 100%;
}

.error__messages {
    font-size: 13px;
    color: #e56464;
    font-weight: 400;
    padding: 6px 0 0 8px;
    height: 20.5px;
    transition: height 0.25s ease-in-out;
}
.btn-form-user {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
}
.resend-block {
    margin-top: 24px;
    text-align: start;
    font-size: 14px;
    color: #888888;
    font-weight: 500;
}
.help__content {
  margin-top: 24px;
}
.help__item {
    border: 1px solid #363636;
    border-radius: 8px;
    padding: 10px 16px;
    text-align: start;
    width: 100%;
    display: flex;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
    position: relative;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.help__item:hover {
    color: #ffcc66;
}
/*==============================
	Invest
==============================*/
.invest {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.invest__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}
.invest__text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  margin-top: 20px;
}
.invest__table {
  margin-top: 20px;
  width: 100%;
  border-spacing: 0;
}
.invest__table thead {
  border-bottom: 2px solid rgba(255,255,255,0.05);
}
.invest__table thead th {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: 400;
  padding: 20px 15px;
  line-height: 100%;
  margin-bottom: 0;
  border: none;
}
.invest__table thead th:first-child {
  padding-left: 0;
}
.invest__table thead th:last-child {
  padding-right: 0;
  text-align: right;
}
.invest__table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.invest__table tbody tr:last-child {
  border-bottom: none;
}
.invest__table tbody tr:last-child td {
  font-size: 18px;
}
.invest__table tbody td {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  padding: 20px 15px;
  line-height: 100%;
  border: none;
}
.invest__table tbody td:first-child {
  padding-left: 0;
}
.invest__table tbody td:last-child {
  padding-right: 0;
  text-align: right;
}
.invest__table tbody td.blue {
  color: #4399fc;
}
.invest__table tbody td.yellow {
  color: #d8be15;
}
.invest__list {
  margin-top: 30px;
}
.invest__list li {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 20px;
}
.invest__list li b {
  color: #fff;
  font-weight: 500;
}
.invest__list li:last-child {
  margin-bottom: 0;
}
.invest__rate-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
}
.invest__rate {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.invest__rate span {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-bottom: 5px;
}
.invest__rate p {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}
.invest__rate p.green {
  color: #20be60;
}
.invest__rate p.red {
  color: #e2293b;
}
.invest__rate p small {
  color: #d0d0d0;
  font-weight: 400;
  font-size: 14px;
}
.invest__graph {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 140px;
  height: 62px;
  border-left: 2px solid #a034fa;
  border-right: 2px solid #a034fa;
  margin-top: 15px;
  overflow: hidden;
}
.invest__graph img {
  -webkit-animation: linear 50s infinite mini-chart;
  animation: linear 50s infinite mini-chart;
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
}
.invest__info {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 0;
  margin-top: 42px;
  padding-top: 40px;
  position: relative;
  width: 100%;
}
.invest__info:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.invest__link {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  border-bottom: 2px solid #a034fa;
  margin-top: 30px;
}
.invest__link:hover {
  border-color: transparent;
}
.invest__group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
@media (min-width: 576px) {
  .invest__rate-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .invest__graph {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .invest__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (min-width: 992px) {
  .invest {
    min-height: 390px;
    margin-top: 0;
  }
  .invest--big {
    min-height: auto;
    margin-top: 24px;
  }
  .invest--contest {
    min-height: calc(100% - 24px);
    margin-top: 24px;
  }
  .invest__link {
    margin-top: auto;
  }
}
/*==============================
	Roadmap
==============================*/
.roadmap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.roadmap__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}
.roadmap__carousel {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.roadmap__block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  position: relative;
}
.roadmap__block:before {
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  left: 0;
  top: 55px;
  border: 3px solid rgba(255,255,255,0.2);
  z-index: 1;
}
.roadmap__block:after {
  content: '';
  position: absolute;
  display: block;
  top: 62px;
  left: 26px;
  right: 0;
  background-color: rgba(255,255,255,0.2);
  height: 2px;
  border-radius: 2px;
}
.roadmap__block--active:before {
  border-color: #4399fc;
}
.roadmap__block--active .roadmap__block-list li:before {
  background-color: #4399fc;
}
.roadmap__block-title {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 500;
  display: block;
  margin-bottom: 66px;
}
.roadmap__block-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.roadmap__block-list li {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
  padding-left: 16px;
  position: relative;
}
.roadmap__block-list li:last-child {
  margin-bottom: 0;
}
.roadmap__block-list li:before {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  top: 11px;
  left: 0;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .roadmap__title {
    font-size: 32px;
    line-height: 42px;
  }
  .roadmap__block-list {
    padding-right: 15px;
  }
}
/*==============================
	Partner
==============================*/
.partner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  position: relative;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.partner p {
  position: absolute;
  transform: scale(0.8);
  opacity: 0;
  transition: 0.35s linear;
  transition-property: transform, opacity;
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.partner img {
  max-width: 100%;
  opacity: 1;
  transition: 0.35s linear;
  transition-property: transform, opacity;
}
.partner:hover p {
  opacity: 1;
  transform: scale(1);
}
.partner:hover img {
  opacity: 0;
  transform: scale(0.8);
}
/*==============================
	Accordion
==============================*/
.accordion__card {
  margin-top: 24px;
}
.accordion__card button {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 25px;
  min-height: 50px;
  padding: 16px 48px 16px 24px;
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  text-align: center;
  background: #202020;
  border: 1px solid #303030;
}
@media (max-width: 586px) {
  .accordion__card button {
    text-align: start;
  }
}
.accordion__card button:hover {
  border: 1px solid #ffcc6663;
}

.accordion__card button:before {
  top: -2px;
  left: -2px;
}
.accordion__card button:after {
  top: -2px;
  right: -2px;
}
.accordion__card button:hover:before,
.accordion__card button:hover:after {
  border-color: #a034fa;
}
.accordion__card button[aria-expanded="true"]:before,
.accordion__card button[aria-expanded="true"]:after {
  border-color: #a034fa;
}
.accordion__card p {
  padding: 20px 24px 0;
  color: #d0d0d0;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
  text-align: start;
}
.accordion__card p b {
  font-weight: 500;
}
.faq-home__icon-wrap {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.faq-home__icon {
  transform: scale(0.6) rotate(-90deg);
  transition: all 0.25s ease;
  opacity: 0;
}

.img-partners-content {
    margin-top: 50px;
    padding-bottom: 80px;
}
.footer-img {
    position: absolute;
    z-index: -1;
    top: -125px;
    left: 0;
}
.footer-img img {
    width: 270px;
}

.img-partners-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.img-partners {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 154px;
    width: 100%;
}

.backer {
    width: 95%;
}
.backer-590 {
    width: 50%;
}

.faq-home__icon.active {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.faq-home__icon.open-svg {
  display: block;
}
.faq-home__icon.close-svg {
  display: none;
}
/*==============================
	Company
==============================*/
.company {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.company__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 30px;
}
.company__subtitle {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-bottom: 15px;
  margin-top: 20px;
}
.company__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-bottom: 20px;
}
.company__text b {
  color: #fff;
  font-weight: 500;
}
.company__text:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .company__title {
    font-size: 32px;
    line-height: 42px;
  }
}
@media (min-width: 992px) {
  .company {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .company__subtitle {
    margin-top: 0;
  }
}
/*==============================
	About
==============================*/
.about {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.about__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 10px;
}
.about__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-top: 20px;
  margin-bottom: 0;
}
.about__text b {
  color: #fff;
  font-weight: 500;
}
@media (min-width: 768px) {
  .about__title {
    font-size: 32px;
    line-height: 42px;
  }
}
/*==============================
	Step
==============================*/
.step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.step__title {
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 0;
}
.step__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  margin-top: 20px;
  margin-bottom: 0;
}
.step__text b {
  color: #fff;
  font-weight: 500;
}
@media (min-width: 768px) {
  .step__title {
    font-size: 30px;
    line-height: 40px;
  }
}
.stake-swiper .stake_swiper-pagination {
    position: relative;
    margin-top: 48px;
    text-align: center;
}

.stake-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ffcc66;
    opacity: 0.6;
    margin: 0 4px;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.stake-swiper .swiper-pagination-bullet-active {
    width: 18px;
    height: 6px;
    background: #ffcc66;
    opacity: 1;
}

@media (min-width: 768px) {
  .stake-swiper .stake_swiper-pagination {
    display: none !important;
  }
}

.roadmap-swiper .roadmap_swiper-pagination {
    position: relative;
    margin-top: 48px;
    text-align: center;
}

.roadmap-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ffcc66;
    opacity: 0.6;
    margin: 0 4px;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.roadmap-swiper .swiper-pagination-bullet-active {
    width: 18px;
    height: 6px;
    background: #ffcc66;
    opacity: 1;
}

@media (min-width: 768px) {
  .roadmap-swiper .roadmap_swiper-pagination {
    display: none !important;
  }
}

.about-swiper .about_swiper-pagination {
    position: absolute;
    z-index: 10;
    bottom: 5px;
    text-align: center;
}
.about-swiper .swiper-slide{
  width: 100% !important;
}
.about-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #fff;
    opacity: 0.6;
    margin: 0 4px;
    transition: all 0.3s ease;
    border-radius: 4px;
}

.about-swiper .swiper-pagination-bullet-active {
    width: 18px;
    height: 6px;
    background: #fff;
    opacity: 1;
}

.support_widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 100;
}
.btn__support {
    background: linear-gradient(180deg, #6b4aa5 0%, #4a2e7a 100%);
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    color: #e7e2d8;
    border-radius: 100px;
    box-shadow: 0 2px 9px #000000b3;
    transition: transform 0.3s ease-in-out;
}
.btn__support:hover {
    transform: translateY(-2px);
}
.support_widget:after {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: -2;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 0 1px 12px rgb(255 204 102 / 15%);
}
.support_widget.isActive:after {
    -webkit-transform: scale3d(5, 5, 1);
    transform: scale3d(5, 5, 1);
    -webkit-transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
    transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}
.support-widget__menu {
    list-style: none;
}
.support-widget__item {
    position: absolute;
    top: .2em;
    right: .2em;
    -webkit-transition: background .2s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, background .2s ease;
    color: #fff;
    z-index: -1;
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 9px #5948269e;
}
.support-widget__item:hover {
    transform: scale(1.05);
}
.support-widget.isActive .support-widget__item:nth-child(1) {
    -webkit-transform: translate3d(-3.9em, -0.4em, 0);
    transform: translate3d(-3.9em, -0.4em, 0);
}
.support-widget.isActive .support-widget__item:nth-child(2) {
    -webkit-transform: translate3d(-1.1em, -3.6em, 0);
    transform: translate3d(-1.1em, -3.6em, 0);
}
.support-widget__menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px;
    color: #151515;
}
.support-widget__menu-btn:hover {
  color: #151515;
}
/*==============================
	Question
==============================*/
.question {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.question__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.question__text {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 20px;
}
.question__text b {
  color: #fff;
  font-weight: 500;
}
@media (min-width: 768px) {
  .question__title {
    font-size: 32px;
    line-height: 42px;
  }
  .question__text {
    padding: 0 25%;
  }
}
@media (min-width: 992px) {
  .question {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .question__text {
    padding: 0 30%;
  }
}
/*==============================
	Node
==============================*/
.node {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 40px;
  z-index: 2;
}
.node--contest {
  padding-bottom: 50px;
}
.node--hero {
  padding-bottom: 50px;
  margin-top: 0;
}
.node:before,
.node:after {
  content: '';
  position: absolute;
  top: 22px;
  width: 36px;
  height: 2px;
  display: block;
  pointer-events: none;
}
.node:before {
  left: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
}
.node:after {
  right: 46px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 100%);
}
.node__title {
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
  margin-bottom: 10px;
}
.node__title b {
  font-weight: 400;
}
.node__title--orange b {
  color: #e66c12;
}
.node__title--green b {
  color: #39dc01;
}
.node__title--blue b {
  color: #4399fc;
}
.node__title--purple b {
  color: #a034fa;
}
.node__title--red b {
  color: #e2293b;
}
.node__date {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 10px;
}
.node__price {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
}
.node__price b {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.node__line {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 4px;
  margin: 25px 0;
}
.node__line img {
  width: 100%;
}
.node__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.node__list li {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  position: relative;
  padding-left: 30px;
}
.node__list li i {
  font-size: 20px;
  color: #20be60;
  position: absolute;
  left: 0;
  top: 3px;
}
.node__list li b {
  font-weight: 500;
  color: #fff;
}
.node__list li:last-child {
  margin-bottom: 0;
}
.node__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-top: 30px;
}
.node__btn:before,
.node__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.node__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.node__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.node__btn:hover {
  border-color: #a034fa;
}
.node__btn:hover:before {
  left: 15px;
}
.node__btn:hover:after {
  right: 15px;
}
/*==============================
	Arbitrage pool
==============================*/
.apool {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 40px;
  z-index: 2;
}
.apool__title {
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  color: #fff;
  margin-bottom: 15px;
}
.apool__title b {
  font-weight: 400;
}
.apool__tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
  border: none;
  margin-bottom: 30px;
  position: relative;
}
.apool__tabs:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.apool__tabs li {
  margin-right: 30px;
}
.apool__tabs li:last-child {
  margin-right: 0;
}
.apool__tabs button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #d0d0d0;
  position: relative;
  font-size: 16px;
  height: 40px;
  font-weight: 400;
  white-space: nowrap;
}
.apool__tabs button:hover {
  color: #fff;
}
.apool__tabs button:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  display: block;
  background: #a034fa;
  box-shadow: none;
  transition: 0.5s ease;
  border-radius: 3px 3px 0 0;
}
.apool__tabs button.active {
  color: #fff;
}
.apool__tabs button.active:before {
  height: 2px;
}
.apool__tabs--orange button:before {
  background: #e66c12;
}
.apool__tabs--green button:before {
  background: #39dc01;
}
.apool__tabs--blue button:before {
  background: #4399fc;
}
.apool .tab-content {
  width: 100%;
}
.apool__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.apool__value {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 10px;
}
.apool__profit {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #d0d0d0;
  text-align: center;
  margin-bottom: 30px;
}
.abs-ref_upline {
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
}
.ref_upline {
    font-size: 14px;
    color: #b3b3b3;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    background: linear-gradient(to bottom, rgb(47 32 12 / 70%) 0%, rgb(37 25 11 / 70%) 100%);
    border-radius: 6px;
    backdrop-filter: blur(10px) saturate(140%);
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    border: 1px solid rgb(228 187 87 / 10%);
}
.ref_upline span {
    color: #ffcc66;
    margin-left: 6px;
    font-weight: 500;
}
.apool__profit b {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.apool__group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.apool__label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #d0d0d0;
  width: 100%;
  line-height: 100%;
  margin-bottom: 15px;
}
.apool__input {
  width: 100%;
  height: 50px;
  padding: 0 20px 0 54px;
  border: 2px solid rgba(255,255,255,0.05);
  background: url("../img/dollar.svg") no-repeat center left 15px transparent;
  background-size: 24px 24px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.apool__input:hover,
.apool__input:focus {
  border-color: rgba(255,255,255,0.25);
}
.apool__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-top: 10px;
}
.apool__btn:before,
.apool__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.apool__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.apool__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.apool__btn:hover {
  border-color: #a034fa;
}
.apool__btn:hover:before {
  left: 15px;
}
.apool__btn:hover:after {
  right: 15px;
}
.footer-head {
    background: #202020;
    padding: 0 20px 30px;
    border-top: 1px solid #303030;
}
.wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
    max-width: 1185px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 32px;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 720px) {
    .wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head[data-v-6f70fb4e] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 20px;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
        margin-right: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media screen and (max-width: 950px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
        margin-right: 60px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}
@media screen and (max-width: 720px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left[data-v-6f70fb4e] {
        margin-right: 40px;
    }
}
.v-application .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important
;
}
.v-application .align-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-logo[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px;
}
.v-application a {
    cursor: pointer;
}
.v-application a {
    color: var(--v-anchor-base);
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-logo .logo[data-v-6f70fb4e] {
    margin-right: 9px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-logo .logo img[data-v-6f70fb4e] {
    height: 38px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-reserved[data-v-6f70fb4e] {
    display: block;
    margin: 7px 0 22px;
    font-size: 12px;
    line-height: 16px;
    color: #aaa;
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-reserved[data-v-6f70fb4e] {
        margin-bottom: 20px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-socials[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-socials a {
    color: hsla(0, 0%, 100%, .8);
    margin-right: 20px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-socials a:hover {
    color: #ffcc66;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22px;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (max-width: 950px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
    }
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app[data-v-6f70fb4e] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
}
.wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store img {
  width: 130px;
}
@media screen and (max-width: 950px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store[data-v-6f70fb4e] {
        margin: 0 0 10px;
    }
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-left .block-btn-app .btn-store[data-v-6f70fb4e] {
        margin: 0 20px 0 0;
        margin-bottom: 12px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-center[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 775px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-center[data-v-6f70fb4e] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .website-links[data-v-6f70fb4e] {
    max-width: 350px;
    margin-top: 14px;
    margin-right: 20px;
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .website-links[data-v-6f70fb4e] {
        margin-right: 0;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .website-links__title[data-v-6f70fb4e] {
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 12px;
}
.wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
}
.wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links__item {
    width: 33%;
    font-size: 13px;
    line-height: 18px;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: 6px;
    -webkit-transition: .3s;
    transition: .3s;
}
.wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links__item:hover {
    color: #ffcc66;
}
@media screen and (max-width: 600px) {
    .wrapper-footer .footer-head .wrap-footer-head .website-links .wrapper-links__item {
        font-size: 12px;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-right[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 14px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-right__title[data-v-6f70fb4e] {
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 12px;
}
.wrapper-footer .footer-head .wrap-footer-head .block-right a {
    font-size: 13px;
    line-height: 18px;
    color: hsla(0, 0%, 100%, .7);
    margin-bottom: 6px;
    -webkit-transition: .3s;
    transition: .3s;
}
.wrapper-footer .footer-head .wrap-footer-head .block-right a:hover {
    color: #ffcc66;
}
.wrapper-footer .footer-head .wrap-footer-head .block-btns[data-v-6f70fb4e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    align-items: center;
}
@media screen and (max-width: 1150px) {
    .wrapper-footer .footer-head .wrap-footer-head .block-btns[data-v-6f70fb4e] {
        display: none;
    }
}
.wrapper-footer .footer-head .wrap-footer-head .block-btns svg[data-v-6f70fb4e] {
    cursor: pointer;
}
.wrapper-footer .footer-head .wrap-footer-head .block-btns svg[data-v-6f70fb4e]:first-child {
    margin-bottom: 10px;
}
.block-btns img {
    width: 160px;
}
/*==============================
	Profile
==============================*/
.profile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 50px 60px;
  z-index: 2;
}
.profile .tab-content {
  width: 100%;
}
.profile__info {
  margin-top: 24px;
  width: 100%;
}
.profile__info p {
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 400;
  width: 100%;
  margin-bottom: 0;
}
.profile__info p i {
  margin-right: 4px;
}
.profile__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #fff;
  margin-bottom: 25px;
  margin-top: 24px;
}
.profile__title b {
  font-weight: 400;
}
.profile__title--mt {
  margin-top: 0;
}
.divider-auth {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
.pos-divider {
    width: 100%;
    height: 1px;
    background: rgb(228 187 87 / 13%);
    border-radius: 4px;
}
.text-divider {
    padding: 0 16px;
    font-size: 11px;
    color: #b8b3a9;
    font-weight: 500;
    text-transform: uppercase;
}
.email-input {
    position: relative;
}
.pass-input {
    position: relative;
}
.btn__email {
    background: transparent;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    width: 100%;
    border: 1px solid #363636;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.btn__email:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #151515;
}
/*==============================
	Deposit
==============================*/
.deposit {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  padding-bottom: 24px;
  position: relative;
}
.deposit:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.deposit:last-child {
  padding-bottom: 0;
}
.deposit:last-child:before {
  display: none;
}
.deposit__name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
.deposit__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border: 2px solid;
  border-radius: 50%;
}
.deposit__icon i {
  font-size: 22px;
  color: #fff;
}
.deposit__icon--orange {
  border-color: #e66c12;
}
.deposit__icon--green {
  border-color: #39dc01;
}
.deposit__icon--blue {
  border-color: #4399fc;
}
.deposit__title {
  width: calc(100% - 65px);
  margin-left: 15px;
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
  color: #fff;
  margin-bottom: 0;
}
.deposit__title b {
  font-weight: 400;
}
.deposit__list {
  margin-bottom: 10px;
}
.deposit__list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 10px;
}
.deposit__list li b {
  color: #fff;
  font-weight: 400;
}
.deposit__list li:last-child {
  margin-bottom: 0;
}
.deposit__profit {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
.deposit__profit span {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 5px;
}
.deposit__profit p {
  font-size: 32px;
  line-height: 100%;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .deposit__profit {
    position: absolute;
    margin-top: 0;
    top: 0;
    right: 0;
  }
}
/*==============================
	Post
==============================*/
.post {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 10px;
  background-color: #16142a;
  overflow: hidden;
}
.post__img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 380px;
  cursor: default;
  position: relative;
  border-radius: 10px;
}
.post__img:before {
  content: '';
  position: absolute;
  display: block;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
}
.post__img img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  z-index: 1;
  transition: opacity 0.5s ease;
  border-radius: 0;
}
.post__content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px 20px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.post__category {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 28px;
  min-width: 60px;
  width: auto;
  color: #d0d0d0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  background-color: transparent;
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: 6px;
  padding: 0 12px;
  font-weight: 400;
  margin-bottom: 20px;
}
.post__category:hover {
  color: #fff;
}
.post__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  width: 100%;
}
.post__title a {
  display: block;
  color: #fff;
}
.post__title a:hover {
  color: #a034fa;
}
.post__meta {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 28px;
  position: absolute;
  top: 30px;
  right: 20px;
}
.post__date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.post__date:last-child {
  margin-right: 0;
}
.post__date i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
.post__views {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.post__views:last-child {
  margin-right: 0;
}
.post__views i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .post__title {
    font-size: 28px;
    line-height: 40px;
    padding-right: 33%;
  }
}
@media (min-width: 992px) {
  .post__title {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .post__title {
    padding-right: 25%;
  }
  .post:hover .post__img img {
    opacity: 0.75;
  }
}
/*==============================
	Article
==============================*/
.article {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 24px;
}
.article__category {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 28px;
  min-width: 60px;
  width: auto;
  color: #d0d0d0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  background-color: transparent;
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: 6px;
  padding: 0 12px;
  font-weight: 400;
  margin-right: auto;
}
.article__category:hover {
  color: #fff;
}
.article__date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.article__date:last-child {
  margin-right: 0;
}
.article__date i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
.article__views {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 28px;
  color: #d0d0d0;
  margin-right: 20px;
}
.article__views:last-child {
  margin-right: 0;
}
.article__views i {
  font-size: 20px;
  color: #d0d0d0;
  margin-right: 5px;
}
.article__meta {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.article__content {
  position: relative;
}
.article__content img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 10px;
}
.article__content iframe {
  display: block;
  width: 100%;
  height: 240px;
  margin-bottom: 20px;
  border-radius: 10px;
  border: none;
}
.article__content h1,
.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
  font-weight: 400;
  color: #fff;
  margin-bottom: 15px;
}
.article__content h1:last-child,
.article__content h2:last-child,
.article__content h3:last-child,
.article__content h4:last-child,
.article__content h5:last-child,
.article__content h6:last-child {
  margin-bottom: 0;
}
.article__content h1 {
  font-size: 30px;
  line-height: 46px;
}
.article__content h2 {
  font-size: 28px;
  line-height: 42px;
}
.article__content h3 {
  font-size: 24px;
  line-height: 36px;
}
.article__content h4 {
  font-size: 22px;
  line-height: 32px;
}
.article__content h5 {
  font-size: 18px;
  line-height: 28px;
}
.article__content h6 {
  font-size: 16px;
  line-height: 26px;
}
.article__content p {
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 20px;
}
.article__content p b {
  font-weight: 500;
}
.article__content p a {
  color: #a034fa;
  text-decoration: underline;
}
.article__content p a:hover,
.article__content p a:focus {
  color: #a034fa;
  text-decoration: none;
}
.article__content p:last-child {
  margin-bottom: 0;
}
.article__content blockquote {
  display: block;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
  font-style: italic;
}
.article__content blockquote:before {
  content: '';
  position: absolute;
  display: block;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 3px;
  background-color: #a034fa;
  border-radius: 3px;
}
.article__content blockquote:last-child {
  margin-bottom: 0;
}
.article__content ul {
  margin-bottom: 20px;
  display: block;
}
.article__content ul li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #d0d0d0;
  padding-left: 20px;
  position: relative;
}
.article__content ul li:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a034fa;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.article__content ul:last-child {
  margin-bottom: 0;
}
.article__content ol {
  padding-left: 0;
  list-style: none;
  counter-reset: li;
  margin-bottom: 20px;
}
.article__content ol:last-child {
  margin-bottom: 0;
}
.article__content ol ol {
  padding-left: 15px;
  margin-top: 20px;
}
.article__content ol ol ol {
  margin-top: 20px;
  margin-bottom: 10px;
}
.article__content ol ol ol li {
  margin-top: 0;
  margin-bottom: 20px;
}
.article__content ol h4 {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
}
.article__content ol li {
  font-size: 16px;
  line-height: 26px;
  color: #d0d0d0;
  position: relative;
  margin-bottom: 20px;
}
.article__content ol li b {
  font-weight: 500;
  color: #fff;
}
.article__content ol li a {
  color: #a034fa;
  position: relative;
  font-weight: 500;
}
.article__content ol li a:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background-color: #a034fa;
  opacity: 0;
  transition: 0.5s ease;
  transition-property: opacity, bottom;
}
.article__content ol li a:hover:before {
  opacity: 1;
}
.article__content ol li:last-child {
  margin-bottom: 0;
}
.article__content ol li:before {
  counter-increment: li;
  content: counters(li, ".") ". ";
}
@media (min-width: 768px) {
  .article__content h1 {
    font-size: 36px;
    line-height: 54px;
  }
  .article__content h2 {
    font-size: 32px;
    line-height: 48px;
  }
  .article__content h3 {
    font-size: 28px;
    line-height: 42px;
  }
  .article__content h4 {
    font-size: 24px;
    line-height: 36px;
  }
  .article__content h5 {
    font-size: 20px;
    line-height: 32px;
  }
  .article__content h6 {
    font-size: 18px;
    line-height: 28px;
  }
  .article__content iframe {
    height: 380px;
  }
  .article__meta {
    margin-bottom: 30px;
  }
}
/*==============================
	Share
==============================*/
.share {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}
.share__link {
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0 12px;
  height: 30px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  background-color: #a034fa;
}
.share__link i {
  font-size: 18px;
  margin-right: 6px;
  transition: color 0.5s ease;
}
.share__link:last-child {
  margin-right: 0;
}
.share__link--fb {
  background-color: #3b5998;
}
.share__link--fb:hover {
  box-shadow: 0 0 16px rgba(59,89,152,0.14);
}
.share__link--tw {
  background-color: #55acee;
}
.share__link--tw:hover {
  box-shadow: 0 0 16px rgba(85,172,238,0.14);
}

.share__link--link:hover {
  box-shadow: 0 0 16px rgba(160,52,250,0.14);
}
.share__link:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .share {
    margin-top: 20px;
  }
}
/*==============================
	Paginator
==============================*/
.paginator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 40px auto 0;
  width: 100%;
}
.paginator__pages {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: 400;
}
.paginator__list {
  display: none;
}
.paginator__list-mobile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.paginator__list-mobile li {
  margin-right: 25px;
}
.paginator__list-mobile li:first-child a i {
  margin-right: 5px;
}
.paginator__list-mobile li:last-child {
  margin-right: 0;
}
.paginator__list-mobile li:last-child a i {
  margin-left: 5px;
}
.paginator__list-mobile a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.paginator__list-mobile a span {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: 400;
  transition: color 0.5s ease;
  text-transform: uppercase;
}
.paginator__list-mobile a i {
  font-size: 18px;
  color: #fff;
  transition: color 0.5s ease;
}
.paginator__list-mobile a:hover i {
  color: #a034fa;
}
@media (min-width: 768px) {
  .paginator {
    margin: 50px auto 0;
    justify-content: center;
  }
  .paginator__pages,
  .paginator__list-mobile {
    display: none;
  }
  .paginator__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .paginator__list li {
    margin-right: 15px;
  }
  .paginator__list li:last-child {
    margin-right: 0;
  }
  .paginator__list li.active a {
    cursor: default;
    font-weight: 500;
    color: #a034fa;
  }
  .paginator__list li.active a:hover {
    color: #a034fa;
  }
  .paginator__list span {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 22px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    cursor: default;
    border: 2px solid rgba(255,255,255,0.2);
  }
  .paginator__list a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 42px;
    height: 42px;
    border-radius: 22px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border: 2px solid rgba(255,255,255,0.2);
  }
  .paginator__list a i {
    font-size: 20px;
    color: #fff;
    transition: color 0.5s ease;
  }
  .paginator__list a:hover {
    color: #a034fa;
  }
  .paginator__list a:hover i {
    color: #a034fa;
  }
}
/*==============================
	Footer
==============================*/
.footer {
  border-top: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}
.footer__logo {
  margin-top: 60px;
}
.footer__logo img {
  width: auto;
  height: 50px;
  display: block;
}
.footer__tagline {
  margin-top: 20px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 0;
}
.footer__currencies {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.footer__currencies i {
  font-size: 24px;
  margin-right: 20px;
  color: rgba(255,255,255,0.25);
}
.footer__currencies i:last-child {
  margin-right: 0;
}
.footer__title {
  display: block;
  margin-top: 40px;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}
.footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer__nav a {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #d0d0d0;
  font-weight: 400;
}
.footer__nav a:last-child {
  margin-bottom: 0;
}
.footer__nav a:hover {
  color: #a034fa;
}
.footer__content {
  position: relative;
  margin-top: 60px;
  padding: 10px 0 30px;
}
.footer__content:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
}
.footer__social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.footer__social a {
  height: 20px;
  width: 20px;
  margin-top: 20px;
  margin-right: 20px;
  position: relative;
  color: #d0d0d0;
}
.footer__social a i {
  font-size: 20px;
  transition: color 0.5s ease;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__social a:hover i {
  color: #a034fa;
}
.footer__copyright {
  display: block;
  font-size: 14px;
  color: #d0d0d0;
  margin-top: 30px;
  font-weight: 400;
}
.footer__copyright a {
  color: #d0d0d0;
}
.footer__copyright a:hover {
  color: #a034fa;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 20px;
  }
  .footer__content {
    margin-top: 70px;
    padding: 0;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .footer__logo {
    margin-top: 50px;
  }
  .footer__title {
    margin-top: 50px;
  }
  .footer__social {
    display: inline-flex;
    width: auto;
    order: 2;
  }
  .footer__social a {
    margin-top: 0;
  }
  .footer__copyright {
    margin-top: 0;
    order: 1;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding-top: 50px;
  }
  .footer__content {
    margin-top: 100px;
  }
}
@media (min-width: 1400px) {
  .footer:before {
    content: '';
    position: absolute;
    bottom: 101px;
    left: 70px;
    right: 70px;
    display: block;
    height: 2px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 20%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0) 100%);
  }
  .footer__content:before {
    display: none;
  }
}
/*==============================
	Form
==============================*/
.form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 24px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 60px 60px 50px;
  z-index: 2;
}
.form--content {
  max-width: 420px;
  margin-top: 0;
}
.form--profile {
  border-radius: 0;
  border: none;
  background: transparent;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  padding: 0;
  margin-top: 24px;
}
.form__logo-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
.form__logo {
  display: block;
  height: 50px;
}

.block_news-item {
  max-width: 361px !important;
}

.form__logo img {
  height: 50px;
  width: auto;
}
.form__tagline {
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-left: 20px;
  font-weight: 400;
}
.form__group {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.form__group--checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
.form__group--checkbox input:not(:checked),
.form__group--checkbox input:checked {
  position: absolute;
  left: -9999px;
}
.form__group--checkbox input:not(:checked) + label,
.form__group--checkbox input:checked + label {
  font-size: 14px;
  color: #d0d0d0;
  font-weight: normal;
  position: relative;
  cursor: pointer;
  padding-left: 35px;
  line-height: 24px;
  margin: 0;
}
.form__group--checkbox input:not(:checked) + label a,
.form__group--checkbox input:checked + label a {
  color: #a034fa;
}
.form__group--checkbox input:not(:checked) + label a:hover,
.form__group--checkbox input:checked + label a:hover {
  color: #a034fa;
  text-decoration: underline;
}
.form__group--checkbox input:not(:checked) + label:before,
.form__group--checkbox input:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 12px;
  border: 2px solid rgba(255,255,255,0.05);
}
.form__group--checkbox input:not(:checked) + label:after,
.form__group--checkbox input:checked + label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  text-align: center;
  transition: 0.5s ease;
  background-color: #a034fa;
  border-radius: 6px;
}
.form__group--checkbox input:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.form__group--checkbox input:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.form__group--checkbox label::-moz-selection {
  background: transparent;
  color: #d0d0d0;
}
.form__group--checkbox label::selection {
  background: transparent;
  color: #d0d0d0;
}
.form__label {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #d0d0d0;
  width: 100%;
  line-height: 100%;
  margin-bottom: 15px;
}
.form__input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 2px solid rgba(255,255,255,0.05);
  background-color: transparent;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.form__input:hover,
.form__input:focus {
  border-color: rgba(255,255,255,0.25);
}
.form__select {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 2px solid rgba(255,255,255,0.05);
  background: url("../img/btn/down.svg") no-repeat center right 20px transparent;
  background-size: 16px 16px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  font-weight: 400;
}
.form__select option {
  background-color: #16142a;
}
.form__select:hover,
.form__select:focus {
  border-color: rgba(255,255,255,0.25);
}
.form__textarea {
  width: 100%;
  height: 140px;
  padding: 15px 20px;
  border: 2px solid rgba(255,255,255,0.05);
  background-color: transparent;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  cursor: default;
  resize: none;
  font-weight: 400;
}
.form__textarea:hover,
.form__textarea:focus {
  border-color: rgba(255,255,255,0.25);
}
.form__radio {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 2px;
}
.form__radio li {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.form__radio li:last-child {
  margin-bottom: 0;
}
.form__radio input:not(:checked),
.form__radio input:checked {
  position: absolute;
  left: -9999px;
}
.form__radio label {
  display: block;
  margin: 0;
  position: relative;
  font-weight: 400;
  cursor: pointer;
  font-size: 14px;
  color: #d0d0d0;
  line-height: 24px;
  padding-left: 30px;
  transition: 0.5s ease;
}
.form__radio label:before {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border: 4px solid rgba(255,255,255,0.05);
  background-color: transparent;
  border-radius: 50%;
  left: 0;
  top: 4px;
  transition: 0.5s ease;
}
.form__radio label:hover {
  color: #fff;
}
.form__radio input:checked + label {
  color: #fff;
}
.form__radio input:checked + label:before {
  border-color: #a034fa;
}
.form__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  margin-top: 10px;
}
.form__btn:before,
.form__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.form__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.form__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.form__btn:hover {
  border-color: #a034fa;
}
.form__btn:hover:before {
  left: 15px;
}
.form__btn:hover:after {
  right: 15px;
}
.form__delimiter {
  font-size: 14px;
  color: #d0d0d0;
  line-height: 100%;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 20px;
}
.form__social {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.form__social a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: calc(33% - 10px);
  border-radius: 6px;
  color: #fff;
}
.form__social a i {
  font-size: 20px;
  color: #fff;
  transition: color 0.5s ease;
}
.form__social a.fb {
  background-color: #3b5999;
}
.form__social a.gl {
  background-color: #df4a32;
}
.form__social a.tw {
  background-color: #1da1f2;
}
.form__social a:hover {
  background-color: #fff;
}
.form__social a:hover.fb i {
  color: #3b5999;
}
.form__social a:hover.gl i {
  color: #df4a32;
}
.form__social a:hover.tw i {
  color: #1da1f2;
}
.form__text {
  margin-top: 30px;
  font-size: 14px;
  line-height: 26px;
  color: #d0d0d0;
  width: 100%;
  text-align: left;
}
.form__text:first-child {
  margin-top: 0;
}
.form__text a {
  position: relative;
  color: #a034fa;
}
.form__text a:hover {
  color: #a034fa;
  text-decoration: underline;
}
.form__text--center {
  text-align: center;
}
@media (min-width: 768px) {
  .form__btn--small {
    width: 200px;
  }
}
/*==============================
	Page error
==============================*/
.page-error {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 420px;
  border-radius: 25px 10px 10px 10px;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  padding: 60px 60px 50px;
  z-index: 2;
}
.page-error__title {
  position: relative;
  color: #a034fa;
  line-height: 100%;
  font-size: 120px;
  margin-bottom: 10px;
  font-weight: 500;
  text-align: center;
  width: 100%;
}
.page-error__text {
  text-align: center;
  display: block;
  width: 100%;
  color: #d0d0d0;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 30px;
}
.page-error__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.3);
  background: linear-gradient(135deg, #572c7c 0%, #572c7c 50%, #a034fa 100%);
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
}
.page-error__btn:before,
.page-error__btn:after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 28px;
  height: 40px;
}
.page-error__btn:before {
  background: url("../img/btn/left.svg") no-repeat center;
  left: 10px;
  transition: left 0.5s ease;
}
.page-error__btn:after {
  background: url("../img/btn/right.svg") no-repeat center;
  right: 10px;
  transition: right 0.5s ease;
}
.page-error__btn:hover {
  border-color: #a034fa;
}
.page-error__btn:hover:before {
  left: 15px;
}
.page-error__btn:hover:after {
  right: 15px;
}
/*==============================
	Modal
==============================*/
.modal {
  background: rgba(22,20,42,0.8);
}
.modal--auto .modal-content {
  margin: 0 auto;
  max-width: 420px;
  background-color: transparent;
  border: none;
  border-radius: 10px;
}
.modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: 2px solid rgba(255,255,255,0.05);
  background: linear-gradient(150deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
  padding: 50px 60px;
  border-radius: 10px;
}
.modal__title {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 15px;
}
.modal__text {
  font-size: 14px;
  line-height: 24px;
  color: #d0d0d0;
  margin-bottom: 0;
}
.modal__close {
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 0 0 0 10px;
  top: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  border-left: 2px solid rgba(255,255,255,0.05);
  border-bottom: 2px solid rgba(255,255,255,0.05);
}
.modal__close i {
  font-size: 24px;
}
.modal__close:hover {
  color: #e2293b;
}
.modal__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 30px;
}
.modal-backdrop {
  background: #16142a;
}
/*==============================
	Splide
==============================*/
.splide--roadmap .splide__arrows {
  position: relative;
}
.splide--roadmap .splide__arrow {
  display: none;
}
.splide--roadmap .splide__pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 50px;
  position: relative;
  padding: 0;
  bottom: 0;
}
.splide--roadmap .splide__pagination li {
  margin-right: 10px;
}
.splide--roadmap .splide__pagination li:last-child {
  margin-right: 0;
}
.splide--roadmap .splide__pagination__page {
  display: block;
  height: 4px;
  width: 12px;
  border-radius: 4px;
  background-color: rgba(255,255,255,0.1);
  transition: 0.5s ease;
  opacity: 1;
  margin: 0;
}
.splide--roadmap .splide__pagination__page.is-active {
  transform: scale(1);
  width: 20px;
  background-color: #4399fc;
}
@media (min-width: 1200px) {
  .splide--roadmap .splide__arrows {
    position: absolute;
    width: auto;
    margin: 0;
    left: 0;
    right: 0;
  }
  .splide--roadmap .splide__arrow {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    right: 0;
    top: -72px;
    z-index: 2;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.2);
    opacity: 1;
    transform: none;
  }
  .splide--roadmap .splide__arrow i {
    font-size: 20px;
    color: #fff;
    transition: color 0.5s ease;
  }
  .splide--roadmap .splide__arrow:hover i {
    color: #4399fc;
  }
  .splide--roadmap .splide__arrow--prev {
    right: 57px;
    left: auto;
  }
  .splide--roadmap .splide__arrow--next {
    right: 0;
  }
}
/*==============================
	Block icon
==============================*/
.block-icon {
  position: absolute;
  top: -2px;
  left: -2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border: 2px solid;
  border-radius: 50%;
}
.block-icon i {
  font-size: 22px;
  color: #fff;
}
.block-icon:before {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 74px;
  height: 74px;
  top: 50%;
  left: 50%;
}
.block-icon--purple {
  border-color: #a034fa;
}
.block-icon--purple:before {
  background: url("../img/dodgers/dots--purple.svg") no-repeat center;
}
.block-icon--orange {
  border-color: #e66c12;
}
.block-icon--orange:before {
  background: url("../img/dodgers/dots--orange.svg") no-repeat center;
}
.block-icon--green {
  border-color: #39dc01;
}
.block-icon--green:before {
  background: url("../img/dodgers/dots--green.svg") no-repeat center;
}
.block-icon--blue {
  border-color: #4399fc;
}
.block-icon--blue:before {
  background: url("../img/dodgers/dots--blue.svg") no-repeat center;
}
.block-icon--red {
  border-color: #e2293b;
}
.block-icon--red:before {
  background: url("../img/dodgers/dots--red.svg") no-repeat center;
}
.block-icon--yellow {
  border-color: #d8be15;
}
.block-icon--yellow:before {
  background: url("../img/dodgers/dots--yellow.svg") no-repeat center;
}
/*==============================
	Screw
==============================*/
.screw {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: url("../img/dodgers/screw.svg") no-repeat center;
  pointer-events: none;
  z-index: 2;
}
.screw--tl {
  top: 15px;
  left: 15px;
}
.screw--tr {
  top: 15px;
  right: 15px;
}
.screw--bl {
  bottom: 15px;
  left: 15px;
}
.screw--br {
  bottom: 15px;
  right: 15px;
}
.screw--big-tr {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-tr.svg") no-repeat center;
  top: 15px;
  right: 15px;
}
.screw--big-tl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-tl.svg") no-repeat center;
  top: 15px;
  left: 15px;
}
.screw--big-br {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-br.svg") no-repeat center;
  bottom: 15px;
  right: 15px;
}
.screw--big-bl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--big-bl.svg") no-repeat center;
  bottom: 15px;
  left: 15px;
}
.screw--lines-tl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-tl.svg") no-repeat center;
  top: 15px;
  left: 15px;
}
.screw--lines-tr {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-tr.svg") no-repeat center;
  top: 15px;
  right: 15px;
}
.screw--lines-br {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-br.svg") no-repeat center;
  bottom: 15px;
  right: 15px;
}
.screw--lines-bl {
  width: 67px;
  height: 67px;
  background: url("../img/dodgers/screw--lines-bl.svg") no-repeat center;
  bottom: 15px;
  left: 15px;
}
.screw--footer {
  display: none;
}
.screw--tablet {
  display: none;
}
@media (min-width: 992px) {
  .screw--tablet {
    display: block;
  }
}
@media (min-width: 1400px) {
  .screw--footer {
    display: block;
    width: 67px;
    height: 67px;
  }
  .screw--footer-tl {
    background: url("../img/dodgers/screw--lines-tl.svg") no-repeat center;
    top: 30px;
    left: 30px;
  }
  .screw--footer-tr {
    background: url("../img/dodgers/screw--lines-tr.svg") no-repeat center;
    top: 30px;
    right: 30px;
  }
  .screw--footer-br {
    background: url("../img/dodgers/screw--lines-br.svg") no-repeat center;
    bottom: 30px;
    right: 30px;
  }
  .screw--footer-bl {
    background: url("../img/dodgers/screw--lines-bl.svg") no-repeat center;
    bottom: 30px;
    left: 30px;
  }
}
/*==============================
	Scrollbar-track
==============================*/
.scrollbar-track-y {
  background: rgba(160,52,250,0.12) !important;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  width: 4px !important;
  border-radius: 4px !important;
  right: 0 !important;
  overflow: hidden;
  cursor: pointer;
}
.scrollbar-thumb-y {
  background-color: #a034fa !important;
  width: 4px !important;
  border-radius: 4px !important;
  cursor: pointer;
  cursor: pointer;
}
.scrollbar-track-x {
  background: rgba(160,52,250,0.12) !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  width: auto !important;
  border-radius: 4px !important;
  bottom: 0 !important;
  overflow: hidden;
}
.scrollbar-thumb-x {
  background-color: #a034fa !important;
  height: 4px !important;
  border-radius: 4px !important;
  cursor: pointer;
}
/*==============================
	Animation
==============================*/
@-webkit-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@-moz-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@-webkit-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@-o-keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
@keyframes mini-chart {
  0% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
  50% {
    -webkit-transform: translateX(45%) scaleX(1.5);
    transform: translateX(45%) scaleX(1.5);
  }
  100% {
    -webkit-transform: translateX(5%) scaleX(1.5);
    transform: translateX(5%) scaleX(1.5);
  }
}
.roadmap__content-subtitle ul {
  list-style: none;
  margin: 0;
  margin-top: 24px;
}

.roadmap__content-subtitle ul li {
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 6px;
  line-height: 1.4;
  color: #8c8c8c;
  font-size: 14px;
}

.roadmap__content-subtitle ul li:last-child {
  margin-bottom: 0;
}

.roadmap__content-subtitle ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8c8c8c;
}


.faq--subtitle ul {
  list-style: none;
  counter-reset: step;
  padding-left: 1.4em;
  margin: 0;
  margin-top: 24px;
}

.faq--subtitle ul li {
  counter-increment: step;
  position: relative;
  padding-left: 2em;
  margin-bottom: 6px;
  line-height: 1.4;
  color: #b3b3b3;
  font-size: 14px;
}

.faq--subtitle ul li b{
   font-weight: 600;
   color: #c3c2c2;
}

.faq--subtitle ul li:last-child {
  margin-bottom: 0;
}

.faq--subtitle ul li::before {
  content: counter(step) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #ffcc66;
  font-weight: 600;
  font-size: 15px;
}

.btn-plan_content {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-question {
    border-radius: 8px;
    font-size: 14px;
    margin-top: 24px;
}
.message-question.error {
    border: 1px solid #ee4437;
    color: #ee4437;
    padding: 16px;
}
.message-question.success {
    border: 1px solid #077556;
    color: #29c398;
    padding: 16px;
}

.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.arx-stats__content {
    width: 100%;
    padding: 24px;
    background: #ffcc6605;
    border-radius: 24px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}

.arx-stats__chart-wrap {
  position: relative;
  width: 100%;
  height: 160px;
  background: transparent;
  border-radius: 12px;
  overflow: hidden;
}

.gold-chart {
  width: 100%;
  height: 100%;
}

.chart-grid line {
  stroke: rgba(255, 255, 255, 0.12);
  stroke-width: 1;
}

.gold-area {
  fill: url(#gold-fill);
  filter: blur(2px);
}

.gold-line {
  fill: none;
  stroke: #ffcc66;
  stroke-width: 2.2;
  filter: url(#glow);
  stroke-linecap: round;
}
.flex-arx_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 260px;
}

.arx-data-inner {
    display: flex;
    justify-content: space-around;
    margin-bottom: 32px;
}
@media screen and (max-width: 990px) {
    .arx-data-inner {
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }
}
.arx-data-inner .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 1;
}
.arx-stats__legend {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    color: #8e8e8e;
    line-height: 1.3;
}

.arx-stats__amount {
    font-size: 32px;
    line-height: 114%;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #fff;
}
.arx-stats__asset {
    padding-left: 5px;
    color: #ffcc66;
    text-transform: uppercase;
    line-height: 1.3;
}

.arx-stats__chart-wrap {
    width: 100%;
}
@media screen and (max-width: 767px) {
  .arx-stats__chart-wrap {
      padding-top: 40px;
  }
}

.highcharts-axis.highcharts-xaxis {
    display: none;
}

@media screen and (max-width: 990px) {
    .arx-stats__content {
        margin-top: 40px;
    }
}

.block-arx_about {
    width: 25%;
}

.img-pc {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
@media (max-width: 972px) {
  .img-pc {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .img-pc {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .img-pc img{
      height: 400px;
  }
}
@media (max-width: 445px) {
  .img-pc img{
      height: 340px;
  }
}
.content-arx_about {
    display: flex;
    position: relative;
    gap: 32px;
    margin-top: 52px;
    padding: 24px;
    background: #ffcc6605;
    border-radius: 24px;
    overflow: hidden;
}
@media (max-width: 972px) {
  .content-arx_about {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding-bottom: 48px;
  }
}
.img-pc::before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(255 204 102 / 4%);
    border-radius: 16px;
    z-index: -1;
}

.block-arx_about {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 78px;
}
@media (max-width: 972px) {
  .block-arx_about {
      justify-content: space-around;
      flex-direction: row;
      margin-top: 24px;
      width: 100%;
      gap: 48px;
  }
}
@media (max-width: 768px) {
  .block-arx_about {
      margin-top: 24px;
      width: 100%;
      gap: 32px;
      flex-direction: column;
  }
}
.item-block_about {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
@media (max-width: 972px) {
  .item-block_about {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%;
  }
}
@media (max-width: 768px) {
  .item-block_about {
      width: 100%;
      padding-left: 24px;
      padding-right: 24px;
  }
}
@media (max-width: 445px) {
  .item-block_about {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      align-items: flex-start;
  }
}
.item-block_about2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (max-width: 972px) {
  .item-block_about2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%;
  }
}
@media (max-width: 768px) {
  .item-block_about2 {
      width: 100%;
      padding-left: 24px;
      padding-right: 24px;
  }
}
@media (max-width: 445px) {
  .item-block_about2 {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      align-items: flex-start;
  }
}
.title-block_about {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.subtitle-block_about {
    text-align: end;
    margin-top: 8px;
    font-size: 15px;
    color: #8c8c8c;
}
.subtitle-block_about2 {
    text-align: start;
    margin-top: 8px;
    font-size: 15px;
    color: #8c8c8c;
}
@media (max-width: 972px) {
  .subtitle-block_about, .subtitle-block_about2 {
      text-align: center;
  }
}
@media (max-width: 600px) {
  .subtitle-block_about, .subtitle-block_about2 {
      font-size: 14px;
  }
}
@media (max-width: 445px) {
  .subtitle-block_about, .subtitle-block_about2 {
      text-align: start;
  }
}

.abs_svg_result {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.api-user_ok {
    font-size: 13px;
    font-weight: 400;
    padding: 6px 0 0 4px;
    height: 15px;
    transition: height 0.25s ease;
}

.api-user_ok.true {
  color: #44c37e;
}

.api-user_ok.false {
  color: #e56464;
}

.input__email.valid {
    border: 1px solid #2F8F5B;
}

.input__email.invalid {
    border: 1px solid #e56464;
}

.forgot_pass {
    border: none;
    display: flex;
    margin: 0;
    padding: 0;
    color: #f4c550;
    font-size: 14px;
    font-weight: 400;
    align-items: flex-end;
    justify-content: center;
}

.create_acc {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 10px;
}

.btn_create_acc {
    border: none;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #e7e2d8;
    font-size: 16px;
    font-weight: 400;
}
.btn_create_acc span {
    margin-left: 4px;
    color: #f4c550;
}

.btn-auth-acc {
    display: flex;
    padding: 6px 10px;
    background: linear-gradient(180deg, #4c321c, #2f1f12);
    border-radius: 4px;
    min-width: 100px;
    height: 40px;
    overflow: hidden;
    color: #e7e2d8;
    font-size: 16px;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
    font-weight: 400;
    position: relative;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 6px 16px rgba(0, 0, 0, .25);
}

.btn-auth-acc:hover {
    filter: brightness(1.08) saturate(1.05);
}
.svg__input-eye {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.25s ease;
}
.btn-flex-end {
    margin-top: 30px;
    justify-content: flex-end;
    margin-bottom: 5px;
}

.checkbox-terms {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #b8b3a9;
}

.checkbox-terms label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

.checkbox-terms input[type="checkbox"] {
    margin-top: 4px;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 4px;
    accent-color: #f4c550;
    cursor: pointer;
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto; 
}

.checkbox-terms span {
  display: inline;
}

.checkbox-terms a {
  color: #f4c550;
  text-decoration: none;
  border-bottom: 1px dashed rgba(225, 194, 122, 0.5);
  transition: color 0.2s ease, border-color 0.2s ease;
}

.checkbox-terms a:hover {
  color: #ffd98a;
  border-bottom-color: rgba(255, 217, 138, 0.9);
}

.reg_select {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reg_select-item {
    margin-bottom: 5px;
    width: 48px;
    min-width: 48px;
    margin-left: 7px;
    margin-right: 7px;
}
.reg_select-item a {
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
}
.reg_select-item svg {
    left: auto;
    top: auto;
    position: relative;
    transform: none;
}

.flex-step {
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-step {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-step-item {
    display: flex;
    height: 22px;
    padding: 4px 8px;
    color: #e7e2d8;
    font-size: 12px;
    opacity: 0.4;
    font-weight: 500;
    background: #3f3d3c;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
}
.content-step-item.active {
    opacity: 1;
    color: #202020;
    background: linear-gradient(180deg, #f4c550, #816624);
}
.content-step-divider {
    color: #e7e2d8;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0.4;
}

.reg-pass {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 15px;
}

.modal-reg-pass {
  display: flex;
}

.check-svg {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    margin-top: 2px;
    color: rgb(231 186 75);
    vertical-align: middle;
    margin-left: 8px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.modal-reg-pass p {
    font-size: 13px;
    font-weight: 400;
    color: #b8b3a9;
    margin-bottom: 8px;
}

.private-link {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.private_type {
    font-size: 13px;
    margin-bottom: 4px;
    font-weight: 400;
    color: #e7e2d8;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid #e7e2d838;
    transition: border-bottom 0.3s ease-in-out;
}
.private_type:hover {
    color: #e7e2d8;
    border-bottom: 1px solid #e7e2d8a1;
}

.support_widget-modal {
  position: fixed;
  bottom: 95px;
  right: 24px;
  z-index: 122;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.25) translateY(20px);
  transform-origin: bottom right;
  transition: opacity .25s ease, transform .25s cubic-bezier(.4,0,.2,1);
}

@media (max-width: 480px) {
  .support_widget-modal {
    inset: 0;              /* top:0 right:0 bottom:0 left:0 */
    bottom: 0;
    right: 0;
    transform: none;
    border-radius: 0;
  }
}


.active .support_widget-modal {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}

.widget-modal {
  width: 360px;
  height: 540px;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 12px 32px rgba(0,0,0,.45);
}

@media (max-width: 480px) {
  .widget-modal {
      width: 100%;
      height: 100dvh;
      max-height: 100dvh;
      border-radius: 0;
  }
}

.chat-page {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.widget-header {
    padding: 10px 16px;
    background: #66469e;
    display: flex;
    height: 150px;
    flex: 0 0 150px;
    border-radius: 0px;
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
}
.widget-header::before {
    background-image: url(https://client.crisp.chat/static/images/chat/tiles/floating-cogs.svg?6e324a8) !important;
    background-size: 240px !important;
    opacity: .075 !important;
    content: "" !important;
    background-repeat: repeat !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}


.content-widget-modal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
    min-height: 0; 
    background: #f1e9ff;
}

.top-widget-modal {
    display: flex;
    flex-direction: column;
}

.link-support-widget {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: #ffffff0a;
    border-radius: 4px;
    margin-bottom: 5px;
    color: #e7e2d8;
    font-size: 14px;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 15%);
    font-weight: 400;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 6px 16px rgba(0, 0, 0, .15);
}

.link-svg-widget {
    width: 20px;
    height: 20px;
    color: #ffffff66;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-widget {
    font-size: 20px;
    color: #e7e2d8;
    font-weight: 500;
    margin-bottom: 4px;
}
.subtitle-widget {
    font-size: 15px;
    font-weight: 400;
    color: #b8b3a9;
    line-height: 1.3;
    margin-bottom: 20px;
}

.close-widgets {
    top: 11px;
    right: 10px;
    width: 25px;
    height: 25px;
    color: #e7e2d8;
    z-index: 3;
}

.btn-header-widget {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: center;
    gap: 10px;
    z-index: 1;
    position: absolute;
    top: 10px;
}

.btn-head-widget {
    height: 30px;
    width: 74px;
    background: transparent;
    border-radius: 8px;
    color: #e7e2d8;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-head-widget.active {
    background: #4e3083;
}

.btn-head-widget span {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.picture-help-content {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 15px;
    position: relative;
    z-index: 2;
}

.picture-help {
    width: 42px;
    height: 42px;
    border-radius: 100px;
    background: #18120b;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #66469e;
    position: relative;
}

.text-header-widget {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    position: relative;
    z-index: 2;
    margin-top: 9px;
}
.text-header-widget h4 {
    font-size: 13px;
    font-weight: 500;
    color: #e7e2d8;
    text-align: center;
    margin-bottom: 2px;
}
.text-header-widget p {
    font-size: 12px;
    color: #b8b3a9;
    font-weight: 500;
    margin-bottom: 0;
}

.help-page {
    height: 100%;
    position: relative;
    background: #66469e;
    padding: 70px 10px 20px 20px;
}

.help-page-overflow {
    padding: 0 10px 0 0;
    list-style-type: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: 100%;
    scrollbar-width: thin;
    scrollbar-color: #c7c3bc transparent;
}

.help-page::before {
    background-image: url(https://client.crisp.chat/static/images/chat/tiles/floating-cogs.svg?6e324a8) !important;
    background-size: 240px !important;
    opacity: .075 !important;
    content: "" !important;
    background-repeat: repeat !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}

.faq-item {
    position: relative;
    z-index: 2;
    width: 100%;
    min-height: 74px;
    background: #7354a9ba;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    color: #e7e2d8;
    font-weight: 400;
    font-size: 8px 15px;
    border-radius: 4px;
    margin-bottom: 10px;
    gap: 10px;
}

.faq-item:hover {
    background: #7e5abd;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 6px 16px rgba(0, 0, 0, .1);
}

.title-faq-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.title-faq-text h4 {
    font-size: 14px;
    font-weight: 500;
    color: #e7e2d8;
    margin-bottom: 0;
    text-align: start;
}

.title-faq-text p {
    font-weight: 400;
    color: #c7c3bc;
    margin-bottom: 0;
    text-align: start;
    line-height: 1.2;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    margin-top: 4px !important;
    display: -webkit-box !important;
    font-size: 12px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2!important;
    -webkit-box-orient: vertical !important;
}

.chat-messages {
    flex: 1 1 auto;
    min-height: 0; 
    padding: 12px;
    padding-bottom: 40px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: #8f6ccd transparent;
}

.chat-message {
    padding: 0px 0px 10px 0px;
    overflow-wrap: break-word;
    display: flex;
    word-break: break-word;
    white-space: pre-wrap;
    position: relative;
}

.foot-widget-modal {
    display: flex;
    gap: 8px;
    padding: 10px 10px 30px 10px;
    border-top: 1px solid rgb(102 70 158 / 10%);
    align-items: flex-end;
}

.chat-textarea {
    flex: 1;
    resize: none;
    min-height: 44px;
    max-height: 150px;
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    background: #e4def1;
    color: #2e2d31;
    border: 1px solid #0000000d;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    scrollbar-width: thin;
    scrollbar-color: #8f6ccd transparent;
}

.chat-textarea {
  transition: height .12s ease;
}

.chat-textarea.error {
    scrollbar-color: #e56464 transparent;
    border: 1px solid #e56464;
}

.chat-textarea::placeholder {
  color: #656565;
  font-size: 13px;
  font-weight: 500;
}

.chat-send-btn {
    border-radius: 12px;
    background: #66469e;
    color: #e7e2d8;
    border: none;
    cursor: pointer;
    height: 36px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-send-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    width: 22px;
    margin-left: 4px;
}

.chat-send-btn:disabled {
    opacity: 1;
    cursor: default;
    background: #ddd4ec;
    color: #00000024;
}

.chat-time {
    position: absolute;
    bottom: 4px;
    font-size: 10px;
    font-weight: 400;
    color: #ffffff;
    right: 6px;
    opacity: 0.8;
    white-space: nowrap;
    pointer-events: none;
}


.from-support {
  justify-content: flex-start;
}

.from-user {
  justify-content: flex-end;
}

.chat-bubble {
    padding: 6px 12px 18px 12px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: break-word;
    display: flex;
    min-width: 70px;
    max-width: 260px;
    position: relative;
    word-break: break-word;
    white-space: pre-wrap;
}

.from-support .chat-bubble {
    background: #e4def1;
    color: #2e2d31;
    border-bottom-left-radius: 0;
    font-weight: 500;
    margin-top: 15px;
}
.from-support .chat-bubble .chat-time {
    color: #0d0a12;
}

.from-support .chat-operator-name {
    position: absolute;
    top: -17px;
    font-size: 11px;
    left: 4px;
    color: #656565;
}

.from-system .chat-operator-name {
    display: none;
}

.from-typing .chat-bubble {
    background: transparent;
    color: #656565;
    border-bottom-left-radius: 0;
    font-weight: 500;
    font-size: 12px;
    padding: 0;
    height: 38px;
    display: flex;
    align-items: flex-end;
}
.from-typing .chat-bubble .chat-time {
    display: none;
}


.from-support .chat-bubble::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -5px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 6px solid #e4def1;
}

.from-user .chat-bubble {
    background: #805ac3;
    color: #e7e2d8;
    border-bottom-right-radius: 0;
    font-weight: 500;
    animation: slideInFromRight 0.22s ease-out;
    margin-bottom: 8px;
    font-weight: 500;
}

.from-user .chat-bubble::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 6px solid #805ac3;
}

.chat-message {
    padding: 0px 0px 10px 0px;
    overflow-wrap: break-word;
    display: flex;
    word-break: break-word;
    white-space: pre-wrap;
    position: relative;
    align-items: flex-start;
    gap: 10px;
}

.from-support {
  justify-content: flex-start;
}

.from-user {
  justify-content: flex-end;
}

.chat-avatar {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #18120b;
    overflow: hidden;
}

.chat-avatar img {
    width: 100%;
    height: 100%;
}

.chat-text a {
  color: #9cb0ff;
  text-decoration: underline;
  word-break: break-all;
}

.from-support .chat-text a {
  color: #66469e;
}

.chat-text a:hover {
  opacity: 0.85;
}
.chat-text {
    white-space: pre-line;
}

.chat-message.from-support {
  animation: slideInFromRight 0.22s ease-out;
  margin-top: 4px;
}

@keyframes slideInFromRight {
  from {
    transform: translateX(24px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInFromLeft {
  from {
    transform: translateX(-24px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.chat-status {
    position: absolute;
    bottom: -14px;
    right: 0;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    width: auto;
}

.status.sending {
    color: #1d1c1e;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 4px;
}

.status.sent {
    color: #5b2bb1;
    font-weight: 500;
}


.status.error { 
  display: flex;
  align-items: center; 
}

.status.error button{ 
    color: #e92b2b;
    font-size: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid transparent;
}

.status.error button:hover {
    border-bottom: 1px solid #e92b2b;
}

.chat-date {
  text-align: center;
  margin: 14px 0;
  font-size: 12px;
  color: #9a9a9a;
}

.chat-date span {
  background: rgba(255,255,255,0.06);
  padding: 4px 10px;
  border-radius: 12px;
}

.chat-message.from-date {
    justify-content: center;
}

.chat-message.from-date span{
    font-size: 11px;
    font-weight: 500;
    color: #656565;
}

.footer-help-tg {
    position: absolute;
    font-size: 10px;
    color: #0d0a12;
    font-weight: 500;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.footer-help-tg a {
    color: #66469e;
}

.footer-help-tg a:hover {
    color: #66469e;
}

@media (max-width: 480px) {

  html.support-open,
  body.support-open {
    overflow: hidden;
    height: 100%;
    touch-action: none;
  }

  html,
  body {
    overflow-x: hidden;
  }
}

.from-system {
    justify-content: center;
    margin-top: 4px;
}

.from-system .chat-bubble {
    background: #e4def1;
    box-shadow: none;
    color: #656565;
    font-size: 11px;
    font-weight: 500;
    max-width: 340px;
    width: max-content;
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.from-system .chat-bubble .chat-time {
  display: none;
}

.user_message-text {
    font-size: 11px;
    font-weight: 500;
    padding: 6px 0 0 4px;
    height: 0px;
    transition: height 0.35s ease;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.user_message-text.error {
    color: #e56464;
    height: 24px;
}

.textarea-content {
    position: relative;
    width: 100%;
}

.page-preloader{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(24, 18, 11);
  backdrop-filter: blur(6px);
}

.page-preloader__box{
    width: 240px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.page-preloader__lottie{
  width: 240px;
  height: 240px;
  display: none;
  transition: opacity .2s ease;
}

.page-preloader__fallback {
  width: 240px;
  height: 240px;
  display: block;
  transition: opacity .2s ease;
}

.page-preloader--lottie-ready .page-preloader__lottie {
    display: block;
}

.page-preloader--lottie-ready .page-preloader__fallback {
    display: none;
}

.page-preloader--hide{
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.page-preloader__text {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  background: linear-gradient(
    90deg,
    #d8aa32 0%,
    #f4c550 40%,
    #ffe08a 50%,
    #f4c550 60%,
    #d8aa32 100%
  );
  background-size: 200% 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;

  animation: preloader-shimmer 2.6s infinite linear;
}

@keyframes preloader-shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}

.page-preloader__text {
  transition: opacity 0.3s ease;
}

.gradient-peasant {
  font-weight: 600;
  background: linear-gradient(90deg, #288edd, #6fc6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gradient-archer {
  font-weight: 600;
  background: linear-gradient(90deg, #ba4b30, #ea8747);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gradient-fairy {
  font-weight: 600;
  background: linear-gradient(90deg, #30ba81, #47ea88);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.gradient-paladin {
    font-weight: 600;
    background: linear-gradient(90deg, #2c9ff5, #6ec1ff, #d5a865, #c36a00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gradient-elf-rider {
    font-weight: 600;
    background: linear-gradient(90deg, #30ba81, #47ea88);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gradient-knight-rider {
    font-weight: 600;
    background: linear-gradient(90deg, #f52c64, #ff6e89, #6582d5, #0072c3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.gradient-bear {
    font-weight: 600;
    background: linear-gradient(90deg, #793200, #e56c25, #c74000, #c51929);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.price-flex {
    display: flex;
    align-items: center;
}

.img_price {
  width: 16px;
  margin-right: 4px;
}