@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap');

body {
   background: #100724;
   font-family: 'Poppins', sans-serif;
   font-weight: 400;
   font-size: 15px;
   line-height: 1.6;
   color: #fff;
   text-align: left;
   min-height: 100vh;
   overflow-x: hidden;
}

p {
   margin-top: 16px;
   width: 100%;
}

p:first-child {
   margin-top: 0;
}

ul,
ol {
   text-align: left;
   width: 100%;
}

li {
   position: relative;
   padding-left: 46px;
}

ol>li {
   counter-increment: ol;
}

li+li {
   margin-top: 4px;
}

ul>li:before,
ol>li:before {
   font: inherit;
   color: inherit;
   position: absolute;
   top: 0;
   left: 30px;
}

ul>li:before {
   content: "•";
}

ol>li:before {
   content: counter(ol)'.';
}

.type-list {
   background: -o-linear-gradient(top, rgba(156, 44, 243, 0.5) 0%, rgba(58, 73, 249, 0.5) 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 44, 243, 0.5)), to(rgba(58, 73, 249, 0.5)));
   background: linear-gradient(180deg, rgba(156, 44, 243, 0.5) 0%, rgba(58, 73, 249, 0.5) 100%);
   border-radius: 10px;
   padding: 16px;
   position: relative;
}

.type-list::before {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: 10px;
   padding: 1px;
   background: -o-linear-gradient(top, #9C2CF3 0%, #3A49F9 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#9C2CF3), to(#3A49F9));
   background: linear-gradient(180deg, #9C2CF3 0%, #3A49F9 100%);
   -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   -webkit-mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
}

.type-list>li {
   padding: 4px 0 4px 48px;
}

.type-list>li+li {
   margin-top: 16px;
}

.type-list>li:before {
   width: 32px;
   height: 32px;
   left: 0;
}

ol.type-list>li:before {
   content: counter(ol);
   background: -o-linear-gradient(272.77deg, #9C2CF3 -13.49%, #3A49F9 109.75%);
   background: linear-gradient(177.23deg, #9C2CF3 -13.49%, #3A49F9 109.75%);
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-weight: 900;
}

ul.type-list>li:before {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z' fill='url(%23paint0_linear_11_2256)'/%3E%3Cpath d='M13.175 22.95L8 17.775L10.3583 15.4167L13.175 18.2417L21.4083 10L23.7667 12.3583L13.175 22.95Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_11_2256' x1='16.1103' y1='-5.30526' x2='18.1059' y2='35.9426' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239C2CF3'/%3E%3Cstop offset='1' stop-color='%233A49F9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
}

.type-list>li ul,
.type-list>li ol {
   margin: 20px 0 -4px -16px;
}

.type-list>li ul li,
.type-list>li ol li {
   padding-left: 15px;
}

.type-list>li ul li:before,
.type-list>li ol li:before {
   left: 0;
}

.type-list>li p+p {
   margin-top: 5px;
}

nav ul li {
   padding: 0;
}

nav ul li+li {
   margin-top: 0;
}

nav ul li:before {
   display: none;
}

/* Title */
h1,
h2,
h3,
h4,
.title {
   display: block;
   color: #FFD169;
   text-align: center;
   position: relative;
   width: 100%;
}

.title {
   margin-bottom: 16px;
}

h1,
.title.general {
   font-weight: 900;
   font-size: 32px;
   color: #fff;
   line-height: 1.5;
}

h2,
.title.high {
   font-weight: 900;
   font-size: 28px;
   line-height: 1.42;
}

h3,
.title.middle {
   font-weight: 600;
   font-size: 20px;
   line-height: 1.4;
}

h4,
.title.mini {
   font-weight: 600;
   font-size: 15px;
   line-height: 1.6;
}

/* Article */
article,
.article {
   font-weight: 400;
   font-size: 15px;
   line-height: 1.6;
   text-align: left;
}

article>*:first-child,
.article>*:first-child {
   margin-top: 0px;
}

article>*+*,
.article>*+* {
   margin-top: 16px;
}

article .background+*,
.article .background+* {
   margin-top: 0;
}

article p a,
.article p a,
article li a:not(.button),
.article li a:not(.button) {
   color: inherit;
   text-decoration: underline;
}

article img,
.article img {
   border-radius: 10px;
   display: block;
}

article .title+*,
.article .title+* {
   margin-top: 0;
}

/* Button */
.button {
   display: inline-block;
   background-color: #34C759;
   border: 2px solid #34C759;
   border-radius: 100px;
   font-weight: 600;
   font-size: 20px;
   color: #fff;
   line-height: 1;
   text-align: center;
   text-transform: capitalize;
   padding: 16px;
   margin: 16px 0 0;
   min-width: 200px;
   height: auto;
   position: relative;
}

.button:hover {
   background-color: #fff;
   color: #34C759;
}

.button img {
   display: inline-block;
   vertical-align: middle;
}

/* Special */
.image img,
.background img {
   display: block;
   position: relative;
   margin: auto;
}

.background {
   display: block !important;
   position: absolute !important;
   top: 0px;
   bottom: 0px;
   left: 0px;
   right: 0px;
}

.background img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.js-expand-content {
   display: none;
   overflow: hidden;
}

.js-expand-content.expanded {
   height: 100%;
}

svg {
   display: inline-block;
   position: relative;
   vertical-align: inherit;
   fill: rgba(255, 255, 255, 1);
   line-height: 1;
}

use {
   fill: rgba(255, 255, 255, 1);
   fill-rule: evenodd;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

.path {
   fill: inherit;
   stroke: inherit;
   stroke-width: inherit;
}

/* Content */
.content,
.cover {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
   margin: 0px auto;
   overflow: hidden;
}

.content {
   margin-top: 20px;
   padding: 32px 0;
}

.cover {
   padding-left: 48px;
   padding-right: 48px;
}

.content>*,
.cover>* {
   display: block;
   position: relative;
}

/* Header */
.header {
   background: #100724;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   overflow: visible;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10;
   height: auto;
   padding-top: 12px;
   padding-bottom: 12px;
}

.logo {
   display: block;
}

.logo img {
   display: block;
}

.header__logo {
   max-width: 154px;
}

.menu-button,
.header__menu .header__button {
   display: none;
}

.header__menu {
   margin: 0 auto 0 6%;
}

.header__menu ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 26px;
}

.header__menu ul li a {
   display: block;
   font-weight: 600;
   font-size: 15px;
   color: #fff;
}

.header__menu ul li a:hover {
   color: #717CFF;
}

.header__button {
   font-size: 15px;
   padding-top: 11px;
   padding-bottom: 10px;
   min-width: 120px;
   margin-top: 0;
}

.header__button-login {
   background: -o-linear-gradient(272.77deg, #392B6B -13.49%, #3942B1 109.75%);
   background: linear-gradient(177.23deg, #392B6B -13.49%, #3942B1 109.75%);
   border: none;
   padding-top: 13px;
   padding-bottom: 12px;
}

.header__button-login:hover {
   background: -o-linear-gradient(272.77deg, rgba(59, 9, 98, 0.7) -13.49%, rgba(58, 73, 249, 0.7) 109.75%);
   background: linear-gradient(177.23deg, rgba(59, 9, 98, 0.7) -13.49%, rgba(58, 73, 249, 0.7) 109.75%);
   color: #fff;
}

.header__lang {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   font-weight: 400;
   font-size: 15px;
   color: #fff;
   line-height: 1;
   text-transform: uppercase;
   margin-right: 12px;
}

.header__lang img {
   border-radius: 50%;
   max-width: 24px;
}

/* Main */
.main {
   padding: 64px 48px 32px 302px;
}

/* Sidebar */
.sidebar {
   position: fixed;
   top: 64px;
   left: 48px;
   height: calc(100vh - 64px);
   width: 234px;
   padding: 20px 0 30px;
   overflow: auto;
   z-index: 15;
}

.sidebar::-webkit-scrollbar {
   display: none;
}

.sidebar>*+* {
   margin-top: 16px;
}

/* sideba buttons */
.sidebar-buttons__button {
   background: -o-linear-gradient(left, #392F76 41.99%, #2D0F62 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(41.99%, #392F76), to(#2D0F62));
   background: linear-gradient(90deg, #392F76 41.99%, #2D0F62 100%);
   border-radius: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-weight: 500;
   font-size: 15px;
   color: #fff;
   text-transform: uppercase;
   overflow: hidden;
}

.sidebar-buttons__button+.sidebar-buttons__button {
   margin-top: 8px;
}

.sidebar-buttons__button img {
   max-width: 77px;
   margin-right: -17px;
}

/* sidebar menu */
.sidebar-menu__list li+li {
   margin-top: 8px;
}

.sidebar-menu__list li a {
   border-radius: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   font-size: 15px;
   color: #B8A3E4;
   padding: 8px 40px 8px 16px;
}

.sidebar-menu__list li a img {
   max-width: 24px;
}

.sidebar-menu__list li a:after {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M9.55958 8.00233L5.4445 3.88707C5.33119 3.77403 5.26886 3.62289 5.26886 3.46174C5.26886 3.3005 5.33119 3.14945 5.4445 3.03623L5.80509 2.67582C5.91822 2.56242 6.06945 2.5 6.2306 2.5C6.39176 2.5 6.5428 2.56242 6.65602 2.67582L11.5557 7.57538C11.6693 7.68896 11.7316 7.84072 11.7311 8.00206C11.7316 8.16411 11.6694 8.31569 11.5557 8.42936L6.66058 13.3242C6.54737 13.4376 6.39632 13.5 6.23507 13.5C6.07392 13.5 5.92287 13.4376 5.80956 13.3242L5.44906 12.9638C5.21449 12.7292 5.21449 12.3473 5.44906 12.1128L9.55958 8.00233Z' fill='%23B8A3E4'/%3E%3C/svg%3E");
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   width: 16px;
   height: 16px;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 16px;
   margin: auto;
}

.sidebar-menu__list li a:hover {
   background-color: #251645;
   color: #fff;
}

.sidebar-menu__list li a:hover:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M9.55958 8.00233L5.4445 3.88707C5.33119 3.77403 5.26886 3.62289 5.26886 3.46174C5.26886 3.3005 5.33119 3.14945 5.4445 3.03623L5.80509 2.67582C5.91822 2.56242 6.06945 2.5 6.2306 2.5C6.39176 2.5 6.5428 2.56242 6.65602 2.67582L11.5557 7.57538C11.6693 7.68896 11.7316 7.84072 11.7311 8.00206C11.7316 8.16411 11.6694 8.31569 11.5557 8.42936L6.66058 13.3242C6.54737 13.4376 6.39632 13.5 6.23507 13.5C6.07392 13.5 5.92287 13.4376 5.80956 13.3242L5.44906 12.9638C5.21449 12.7292 5.21449 12.3473 5.44906 12.1128L9.55958 8.00233Z' fill='white'/%3E%3C/svg%3E");
}

/* sidebar quicklinks */
.sidebar__quicklinks {
   background-color: #251645;
   border-radius: 10px;
}

.sidebar-quicklinks__button {
   display: block;
   background: -o-linear-gradient(left, #392F76 41.99%, #2D0F62 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(41.99%, #392F76), to(#2D0F62));
   background: linear-gradient(90deg, #392F76 41.99%, #2D0F62 100%);
   border-radius: 10px;
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   font-size: 15px;
   line-height: 1.067;
   color: #fff;
   text-align: left;
   text-transform: uppercase;
   width: 100%;
   padding: 16px 40px 16px 16px;
   position: relative;
}

.sidebar-quicklinks__button:before {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.50233 6.94042L4.38707 11.0555C4.27403 11.1688 4.12289 11.2311 3.96174 11.2311C3.8005 11.2311 3.64945 11.1688 3.53623 11.0555L3.17582 10.6949C3.06242 10.5818 3 10.4306 3 10.2694C3 10.1082 3.06242 9.9572 3.17582 9.84398L8.07538 4.94433C8.18896 4.83066 8.34072 4.76842 8.50206 4.76886C8.66411 4.76842 8.81569 4.83057 8.92936 4.94433L13.8242 9.83942C13.9376 9.95263 14 10.1037 14 10.2649C14 10.4261 13.9376 10.5771 13.8242 10.6904L13.4638 11.0509C13.2292 11.2855 12.8473 11.2855 12.6128 11.0509L8.50233 6.94042Z' fill='white'/%3E%3C/svg%3E");
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   width: 16px;
   height: 16px;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 16px;
   margin: auto;
}

.sidebar-quicklinks__button.slide:before {
   -webkit-transform: rotateX(180deg);
   transform: rotateX(180deg);
}

.sidebar-quicklinks__list {
   padding: 8px 0;
}

.sidebar-quicklinks__list li a {
   display: block;
   font-weight: 400;
   font-size: 14px;
   color: #fff;
   padding: 8px 16px;
}

.sidebar-quicklinks__list li a:hover {
   color: #FFD169;
}

/* Prime */
.prime {
   border-radius: 8px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 14px 16px 29px;
}

.prime__img {
   position: absolute;
   left: 57.5%;
   bottom: 0;
   max-width: 36%;
}

.prime__img img {
   display: block;
}

.prime__wrap {
   border-radius: 32px;
   max-width: 607px;
   text-align: center;
   padding: 126px 32px 35px;
   position: relative;
}

.prime__wrap:before {
   content: '';
   background: url('../img/prime-wrap-bg.png') no-repeat top center / cover;
   position: absolute;
   inset: 0;
}

.prime__wrap>* {
   position: relative;
   z-index: 1;
}

.prime__icon {
   display: block;
   max-width: 50px;
   position: absolute;
   left: 0;
   right: 0;
   top: 38px;
   margin: auto;
}

.prime__rating {
   font-size: 15px;
   margin-bottom: 8px;
}

.prime__title {
   margin-bottom: 0;
   padding: 0 99px;
}

.prime__title:before,
.prime__title:after {
   content: '';
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   width: 88px;
   height: 16px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
}

.prime__title:before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='16' viewBox='0 0 89 16' fill='none'%3E%3Crect width='11.212' height='11.212' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 88.5 7.92804)' fill='%23FFD169'/%3E%3Crect width='7.30718' height='7.30718' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 70.9081 7.92804)' fill='%23FFD169'/%3E%3Crect width='56.6026' height='2.7611' transform='matrix(-1 0 0 1 57.1026 6.90247)' fill='%23FFD169'/%3E%3C/svg%3E");
   left: 3px;
}

.prime__title:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='16' viewBox='0 0 89 16' fill='none'%3E%3Crect width='11.212' height='11.212' transform='matrix(0.707107 0.707107 0.707107 -0.707107 0.5 8.07196)' fill='%23FFD169'/%3E%3Crect width='7.30718' height='7.30718' transform='matrix(0.707107 0.707107 0.707107 -0.707107 18.0919 8.07196)' fill='%23FFD169'/%3E%3Crect width='56.6026' height='2.7611' transform='matrix(1 0 0 -1 31.8975 9.09753)' fill='%23FFD169'/%3E%3C/svg%3E");
   right: 3px;
}

.prime__subtitle {
   text-transform: uppercase;
   margin: 0;
}

.prime__subtitle span {
   color: #FFD169;
}

.prime__text {
   margin-top: 8px;
}

/* table */

.table {
   width: 100%;
}

.table tr {
   border-radius: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 20px;
   padding: 12px 16px;
}

.table tr>* {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

.table thead tr {
   background-color: #251645;
   position: relative;
}

.table thead tr:before {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: 10px;
   padding: 1px;
   background: -o-linear-gradient(top, #9C2CF3 0%, #3A49F9 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#9C2CF3), to(#3A49F9));
   background: linear-gradient(180deg, #9C2CF3 0%, #3A49F9 100%);
   -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   -webkit-mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
}

.table thead tr>* {
   font-weight: 500;
   text-transform: uppercase;
}

.table tbody tr {
   background-color: #1D1136;
   margin-top: 2px;
}

.table tbody td p+p {
   margin-top: 4px;
}

.table img {
   display: inline-block;
   max-width: 24px;
}

.about__table th {
   max-width: 240px;
}

/* pros cons */
.pros-cons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   width: 100%;
}

.pros-cons__item {
   background-color: #1D1136;
   border-radius: 10px;
   width: calc(50% - 10px);
   padding: 16px 16px 16px 80px;
   position: relative;
}

.pros-cons__item:before {
   content: '';
   border-radius: 50%;
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: 16px;
   width: 48px;
   height: 48px;
   position: absolute;
   top: 16px;
   left: 16px;
}

.pros__item:before {
   background-color: #34C759;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16 10.4157H10.5412V16H5.45882V10.4157H0V5.61569H5.45882V0H10.5412V5.61569H16V10.4157Z' fill='white'/%3E%3C/svg%3E");
}

.cons__item:before {
   background-color: #B63D3D;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4' viewBox='0 0 16 4' fill='none'%3E%3Cpath d='M16 0V4H0V0H16Z' fill='white'/%3E%3C/svg%3E");
}

.pros-cons__title {
   color: #fff;
   text-transform: uppercase;
   text-align: left;
   margin-bottom: 10px;
}

.pros-cons__item ul li {
   padding-left: 20px;
}

.pros-cons__item ul li:before {
   left: 0;
}

/* Bonus Banner */
.bonus-banner {
   border-radius: 10px;
   min-height: 320px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding: 24px;
}

.bonus-banner__wrap {
   text-align: center;
   max-width: 545px;
   width: 100%;
}

.bonus-banner__title {
   padding: 0 99px;
   margin: 0;
}

.bonus-banner__title:before,
.bonus-banner__title:after {
   content: '';
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   width: 88px;
   height: 16px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
}

.bonus-banner__title:before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='16' viewBox='0 0 89 16' fill='none'%3E%3Crect width='11.212' height='11.212' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 88.5 7.92804)' fill='%23FFD169'/%3E%3Crect width='7.30718' height='7.30718' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 70.9081 7.92804)' fill='%23FFD169'/%3E%3Crect width='56.6026' height='2.7611' transform='matrix(-1 0 0 1 57.1026 6.90247)' fill='%23FFD169'/%3E%3C/svg%3E");
   left: 3px;
}

.bonus-banner__title:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='16' viewBox='0 0 89 16' fill='none'%3E%3Crect width='11.212' height='11.212' transform='matrix(0.707107 0.707107 0.707107 -0.707107 0.5 8.07196)' fill='%23FFD169'/%3E%3Crect width='7.30718' height='7.30718' transform='matrix(0.707107 0.707107 0.707107 -0.707107 18.0919 8.07196)' fill='%23FFD169'/%3E%3Crect width='56.6026' height='2.7611' transform='matrix(1 0 0 -1 31.8975 9.09753)' fill='%23FFD169'/%3E%3C/svg%3E");
   right: 3px;
}

.bonus-banner__subtitle {
   margin: 0;
   text-transform: uppercase;
}

.bonus-banner__subtitle span {
   color: #FFD169;
}

/* App Banner */
.app-banner {
   border-radius: 10px;
   padding: 47px 20px;
}

.app-banner__img {
   display: block;
   position: absolute;
   bottom: 0;
   max-width: 25%;
}

.app-banner__img-left {
   left: 12%;
}

.app-banner__img-right {
   right: 9%;
}

.app-banner__wrap {
   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;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 16px;
}

.app-banner__button {
   background: -o-linear-gradient(272.77deg, #392B6B -13.49%, #3942B1 109.75%);
   background: linear-gradient(177.23deg, #392B6B -13.49%, #3942B1 109.75%);
   border-radius: 8px;
   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;
   gap: 16px;
   font-weight: 600;
   font-size: 15px;
   color: #fff;
   line-height: 1.3;
   text-transform: uppercase;
   width: 240px;
   height: 64px;
   padding: 12px 20px;
   position: relative;
}

.app-banner__button:hover {
   background: -o-linear-gradient(top, #9C2CF3 0%, #3A49F9 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#9C2CF3), to(#3A49F9));
   background: linear-gradient(180deg, #9C2CF3 0%, #3A49F9 100%);
}

.app-banner__button:before {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: 10px;
   padding: 1px;
   background: -o-linear-gradient(top, #9C2CF3 0%, #3A49F9 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#9C2CF3), to(#3A49F9));
   background: linear-gradient(180deg, #9C2CF3 0%, #3A49F9 100%);
   -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   -webkit-mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
}

.app-banner__button img {
   max-width: 32px;
}

.app-banner__button span {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

/* Bonuses */
.bonuses__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 20px;
}

.bonuses-list__item {
   background-color: #1D1136;
   border: 1px solid #FFD169;
   border-radius: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: calc(33.3% - 13.3px);
   min-width: 300px;
   padding: 20px;
}

.bonuses-list__item+.bonuses-list__item {
   margin-top: 0;
}

.bonuses-list__item:before {
   display: none;
}

.bonuses-item__title {
   text-align: center;
   padding: 0 46px;
   width: auto;
}

.bonuses-item__title:before,
.bonuses-item__title:after {
   content: '';
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   width: 24px;
   height: 16px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
}

.bonuses-item__title:before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16' fill='none'%3E%3Crect width='8.12137' height='8.12137' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 22.7427 8)' fill='%23FFD169'/%3E%3Crect width='5.29294' height='5.29294' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 8)' fill='%23FFD169'/%3E%3C/svg%3E");
   left: 14px;
}

.bonuses-item__title:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 25 16' fill='none'%3E%3Crect width='8.12137' height='8.12137' transform='matrix(0.707107 0.707107 0.707107 -0.707107 1 8)' fill='%23FFD169'/%3E%3Crect width='5.29294' height='5.29294' transform='matrix(0.707107 0.707107 0.707107 -0.707107 13.7427 8)' fill='%23FFD169'/%3E%3C/svg%3E");
   right: 14px;
}

.bonuses-item__text {
   margin-top: 16px;
}

.bonuses-item__text *+* {
   margin-top: 10px;
}

.bonuses-item__text li {
   padding-left: 20px;
}

.bonuses-item__text li:before {
   left: 0;
}

/* Games */
.games__table thead th:first-child,
.games__table tbody th {
   max-width: 200px;
}

/* Revies */
.reviews__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 20px;
}

.reviews-list__item {
   background: #1D1136;
   border: 1px solid #FFD169;
   border-radius: 10px;
   padding: 32px 24px;
   width: calc(50% - 10px);
}

.reviews-list__item:before {
   display: none;
}

.reviews-list__item+.reviews-list__item {
   margin-top: 0;
}

.reviews-item__heading {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
}

.reviews-heading__rate {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 4px;
}

.reviews-heading__rate img {
   max-width: 24px;
}

.reviews-item__desc {
   font-size: 18px;
   line-height: 1.4;
   margin-top: 16px;
}

/* FAQ */
.faq-list__item {
   background-color: #251645;
   border-radius: 10px;
   padding: 0;
   overflow: hidden;
   -webkit-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}

.faq-list__item+.faq-list__item {
   margin-top: 8px;
}

.faq-list__item:before {
   display: none;
}

.faq-list__item:after {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: 10px;
   padding: 1px;
   background: -o-linear-gradient(top, #9C2CF3 0%, #3A49F9 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(#9C2CF3), to(#3A49F9));
   background: linear-gradient(180deg, #9C2CF3 0%, #3A49F9 100%);
   -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   -webkit-mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,
      -webkit-gradient(linear, left top, left bottom, color-stop(0, #000));
   mask: linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
   z-index: 0;
   opacity: 0;
}

.faq-list__item.active:after {
   opacity: 1;
}

.faq-item__title {
   font-weight: 600;
   font-size: 15px;
   text-transform: uppercase;
   text-align: left;
   cursor: pointer;
   margin: 0;
   padding: 16px 48px 16px 16px;
   position: relative;
   z-index: 1;
}

.faq-list__item.active .faq-item__title {
   color: #fff;
}

.faq-item__title:after {
   content: '';
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55952 8.00233L5.44444 3.88707C5.33113 3.77403 5.2688 3.62289 5.2688 3.46174C5.2688 3.3005 5.33113 3.14945 5.44444 3.03623L5.80503 2.67582C5.91816 2.56242 6.06939 2.5 6.23054 2.5C6.39169 2.5 6.54274 2.56242 6.65596 2.67582L11.5556 7.57538C11.6693 7.68896 11.7315 7.84072 11.7311 8.00206C11.7315 8.16411 11.6694 8.31569 11.5556 8.42936L6.66052 13.3242C6.5473 13.4376 6.39626 13.5 6.23501 13.5C6.07386 13.5 5.92281 13.4376 5.8095 13.3242L5.449 12.9638C5.21443 12.7292 5.21443 12.3473 5.449 12.1128L9.55952 8.00233Z' fill='%23FFD169'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 16px;
   margin: auto;
   width: 16px;
   height: 16px;
}

.faq-list__item.active .faq-item__title:after {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.50233 6.94012L4.38707 11.0552C4.27403 11.1685 4.12289 11.2308 3.96174 11.2308C3.8005 11.2308 3.64945 11.1685 3.53623 11.0552L3.17582 10.6946C3.06242 10.5815 3 10.4302 3 10.2691C3 10.1079 3.06242 9.95689 3.17582 9.84367L8.07538 4.94402C8.18896 4.83035 8.34072 4.76811 8.50206 4.76856C8.66411 4.76811 8.81569 4.83026 8.92936 4.94402L13.8242 9.83911C13.9376 9.95233 14 10.1034 14 10.2646C14 10.4258 13.9376 10.5768 13.8242 10.6901L13.4638 11.0506C13.2292 11.2852 12.8473 11.2852 12.6128 11.0506L8.50233 6.94012Z' fill='white'/%3E%3C/svg%3E%0A");
}

.faq-item__desc {
   margin-top: -12px;
   padding: 0 16px 16px 16px;
}

/* Footer */
.footer {
   padding: 0 48px 32px 302px;
}

.footer__wrap {
   background-color: #190B38;
   border-radius: 10px;
   padding: 32px;
   width: 100%;
}

.footer__wrap ul li {
   padding: 0;
}

.footer__wrap ul li:before {
   display: none;
}

.footer__wrap ul li+li {
   margin-top: 0;
}

.footer__partners {
   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;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 24px 40px;
}

.footer__partners img {
   display: block;
   max-height: 32px;
}

.footer__lang {
   border-top: 1px solid #645B8E;
   border-bottom: 1px solid #645B8E;
   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;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 16px;
   margin: 40px 0;
   padding: 40px;
}

.footer__lang li a {
   background: -o-linear-gradient(left, #392F76 41.99%, #2D0F62 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(41.99%, #392F76), to(#2D0F62));
   background: linear-gradient(90deg, #392F76 41.99%, #2D0F62 100%);
   border-radius: 10px;
   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;
   gap: 8px;
   font-size: 15px;
   color: #fff;
   line-height: 1;
   text-transform: uppercase;
   padding: 12px 16px;
}

.footer__lang li a:hover {
   background: -o-linear-gradient(left, #1D1136 41.99%, #1D1136 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(41.99%, #1D1136), to(#1D1136));
   background: linear-gradient(90deg, #1D1136 41.99%, #1D1136 100%);
}

.footer__lang li a img {
   border-radius: 50%;
   max-width: 24px;
}

.footer__menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   width: 100%;
}

.footer-menu__item {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.footer__logo {
   max-width: 154px;
}

.footer-item__title {
   font-weight: 600;
   font-size: 15px;
   color: #fff;
   text-transform: uppercase;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   margin-bottom: 8px;
}

.footer-item__title img {
   max-width: 24px;
}

.footer-menu__item ul li a {
   color: #B8A3E4;
}

.footer-menu__item ul li a:hover {
   color: #fff;
}

.footer-item__icons {
   margin-top: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 16px;
}

.footer-item__icon {
   border-radius: 50%;
   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: 56px;
   height: 56px;
}

.footer-item__icon-support {
   background-color: #17AE41;
}

.footer-item__icon-age {
   background-color: #B63D3D;
   font-weight: 700;
   font-size: 20px;
   color: #fff;
   line-height: 1;
   text-transform: uppercase;
}

.footer__copyright {
   font-size: 12px;
   color: #B8A3E4;
   margin-top: 40px;
}

.footer__copyright p {
   margin-top: 0;
}

/* Btn Top */
.to-top {
   background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='8' fill='url(%23paint0_linear_31_1400)'/%3E%3Cpath d='M10 22L16 16L22 22L25 19L16 10L7 19' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_31_1400' x1='16.1103' y1='-5.30526' x2='18.1059' y2='35.9426' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23392B6B'/%3E%3Cstop offset='1' stop-color='%233942B1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   width: 32px;
   height: 32px;
   position: fixed;
   right: 20px;
   bottom: 20px;
   display: none;
   z-index: 1000;
   opacity: .7;
}

.to-top:hover {
   opacity: 1;
}

/* PAGES */
/* Breadcrumbs */
.breadcrumbs {
   text-align: center;
   margin-bottom: 8px;
}

.breadcrumbs>li {
   background: none;
   border-radius: 0;
   display: inline-block;
   vertical-align: middle;
   line-height: 1;
   padding: 0px;
}

.breadcrumbs>li+li {
   margin: 0;
}

.breadcrumbs>li:before {
   display: none;
}

.breadcrumbs>li a {
   display: inline-block;
   font-weight: 400;
   font-size: 15px;
   line-height: 1;
   color: #fff;
}

.breadcrumbs>li a:not([href]) {
   font-weight: 700;
}

.breadcrumbs>li:not(:last-child):after {
   content: '|';
   display: inline-block;
   vertical-align: middle;
   position: relative;
   margin: 0px 3px;
}

.breadcrumbs>li a:not([href]),
.breadcrumbs>li a:not([href]) span {
   cursor: default;
}

/* BONUS PAGE */
/* Prime */
.bonus-page .prime__img {
   left: 61%;
}

/* Banner */
.banner {
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   border-radius: 10px;
   padding: 76px 24px;
}

.banner__wrap {
   text-align: center;
   max-width: 542px;
   width: 100%;
   position: relative;
}

.banner__title {
   margin: 0;
}

.banner__subtitle {
   margin: 0;
}

.banner__subtitle span {
   color: #FFD169;
}

/* APP PAGE */
.app-page .prime__img {
   left: 58%;
}