@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&family=Roboto:wght@400;700&display=swap");

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  min-height: 100vh;
  background: #0b0c21;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-align: left;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.content {
  background: #1f2038;
  border-radius: 20px;
  max-width: 1163px;
  width: calc(100% - 20px);
  margin-top: 20px;
  padding: 20px;
}
.content,
.cover {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  overflow: hidden;
  position: relative;
}

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

.main__buttons {
  display: none;
}

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

.title + p,
p:first-child {
  margin-top: 0;
}
ul,
ol {
  text-align: left;
  width: 100%;
}

li {
  position: relative;
}
h1 {
  font-size: 30px;
  font-weight: 900;
  line-height: 48px;
  display: block;
  position: relative;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
}
h2,
h3,
h4 {
  font-size: 28px;
  font-weight: 700;
  line-height: 33.6px;
  display: block;
  position: relative;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
}
.title {
  margin-bottom: 16px;
}

h1.title,
.title.general {
  font-size: 30px;
  line-height: 1.6;
  margin-bottom: 16px;
}

h2,
.title.high {
  color: #fcc211;
  text-align: left;
  border: 1px solid #fcc211;
  background: #14152d;
  border-radius: 14px;
  font-size: 28px;
  line-height: 33.6px;
  padding: 12px 20px;
}

h3,
.title.middle {
  font-size: 20px;
}

h4,
.title.mini {
  font-size: 20px;
  text-transform: none;
}

/* Article */
article,
.article {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  text-align: left;
  z-index: 999;
}

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

article ul li,
.article ul li {
  padding-left: 18px;
}

article ol li,
.article ol li {
  padding-left: 26px;
}

article li + li,
.article li + li {
  margin-top: 8px;
}

ol > li {
  counter-increment: ol;
}

article ul > li:before,
.article ul > li:before,
article ol > li:before,
.article ol > li:before {
  display: inline-block;
  position: absolute;
  font: inherit;
  z-index: 1;
}

article ul > li:before,
.article ul > li:before {
  left: 0;
}

article ul ul > li:before,
.article ul ul > li:before {
  background-color: rgba(0, 0, 0, 0);
  border: 1.5px solid #ffd400;
}

article ul ul,
.article ul ul,
article ul ol,
.article ul ol {
  margin-top: 8px;
}

article ol > li:before,
.article ol > li:before {
  content: counter(ol) ".";
  left: 8px;
  top: 0;
  color: #14152d;
  font-weight: 600;
  font-size: 14px;
  line-height: 18.9px;
}

p a,
article li a,
.article li a,
.keyword {
  color: #fcc211;
}
.button {
  background: url("../img/button.svg") no-repeat center / cover;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  height: auto;
  width: auto;
  min-width: 264px;
  margin-top: 32px;
  padding: 30px 20px;
  position: relative;
}

.button:hover {
  transform: scale(1.05);
}

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

.button img {
  margin-right: 10px;
}

.button span {
  text-align: left;
}

/* 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;
}

.image.bonuses-item__image {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  max-height: 618px;
  width: unset;
  display: flex;
  z-index: 9;
  align-items: flex-end;
}
.image img, .background img {
  display: block;
  position: relative;
  object-fit: cover;
  width: 100%;
  height: auto;
  margin: 0;
}
@media (max-width: 1025px) {
  .image img, .background img {
      margin-bottom: 1px;
  }
}
.offers__list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}
.background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-fit: cover; 
    object-position: center bottom;
}

.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;
  transition: all 0.5s;
}

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

/* Header */
.header {
  background: #0b0c21;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  overflow: visible;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: auto;
  margin-top: 0;
  padding: 13px 0;
}

.logo img {
  display: block;
}

.header__logo {
  max-width: 152px;
}

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

.header__menu {
  margin-left: 5.2%;
}

.header__menu ul {
  display: flex;
  align-items: center;
  gap: 40px;
}

.header__menu ul a {
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}

.header__menu ul a:hover {
  color: #ffd400;
}

.header__button {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #ffd400;
  border-radius: 8px;
  text-align: center;
  min-width: 132px;
  padding: 8px 38px;
}
.header__button.header__signup {
  margin-left: auto;
}
.header__signup {
  background-color: #ffd400;
  color: #000;
}

.header__signup:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.header__login {
  color: #fff;
}

.header__login:hover {
  background-color: #ffd400;
  color: #000;
}

.header__lang {
  display: flex;
  align-items: center;
  gap: 6px;
}

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

.header__lang span {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}

/* Main */
.main {
  padding: 67px 0 0 257px;
}

/* Sidebar */
.sidebar {
  background: linear-gradient(180deg, #0b0c21 0%, #08091c 20.16%, #0b0c21 100%);
  width: 237px;
  height: calc(100vh - 67px);
  padding: 0 15px 30px;
  position: fixed;
  top: 67px;
  left: 0;
  overflow-y: auto; 
  z-index: 10;
}

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

.sidebar__menu {
  padding: 6px 0;
}

.sidebar__menu li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.76;
  display: block;
  color: #727489;
  position: relative;
  padding: 8px 0 8px 40px;
}

.sidebar__menu li a img {
  max-width: 24px;
  max-height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  margin: auto;
}

.sidebar__menu li a img:last-of-type {
  opacity: 0;
}

.sidebar__menu li a:hover img:last-of-type {
  opacity: 1;
}

.sidebar__menu li a:hover span {
  color: #ffd400;
}

.sidebar__menu-count {
  background-color: #fa5926;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 17px;
}

.sidebar__menu:after {
  content: "";
  display: block;
  margin: 17px 0 20px;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0)
  );
}

.sidebar__links-button {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  padding-right: 22px;
  color: #ffd400;
  text-align: left;
  position: relative;
  white-space: normal;
  width: 100%;
}

.sidebar__links-button:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.125%2010H5.875C4.83953%2010%204%2010.8955%204%2012C4%2013.1045%204.83953%2014%205.875%2014H17.125C18.1605%2014%2019%2013.1045%2019%2012C19%2010.8955%2018.1605%2010%2017.125%2010Z%22%20fill%3D%22%23FFD400%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
}

.sidebar__links-button.hide:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%2012C20%2013.104%2019.104%2014%2018%2014H14V18C14%2019.104%2013.104%2020%2012%2020C10.896%2020%209.99999%2019.104%209.99999%2018V14H6.00001C4.89601%2014%204%2013.104%204%2012C4%2010.896%204.89601%2010%206.00001%2010H9.99999V6C9.99999%204.896%2010.896%204%2012%204C13.104%204%2014%204.896%2014%206V10H18C19.104%2010%2020%2010.896%2020%2012Z%22%20fill%3D%22%23FFD400%22%2F%3E%3C%2Fsvg%3E");
}

.sidebar__links-list {
  margin-top: 10px;
}

.sidebar__links-list li + li {
  margin-top: 12px;
}
.sidebar__links-list li {
  color: #727489;
}
.sidebar__links-list a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: inherit;
  text-align: left;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  text-transform: none;
}

.sidebar__links-list li:hover {
  color: #ffd400;
}

/* Main */
.content-main {
  width: calc(100% - 257px);
}

/* hero */
.hero {
  border-radius: 0;
  margin-top: 0;
  padding: 72px 60px 67px;
}

.content.hero {
  width: 100%;
  max-width: 1183px;
}
.content.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}
.hero__wrap {
  max-width: 595px;
  position: relative;
  z-index: 12;
}

/* breadcrumbs */
.breadcrumbs {
  margin-bottom: 16px;
}

.breadcrumbs > li {
  display: inline-block;
  padding: 0px;
}

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

.breadcrumbs > li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}

.breadcrumbs > li a:not([href]) {
  color: #fff;
}

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

.breadcrumbs > li:not(:last-child):after {
  content: "|";
  display: inline-block;
  position: relative;
  font: inherit;
  color: #fff;
  margin-right: 12px;
}

.hero__title {
  margin-bottom: 17px;
}

.hero__title span {
  color: #ffd400;
}

.hero__text {
  line-height: 2;
}

.hero__button {
  margin-top: 32px;
}

/* Info */
.info__table {
  border: 1px solid #ffd400;
  border-radius: 15px;
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
}
.info__table table caption {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  display: block;
  padding: 12px 20px;
  background: #fcc21180;
  text-align: left;
  border-radius: 15px 15px 0 0;
}
.info__table tr {
  font-size: 14px;
  line-height: 22px;
  display: flex;
  gap: 20px;
  padding: 12px 25px 12px 20px;
}

.info__table tr:nth-child(even) {
  background: #fcc21180;
}

.info__table th {
  width: 245px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}

.info__table td {
  flex: 1;
  opacity: 0.8;
}

.info__table td ul {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px;
}

.info__table td ul li {
  background: linear-gradient(0deg, #14152d 0%, #45465e 100%);
  border-radius: 3px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  padding: 5px 8px;
}

.info__table td ul li img {
  border-radius: 50%;
  max-width: 16px;
}
/* slotsgem */
.slotsgem__block {
  border: 1px solid #fcc211;
  background: #fcc21180;
  display: block;
  width: 100%;
  border-radius: 15px;
  margin-top: 20px;
  padding: 20px;
}
.slotsgem__block h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.slotsgem__block ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.slotsgem__block ol > li {
  position: relative;
  counter-increment: list-counter;
  padding-left: 16px;
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.9px;
}
.slotsgem__block ol > li::before {
  content: counter(list-counter) ". ";
  position: absolute;
  left: 0;
  color: #14152d;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.9px;
}
/* Pros Cons */
.info__pros-cons {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.pros-cons__item {
  border: 1px solid #fcc211;
  background: #fcc21180;
  border-radius: 15px;
  padding: 20px;
  width: calc(50% - 10px);
}
article ul > li:before,
.article ul > li:before {
  content: "•";
  color: #14152d;
  width: 6px;
  height: 6px;
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.pros-cons__item-title {
  line-height: 16px;
  padding-left: 64px;
}

.pros-cons__item-title:before {
  content: "";
  background: linear-gradient(0deg, #14152d 0%, #45465e 100%);
  border-radius: 150px;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.pros__item .pros-cons__item-title:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%223%22%20fill%3D%22url(%23paint0_linear_1364_7768)%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28%2020C28%2021.104%2027.104%2022%2026%2022H22V26C22%2027.104%2021.104%2028%2020%2028C18.896%2028%2018%2027.104%2018%2026V22H14C12.896%2022%2012%2021.104%2012%2020C12%2018.896%2012.896%2018%2014%2018H18V14C18%2012.896%2018.896%2012%2020%2012C21.104%2012%2022%2012.896%2022%2014V18H26C27.104%2018%2028%2018.896%2028%2020Z%22%20fill%3D%22white%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_1364_7768%22%20x1%3D%2219.1451%22%20y1%3D%2240%22%20x2%3D%2219.1451%22%20y2%3D%228.33783e-07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2314152D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2345465E%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.cons__item .pros-cons__item-title:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Crect%20x%3D%220.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%223%22%20fill%3D%22%23FFD400%22%2F%3E%3Crect%20x%3D%220.5%22%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%223%22%20fill%3D%22url(%23paint0_linear_1364_7793)%22%2F%3E%3Cpath%20d%3D%22M25.625%2018H14.375C13.3395%2018%2012.5%2018.8955%2012.5%2020C12.5%2021.1045%2013.3395%2022%2014.375%2022H25.625C26.6605%2022%2027.5%2021.1045%2027.5%2020C27.5%2018.8955%2026.6605%2018%2025.625%2018Z%22%20fill%3D%22white%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_1364_7793%22%20x1%3D%2219.6451%22%20y1%3D%2240%22%20x2%3D%2219.6451%22%20y2%3D%228.33783e-07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2314152D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2345465E%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.pros-cons__item-list {
  margin-top: 16px;
  padding-left: 64px;
}

/* Article */
.bg-block {
  border: 1px solid #fcc211;
  background: #fcc21180;
  border-radius: 15px;
  padding: 20px;
  width: 100%;
}

.about__item-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.about__item.article.bg-block ol {
  counter-reset: list-counter;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.about__item.article.bg-block .bg-block__itam {
  background: linear-gradient(270deg, #ffc700 0%, #14152d 91%);
  border: 1px solid #ffc700;
  padding: 20px;
  border-radius: 15px;
}
.bg-block__itam h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 16px;
}
.about__item.article.bg-block ol > li {
  position: relative;
  counter-increment: list-counter;
  padding-left: 16px;
}
.about__item.article.bg-block ol > li::before {
  content: counter(list-counter) ". ";
  position: absolute;
  left: 0;
  color: #14152d;
  font-weight: bold;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.9px;
}
.about__item-title img {
  max-width: 32px;
}
.about__item.article.bg-block.bg-block__itam h4 {
  color: #fcc211;
  font-size: 20px;
  line-height: 24px;
}
.about__item.article.bg-block.bg-block__itam .bg-block__title {
  font-size: 20px;
  line-height: 27px;
}
/* Offers */
.offers__list {
  background: #00000080;
  z-index: 999px;
}
.offers__list-item .offers__list-text {
  background: rgba(252, 194, 17, 0.75);
  border: 1px solid #fcc211;
  padding: 20px;
  border-radius: 15px;
  max-width: 610px;
}
@media (min-width: 1440px) {
  .offers__list-item .offers__list-text {
    background: #fcc21180;
  }
}
.offers__list-text.offers__list-bonus h3 {
  color: #fcc211;
  line-height: 27px;
}
.offers__list-text ul {
  margin-top: 16px;
}
.offers__list-item .offers__list-text div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.offers__list-item.offers__list-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.content.offers {
  padding: 0;
}
.offers__list-item {
  border-radius: 15px;
  padding: 92px 80px;
  overflow: hidden;
  min-height: 571px;
}

.offers__list-item + .offers__list-item {
  margin-top: 20px;
}

.offers__item-desc {
  position: relative;
}

.offers__item-desc ul li + li {
  margin-top: 14px;
}

.offers__item-desc ul ul {
  margin-top: 14px;
}

/* Games */
.games__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
  margin-top: 20px;
}
.games__list.list {
  margin-top: 20px;
}
.games__list-item {
  box-sizing: border-box;
  border: 1px solid #fcc211;
  border-radius: 15px;
  overflow: hidden;
  padding: 96px 20px;
  width: calc(50% - 20px);
}
.games__item-desc {
  position: relative;
  z-index: 1;
}

.games__item-title {
  color: #fcc211;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.games__item-text {
  margin-top: 8px;
}
.offers__list-btn {
  display: flex;
  gap: 10px;
}

.games__item-text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
}
.games__list.list .games__list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.content.games {
  padding: 0;
  background: transparent;
}
.content.games.games__content {
  padding: 20px;
  background: #1f2038;
}
.games__list-item .background {
  overflow: hidden;
  border-radius: inherit;
}

.games__list-item .background img {
  display: block;
  border-radius: inherit;
}
.games__list.list .games__list-item {
  padding: 20px;
}
/* popular-online__content */
.content.popular-online__content div {
  background: #14152d;
  border: 1px solid #fcc211;
  padding: 20px;
  border-radius: 15px;
  margin-top: 20px;
  width: 100%;
}
.content.popular-online__content div ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.content.popular-online__content div ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  color: #fcc211;
  display: flex;
}
.content.popular-online__content div ul li:before {
  content: "•";
  color: #ffd400;
  width: 6px;
  height: 6px;
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.offers__list-item.offers__list-mobile {
  padding: 80px 80px;
}
.offers__list-item.offers__list-mobile .offers__list-text div {
  margin-top: 20px;
}
/* Slots */
ul.bg-block {
  padding: 14px;
}

ul.bg-block > li + li,
ul.bg-block ul {
  margin-top: 14px;
}

ul.bg-block ul li:before {
  background: none;
  border: 2px solid #14152d;
}

.table {
  border: 1px solid #ffd400;
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
}

.table thead {
  border-bottom: 1px solid #fcc211;
  background: #fcc21180;
}

.table thead th {
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  line-height: 16px;
  text-transform: uppercase;
  padding: 23px 20px;
}

.table tbody tr:nth-child(even) {
  background: #fcc21180;
}

.table tbody th,
.table td {
  padding: 21px 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18.9px;
}
.table.grade__table tbody th {
  padding: 12px 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
}
.table tbody th .slots__table th,
.slots__table td {
  width: 20%;
}

/* FAQ */
.faq__item {
  border: 1px solid #ffd400;
  overflow: hidden;
  border-radius: 8px;
}

.faq__item + .faq__item {
  margin-top: 16px;
}

.faq-item__title {
  background: #fcc21180;
  line-height: 30px;
  text-align: left;
  margin-bottom: 0;
  cursor: pointer;
  padding: 16px 55px 16px 16px;
}

.faq-item__title:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%225%22%20x2%3D%2212%22%20y2%3D%2219%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%225%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 17px;
  right: 16px;
}

.faq-item__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding: 16px;
  background: transparent;
}

.faq__item.active .faq-item__title:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17.125%2010H5.875C4.83953%2010%204%2010.8955%204%2012C4%2013.1045%204.83953%2014%205.875%2014H17.125C18.1605%2014%2019%2013.1045%2019%2012C19%2010.8955%2018.1605%2010%2017.125%2010Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}

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

.reviews__list-item {
  background: linear-gradient(
    90deg,
    rgba(255, 212, 0, 0.6) 0%,
    rgba(255, 199, 0, 0) 100%
  );
  border: 1px solid #fcc211;
  border-radius: 15px;
  padding: 20px;
  width: calc(50% - 10px);
}

.reviews__item-rate {
  display: flex;
  gap: 5px;
}

.reviews__item-rate img {
  max-width: 22px;
}

.reviews__item-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #ffd400;
  margin-bottom: 6px;
}

.reviews__item-text {
  margin-top: 16px;
}
.reviews__list-item {
  background: #fcc21180;
  border: 1px solid #fcc211;
  border-radius: 20px;
  padding: 14px 20px;
  width: calc(50% - 10px);
}
/* Grade */
.table.grade__table {
  margin-top: 20px;
}
.grade__table th,
.grade__table td {
  width: 50%;
}
.table.grade__table thead tr {
  background: #fcc211;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: #13151b;
}

/* Conclusion */
.conclusion {
  padding: 80px;
}
.conclusion__desc {
  position: relative;
  width: 100%;
}
.app-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}

.app-button {
  background: #14152d;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  width: 240px;
  height: 64px;
  padding: 10px 32px;
}

.app-button:hover {
  background-color: rgba(255, 212, 0, 0.5);
}

/* Footer */
.footer {
  padding: 20px 40px 20px 277px;
}

.footer__logo {
  filter: grayscale(100%);
  max-width: 152px;
  opacity: 0.5;
  margin: 0 auto;
}

.footer__flags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 32px;
}

.footer__flags li {
  background: linear-gradient(0deg, #14152d 0%, #45465e 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  padding: 12px;
}

.footer__flags li a {
  color: #fff;
}

.footer__flags li a img {
  border-radius: 50%;
  max-width: 24px;
  display: flex;
  align-items: center;
}

.footer__menu {
  margin: 32px 0px;
  width: 100%;
}

.footer__menu ul {
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 2px;
}

.footer__menu li a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.502);
  line-height: 1;
  text-transform: uppercase;
  padding: 9px 17px;
}

.footer__menu li a:hover {
  background-color: #ffd400;
  border-radius: 100px;
  color: #000;
}

.footer__text {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.footer__desc {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.71;
  flex: 1;
}

/* To top */
.to-top {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M15.6546%2013.8103L15.6546%2013.8103L12.3522%2019.5309C12.3519%2019.5314%2012.3516%2019.5318%2012.3513%2019.5323C12.2505%2019.7054%2012.2025%2019.9042%2012.2132%2020.1043C12.224%2020.3049%2012.2933%2020.4979%2012.4127%2020.6595C12.532%2020.8211%2012.6961%2020.9441%2012.8847%2021.0134C13.0729%2021.0826%2013.2773%2021.0951%2013.4725%2021.0495C13.4729%2021.0494%2013.4732%2021.0494%2013.4736%2021.0493L17.875%2020.0382L17.8744%2030.5618C17.8744%2031.1255%2018.0983%2031.666%2018.4968%2032.0645C18.8953%2032.463%2019.4358%2032.6869%2019.9994%2032.6869C20.563%2032.6869%2021.1035%2032.463%2021.502%2032.0645C21.9005%2031.666%2022.1244%2031.1255%2022.1244%2030.5619V20.0382L26.5266%2021.049C26.7223%2021.0964%2026.9278%2021.0847%2027.1169%2021.0151C27.3061%2020.9455%2027.4704%2020.8213%2027.5888%2020.6581C27.708%2020.4971%2027.7772%2020.3047%2027.788%2020.1046C27.7988%2019.9039%2027.7504%2019.7046%2027.6487%2019.5314C27.6482%2019.5305%2027.6477%2019.5297%2027.6472%2019.5289L24.3458%2013.8103L23.9128%2014.0603L24.3458%2013.8103L20.8919%207.82776C20.8018%207.67095%2020.6719%207.54069%2020.5153%207.45012C20.3588%207.35953%2020.1811%207.31184%2020.0002%207.31184C19.8194%207.31184%2019.6417%207.35953%2019.4851%207.45011C19.3286%207.54069%2019.1987%207.67096%2019.1085%207.82776L15.6546%2013.8103ZM9.76562%200.5H30.2344C35.3369%200.5%2039.5%204.66302%2039.5%209.76562V30.2344C39.5%2035.337%2035.337%2039.5%2030.2344%2039.5H9.76562C4.66317%2039.5%200.5%2035.337%200.5%2030.2344V9.76562C0.5%204.66302%204.66317%200.5%209.76562%200.5Z%22%20fill%3D%22%23FFD400%22%2F%3E%3Cpath%20d%3D%22M15.6546%2013.8103L15.6546%2013.8103L12.3522%2019.5309C12.3519%2019.5314%2012.3516%2019.5318%2012.3513%2019.5323C12.2505%2019.7054%2012.2025%2019.9042%2012.2132%2020.1043C12.224%2020.3049%2012.2933%2020.4979%2012.4127%2020.6595C12.532%2020.8211%2012.6961%2020.9441%2012.8847%2021.0134C13.0729%2021.0826%2013.2773%2021.0951%2013.4725%2021.0495C13.4729%2021.0494%2013.4732%2021.0494%2013.4736%2021.0493L17.875%2020.0382L17.8744%2030.5618C17.8744%2031.1255%2018.0983%2031.666%2018.4968%2032.0645C18.8953%2032.463%2019.4358%2032.6869%2019.9994%2032.6869C20.563%2032.6869%2021.1035%2032.463%2021.502%2032.0645C21.9005%2031.666%2022.1244%2031.1255%2022.1244%2030.5619V20.0382L26.5266%2021.049C26.7223%2021.0964%2026.9278%2021.0847%2027.1169%2021.0151C27.3061%2020.9455%2027.4704%2020.8213%2027.5888%2020.6581C27.708%2020.4971%2027.7772%2020.3047%2027.788%2020.1046C27.7988%2019.9039%2027.7504%2019.7046%2027.6487%2019.5314C27.6482%2019.5305%2027.6477%2019.5297%2027.6472%2019.5289L24.3458%2013.8103L23.9128%2014.0603L24.3458%2013.8103L20.8919%207.82776C20.8018%207.67095%2020.6719%207.54069%2020.5153%207.45012C20.3588%207.35953%2020.1811%207.31184%2020.0002%207.31184C19.8194%207.31184%2019.6417%207.35953%2019.4851%207.45011C19.3286%207.54069%2019.1987%207.67096%2019.1085%207.82776L15.6546%2013.8103ZM9.76562%200.5H30.2344C35.3369%200.5%2039.5%204.66302%2039.5%209.76562V30.2344C39.5%2035.337%2035.337%2039.5%2030.2344%2039.5H9.76562C4.66317%2039.5%200.5%2035.337%200.5%2030.2344V9.76562C0.5%204.66302%204.66317%200.5%209.76562%200.5Z%22%20fill%3D%22url(%23paint0_linear_1374_466)%22%2F%3E%3Cpath%20d%3D%22M15.6546%2013.8103L15.6546%2013.8103L12.3522%2019.5309C12.3519%2019.5314%2012.3516%2019.5318%2012.3513%2019.5323C12.2505%2019.7054%2012.2025%2019.9042%2012.2132%2020.1043C12.224%2020.3049%2012.2933%2020.4979%2012.4127%2020.6595C12.532%2020.8211%2012.6961%2020.9441%2012.8847%2021.0134C13.0729%2021.0826%2013.2773%2021.0951%2013.4725%2021.0495C13.4729%2021.0494%2013.4732%2021.0494%2013.4736%2021.0493L17.875%2020.0382L17.8744%2030.5618C17.8744%2031.1255%2018.0983%2031.666%2018.4968%2032.0645C18.8953%2032.463%2019.4358%2032.6869%2019.9994%2032.6869C20.563%2032.6869%2021.1035%2032.463%2021.502%2032.0645C21.9005%2031.666%2022.1244%2031.1255%2022.1244%2030.5619V20.0382L26.5266%2021.049C26.7223%2021.0964%2026.9278%2021.0847%2027.1169%2021.0151C27.3061%2020.9455%2027.4704%2020.8213%2027.5888%2020.6581C27.708%2020.4971%2027.7772%2020.3047%2027.788%2020.1046C27.7988%2019.9039%2027.7504%2019.7046%2027.6487%2019.5314C27.6482%2019.5305%2027.6477%2019.5297%2027.6472%2019.5289L24.3458%2013.8103L23.9128%2014.0603L24.3458%2013.8103L20.8919%207.82776C20.8018%207.67095%2020.6719%207.54069%2020.5153%207.45012C20.3588%207.35953%2020.1811%207.31184%2020.0002%207.31184C19.8194%207.31184%2019.6417%207.35953%2019.4851%207.45011C19.3286%207.54069%2019.1987%207.67096%2019.1085%207.82776L15.6546%2013.8103ZM9.76562%200.5H30.2344C35.3369%200.5%2039.5%204.66302%2039.5%209.76562V30.2344C39.5%2035.337%2035.337%2039.5%2030.2344%2039.5H9.76562C4.66317%2039.5%200.5%2035.337%200.5%2030.2344V9.76562C0.5%204.66302%204.66317%200.5%209.76562%200.5Z%22%20stroke%3D%22%23FFD400%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_1374_466%22%20x1%3D%2219.1451%22%20y1%3D%2240%22%20x2%3D%2219.1451%22%20y2%3D%228.33783e-07%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2314152D%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2345465E%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  width: 40px;
  height: 40px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  z-index: 1000;
  opacity: 0.6;

}

.to-top:hover {
  opacity: 1;
}
/* mobile */
.mobile__block {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
  width: 100%;
}
.mobile__block div {
  width: calc(50% - 20px);
}
.mobile__block div ul > li {
  display: flex;
}
.mobile__block div ul > li:before {
  content: "•";
  color: #14152d;
  width: 6px;
  height: 6px;
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
/* Bonuses */
.bonuses__table-col4 th,
.bonuses__table-col4 td {
  width: 25%;
}

.bonuses__table-col3 th,
.bonuses__table-col3 td {
  width: 33.3%;
}

/* Terms */
.terms {
  padding: 80px;
}

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

.terms__desc-text {
  max-width: 610px;
}

/* Banner */
.banner {
  padding: 80px;
}

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

.banner__desc .bg-block {
  max-width: 650px;
}

/* BONUS PAGE */
.hero__wrap.hero__wrap-bonus {
  max-width: 730px;
}
.content.info div h3 {
  line-height: 27px;
  margin-top: 20px;
}
.slots__content div {
  margin-top: 20px;
}
.slots__content div h3 {
  margin-top: 0;
}
.slots__content div h3 {
  font-size: 20px;
  line-height: 27px;
  color: #fcc211;
}
.slots__content div ul {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 16px;
}

.slots__content div ul li {
  font-size: 14px;
  font-weight: 700;
  line-height: 18.9px;
  color: #fff;
  display: flex;
}
.slots__content div ul li:before {
  content: "•";
  color: #14152d;
  width: 6px;
  height: 6px;
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.slots__content .content-bonus {
  padding: 20px;
  background: linear-gradient(270deg, #ffc700 0%, #14152d 91%);
  border: 1px solid #fcc211;
}
.slots__content .content-bonus ol {
  margin: 0;
}
.slots__content .content-bonus ol li {
  color: #fff;
}
.slots__content .content-bonus {
  counter-reset: list-counter;
}

.slots__content .content-bonus ol > li {
  position: relative;
  counter-increment: list-counter;
  padding-left: 14px;
  display: flex;
  align-items: center;
}

.slots__content .content-bonus ol > li::before {
  content: counter(list-counter) ". ";
  position: absolute;
  left: 0;
  color: #ffd400;
  font-weight: 400;
  font-size: 14px;
  line-height: 18.9px;
}
.content-bonus ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.app-buttons.conclusion__app-buttons {
  border: none;
}

.content.slots__content div h4 {
  color: #fff;
  line-height: 27px;
  margin-top: 16px;
  margin-bottom: 8px;
}
.content.slots__content div ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  counter-reset: list-counter;
}
.offers__list-btn {
  margin-top: 20px;
}
.content.slots__content div ol > li {
  position: relative;
  counter-increment: list-counter;
  padding-left: 22px;
}
.content.slots__content div ol > li::before {
  content: counter(list-counter) ". ";
  position: absolute;
  left: 0;
  color: #14152d;
  font-size: 14px;
  font-weight: 700;
  line-height: 25.9px;
}
.content.slots__content.slots__content-bonus div ul li {
  font-weight: 700;
  font-size: 14px;
  line-height: 18.9px;
}