@charset "UTF-8";

:root {
  --font-family-Inter: "Inter", sans-serif;

  --stakers-bg: #282928;
  --white: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

*[data-id] {
  cursor: pointer;
}

body {
  margin: 0 auto;
  font-family: "Inter", sans-serif;
  background: #f1f5f8;
  font-weight: 400;
  color: #222222;
}

body.hidden {
  overflow: hidden;
}

input,
textarea,
button {
  font-family: "Inter", sans-serif;
  outline: none;
  border: none;
  font-weight: 400;
  transition: all 0.2s;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.page__wrapper {
  margin: 118px auto 30px;
}

.wrapper {
  padding: 0 15px;
  max-width: 1440px;
  margin: 0 auto;
}

.page__content {
  display: flex;
  gap: 16px;
}

.content {
  max-width: 1068px;
  width: 100%;
}

.content > .block-description {
  margin-top: 0;
}

.content-no-sidebar {
  max-width: 100%;
}

.content-no-sidebar section:first-child {
  margin-top: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

b,
strong {
  font-weight: 700;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s;
}

a:hover {
  cursor: pointer;
}

button:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
}

table {
  border-spacing: 0;
}

svg {
  color: inherit;
  flex-shrink: 0;
}

.container {
  width: 1330px;
  margin: 0 auto;
  padding: 0 15px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 700;
  letter-spacing: 0;
}

.d-flex {
  display: flex;
}

.d-flex-ai-center {
  align-items: center;
}

.d-flex-ai-stretch {
  align-items: stretch;
}

.d-flex-ai-start {
  align-items: flex-start;
}

.d-flex-ai-end {
  align-items: flex-end;
}

.d-flex-jc-center {
  justify-content: center;
}

.d-flex-jc-between {
  justify-content: space-between;
}

.d-flex-jc-around {
  justify-content: space-around;
}

.d-flex-jc-start {
  justify-content: flex-start;
}

.d-flex-jc-end {
  justify-content: flex-end;
}

.d-flex-ff-column {
  flex-flow: column;
}

.d-flex-ff-column_reveres {
  flex-flow: column;
  flex-direction: column-reverse;
}

.d-flex-ff-row-wrap {
  flex-flow: row wrap;
}

.d-flex-ff-row_reverse {
  flex-flow: row-reverse;
}

.d-flex-shrink {
  flex: 1 1 auto;
}

.banner-title {
  font-size: 28px;
  line-height: 120%;
}

.toggle-wrap {
  display: none !important;
}

.toggle-button {
  display: none;
}

.toggle-wrap.active {
  display: block;
}

* {
  scroll-margin-top: 110px;
}

h1,
.h1 {
  font-size: 28px;
  line-height: 37px;
}

h2,
.h2 {
  font-size: 20px;
  line-height: 120%;
}

.content--child h2,
.content--child .h2 {
  font-size: 18px;
  margin-bottom: 15px;
}

h3,
.h3 {
  font-size: 18px;
  line-height: 120%;
}

h4,
.h4 {
  font-size: 18px;
  line-height: 120%;
}

h5,
.h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}

h6,
.h6 {
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
}

p,
.p1 {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
}

p.p1--bold,
.p1.p1--bold {
  font-weight: 700;
}

p.p1--semi-bold,
.p1.p1--semi-bold {
  font-weight: 600;
}

.p2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}

.p2.p2--bold {
  font-weight: 700;
}

.p2.p2--semi-bold {
  font-weight: 600;
}

.p3 {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
}

.p3.p3--bold {
  font-weight: 700;
}

.p3.p3--semi-bold {
  font-weight: 600;
}

.p4 {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
}

.p4.p4--bold {
  font-weight: 700;
}

.p4.p4--semi-bold {
  font-weight: 600;
}

.p4.p4--medium {
  font-weight: 500;
}

.p5 {
  font-weight: 400;
  font-size: 11px;
  line-height: 120%;
}

.p5.p5--bold {
  font-weight: 700;
}

.p5.p5--semi-bold {
  font-weight: 600;
}

.fw300 {
  font-weight: 300;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw900 {
  font-weight: 900;
}

.block {
  background: #ffffff;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

.bg-image {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.btn-main {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: 1px solid #1876f0;
  border-radius: 6px;
  padding: 11px 20px;
  min-width: 130px;
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
  height: 40px;
  font-weight: 700;
  font-size: 15px;
  line-height: 130%;
  color: #1876f0;
  text-transform: capitalize;
  transition: all 0.2s ease-in-out;
}

.btn-main:hover {
  background: rgba(24, 118, 240, 0.05);
}

.btn-main:focus,
.btn-main:active {
  background: #1876f0;
  color: #ffffff;
}

.btn-main.green {
  background: #2fb966;
  border: 1px solid #2fb966;
  color: #ffffff;
}

.btn-main.green:hover,
.btn-main.green:focus,
.btn-main.green:active {
  background: #2fb966;
  border: 1px solid #2fb966;
}

.btn-main.blue {
  background: #1876f0;
  border: 1px solid #1876f0;
  color: #ffffff;
}

.btn-main.blue:hover {
  background: #156ee1;
  border: 1px solid #156ee1;
}

.btn-main.blue:focus,
.btn-main.blue:active {
  background: #176cda;
  border: 1px solid #176cda;
}

.btn-main.red {
  background: #f0284a;
  border: 1px solid #f0284a;
  color: #ffffff;
}

.btn-main.red:hover {
  background: #dc1d3e;
  border: 1px solid #dc1d3e;
}

.btn-main.red:focus,
.btn-main.red:active {
  background: #da1b3c;
  border: 1px solid #da1b3c;
}

.d-none {
  display: none !important;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.m-10 {
  margin: 10px 0;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.m-15 {
  margin: 15px 0;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.m-20 {
  margin: 20px 0;
}

.m-40 {
  margin: 40px 0;
}

.pd-15 {
  padding: 15px;
}

.pd-20 {
  padding: 17px;
}

.align-center {
  text-align: center;
}

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

.align-right {
  text-align: right;
}

.df {
  display: flex;
}

.df-ai-center {
  align-items: center;
}

.df-ai-stretch {
  align-items: stretch;
}

.df-ai-start {
  align-items: flex-start;
}

.df-ai-end {
  align-items: flex-end;
}

.df-jc-center {
  justify-content: center;
}

.df-jc-between {
  justify-content: space-between;
}

.df-jc-start {
  justify-content: flex-start;
}

.df-jc-end {
  justify-content: flex-end;
}

.df-ff-column {
  flex-flow: column;
}

.df-ff-column-wrap {
  flex-flow: column wrap;
}

.df-ff-column_reveres {
  flex-flow: column;
  flex-direction: column-reverse;
}

.df-ff-row-wrap {
  flex-flow: row wrap;
}

.df-ff-row_reverse {
  flex-flow: row-reverse;
}

.vertical-align-top {
  vertical-align: top;
}

.vertical-align-middle {
  vertical-align: middle;
}

.float-left,
.alignleft {
  float: left;
}

.float-right,
.alignright {
  float: right;
  margin: 10px 0 10px 0;
}

.float-none {
  float: none;
}

.grid-columns {
  display: grid;
  grid-gap: 20px;
}

.grid-columns--right {
  grid-template-columns: 1fr 260px;
}

.grid-columns--left {
  grid-template-columns: 180px 1fr;
  grid-gap: 40px;
}

.grid-columns--between {
  grid-template-columns: 260px 1fr 260px;
}

.grid-columns .content > div:first-child,
.grid-columns .content > section:first-child {
  margin-top: 0 !important;
}

.grid-columns .content > div:last-child,
.grid-columns .content > section:last-child {
  margin-bottom: 0 !important;
}

#approval.block-description.cms-description-text {
  margin-top: 20px !important;
}

.clear {
  clear: both;
}

@keyframes flareAnimation {
  0% {
    left: -150%;
  }

  100% {
    left: 150%;
  }
}

table {
  width: 100%;
  border-spacing: 0;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

table.table-center thead tr td:not(:first-child),
table.table-center tbody tr td:not(:first-child) {
  text-align: center;
}

table.table-center thead tr td:last-child,
table.table-center tbody tr td:last-child {
  text-align: left;
}

table thead tr td {
  padding: 12px 15px;
  background: #222222;
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  color: #ffffff;
}

.tablepress thead tr th {
  padding: 12px 15px;
  background: #222222;
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  text-transform: uppercase;
  color: #ffffff;
}

.tablepress thead tr th:first-child {
  border-top-left-radius: 8px;
}

.tablepress thead tr th:last-child {
  border-top-right-radius: 8px;
}

table thead tr td:first-child {
  border-top-left-radius: 8px;
}

table thead tr td:last-child {
  border-top-right-radius: 8px;
}

table tbody tr td {
  padding: 8px 14px;
  background: #ffffff;
  font-size: 15px;
  line-height: 145%;
  color: #222222;
  vertical-align: middle;
}

table tbody tr td .row .text {
  max-width: 310px;
}

table tbody tr td .logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
}

table tbody tr td .logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

table tbody tr td .logo img {
  object-fit: cover;
  width: auto;
  height: auto;
}

table tbody tr td .logo img.no-r {
  border-radius: 0;
}

table tbody tr td p {
  margin: 0 !important;
  color: #222222;
}

table tbody tr td ul li {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #222222;
}

table tbody tr td ul li:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 8px;
  background: #222222;
}

table tbody tr td .true-or-false svg {
  margin: 0 4px;
}

table tbody tr td .true-or-false svg.icon-true {
  color: #2fb966;
}

table tbody tr td .true-or-false svg.icon-false {
  color: #f0284a;
}

table tbody tr:nth-child(even) td {
  background: #fbfcfd;
}

table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.tablepress .p2 {
  text-align: left;
}

.cms-description-text > * {
  margin-bottom: 10px;
}

.cms-description-text > .grouped {
  margin-bottom: 15px;
}

.cms-description-text > *:not(div):first-child,
.cms-description-text > *.d-none:first-child + *:nth-child(2) {
  margin-top: 0;
}

/* .cms-description-text > *:not(img):last-child {
  margin-bottom: 0;
}

.cms-description-text > * + *:not(img):last-child {
  margin-bottom: 0 !important;
} */

.cms-description-text h2,
.cms-description-text .h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
}

.content--child .cms-description-text h2,
.content--child .cms-description-text .h2 {
  font-size: 18px;
}

.cms-description-text h3,
.cms-description-text .h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}

.cms-description-text h4,
.cms-description-text .h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}

.cms-description-text h5,
.cms-description-text .h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
}

.cms-description-text h6,
.cms-description-text .h6 {
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
}

.cms-description-text p {
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #222222;
}

.cms-description-text h1 + p {
  margin-top: 15px;
}

.cms-description-text p:not(:last-child) {
  margin: 10px 0;
}

.cms-description-text ul {
  margin: 15px 0;
  padding: 0;
}

.cms-description-text ul li {
  gap: 8px;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #222222;
}

.cms-description-text ul li strong {
  display: contents;
}

.cms-description-text ul li:not(:last-child) {
  margin-bottom: 12px;
}

.cms-description-text ul li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #1876f0;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 10px;
  transform: translateY(-50%);
}

.cms-description-text ol {
  margin: 10px 0 20px;
  padding: 0;
  counter-reset: myCounter;
}

.cms-description-text ol li {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #222222;
  list-style-type: none;
}

.cms-description-text ol li:not(:last-child) {
  margin-bottom: 12px;
}

.cms-description-text ol li:before {
  counter-increment: myCounter;
  content: counter(myCounter);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #1876f0;
  border-radius: 8px;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 100%;
  font-weight: 600;
  color: #ffffff;
  margin-right: 10px;
  float: left;
}

.cms-description-text img.float-left {
  margin: 0 12px 0 0;
}

.cms-description-text img.float-right {
  margin: 0 0 0 12px;
}

.cms-description-text img.float-right.float-right--mt {
  margin-top: -12px;
}

.cms-description-text .float-right-table {
  margin: 0 0 0 30px;
}

.cms-description-text .float-left-table {
  margin: 0 30px 0 0;
}

.cms-description-text .expert-card {
  width: 245px;
  margin: 0 0 0 30px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.block-nav {
  margin-bottom: 15px;
}

.block-nav__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-right: 40px !important;
  max-width: 55% !important;
}

.block-nav__items {
  margin: 0 !important;
}

.aside__modal {
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
}

.aside__modal--active {
  display: flex;
}

.aside__modal-content {
  position: relative;
  max-width: 500px;
}

.aside__modal-content svg {
  position: absolute;
  top: 10px;
  right: 10px;
}

#fade {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
}

.exit-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 1190px;
  background: #f2f3f6;
  padding: 15px;
  border-radius: 8px;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.exit-popup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eaeef0;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: #222222;
  border-radius: 50%;
  outline: 0;
  border: 0;
  z-index: 1;
}

.exit-popup__close:hover {
  color: #828587;
  background: #e1e5e7;
}

.exit-popup__wrapper {
  display: grid;
  grid-template-columns: 400px 1fr;
  grid-gap: 20px;
  position: relative;
}

.exit-popup__banner {
  width: 400px;
  height: 430px;
  margin: -10px 0 0;
}

.exit-popup__title-sub {
  text-align: center;
  font-size: 16px;
  line-height: 19.2px;
  color: #1876f0;
  margin-bottom: 7px;
}

.exit-popup__title {
  text-align: center;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.exit-popup__text {
  text-align: center;
  max-width: 520px;
  color: #888888;
  margin: 0 auto;
}

.exit-popup .bonus {
  padding: 11px 16px;
}

.exit-popup .bonus:last-child {
  margin-bottom: 0;
}

.exit-popup .bonus__right {
  justify-content: center;
}

.exit-popup .bonus__apply-text,
.exit-popup .bonus-rating,
.exit-popup .bonus__casino {
  display: none;
}

/* registration popup */
.registration-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  bottom: 20px;
  right: 20px;
  width: 300px;
  background: #ffffff;
  border-radius: 3px;
  padding: 60px 15px 20px;
}

.registration-popup::before {
  background: #f1f5f8;
  content: "";
  position: absolute;
  top: -47px;
  left: 0;
  right: 0;
  width: 86px;
  height: 86px;
  margin: auto;
  border-radius: 50%;
}

.registration-popup__wrapper {
  position: relative;
}

.registration-popup__icon {
  position: absolute;
  width: 65px;
  height: 65px;
  top: -99px;
  left: 50%;
  transform: translate(-50%, 0);
}

.registration-popup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  position: absolute;
  top: -45px;
  right: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  outline: 0;
  border: 0;
}

.registration-popup-form--hide {
  display: none;
}

.registration-popup-form .label.error #register-email {
  border: 1px solid #f0284a;
}

.registration-popup-form .label.error #register-email + .registration-popup-form__label {
  color: #f0284a;
}

.registration-popup-form .label.error .registration-popup-form__bg {
  border-color: #f0284a;
}

.registration-popup-form__title {
  text-transform: capitalize;
  margin-bottom: 8px;
  max-width: 235px;
}

.registration-popup-form__title b {
  font-weight: inherit;
  color: #1876f0;
}

.registration-popup-form__text {
  color: #222222;
  margin-bottom: 14px;
}

.registration-popup-form__item {
  position: relative;
  margin-bottom: 12px;
}

.registration-popup-form__label {
  z-index: 100;
  position: absolute;
  background: #ffffff;
  padding: 0 4px;
  top: -7px;
  left: 16px;
  font-size: 12px;
  line-height: 150%;
  transition: 0.2s;
  color: #222222;
  pointer-events: none;
  opacity: 0;
}

.registration-popup-form__input {
  display: block;
  height: 50px;
  width: 100%;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  padding: 0 0 0 15px;
  cursor: pointer;
  background: transparent;
  transition: 0.3s;
}

.registration-popup-form__input:focus {
  border: 1px solid #1876f0;
  background: transparent;
}

.registration-popup-form__input:focus::placeholder {
  opacity: 0;
  transition: 0.3s;
}

.registration-popup-form__input:focus + .registration-popup-form__label {
  opacity: 1;
  transition: 0.3s;
}

.registration-popup-form__input.valid {
  border: 1px solid #2fb966;
}

.registration-popup-form__input.valid + .registration-popup-form__label {
  color: #2fb966;
}

.registration-popup-form__accept {
  position: relative;
  margin-bottom: 16px;
  gap: 10px;
}

.registration-popup-form__accept input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}

.registration-popup-form__accept input:checked ~ .registration-popup-form__bg {
  border: 1px solid #1876f0;
  background: #1876f0;
}

.registration-popup-form__bg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  background: #ffffff;
  color: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 4px;
  transition: all 0.2s;
}

.registration-popup-form .text {
  font-size: 11px;
  line-height: 120%;
  color: #222222;
  transition: all 0.3s;
}

.registration-popup-form__btn {
  width: 100%;
}

.registration-popup-thanks {
  display: none;
}

.registration-popup-thanks__title {
  text-transform: capitalize;
  margin-bottom: 8px;
  text-align: center;
}

.registration-popup-thanks__title b {
  font-weight: inherit;
  color: #1876f0;
}

.registration-popup-thanks__text {
  color: #222222;
  text-align: center;
}

.straightforward-to-page {
  cursor: pointer;
}

.tags__item {
  margin-right: 30px;
  flex-shrink: 0;
}

.tags__item:last-child {
  margin-right: 0;
}

.tags__title {
  font-weight: 600;
  text-transform: capitalize;
  color: #222222;
}

.tags__value {
  text-transform: capitalize;
  font-weight: 700;
  color: #222222;
}

.tags__valid {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #ffffff;
  background: #2fb966;
  margin-right: 2px;
}

.available .country {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  margin-right: 7px;
}

.available .country svg {
  width: 12px;
  height: 12px;
  padding: 2px;
  background: #2fb966;
  border-radius: 50%;
  color: #ffffff;
  position: absolute;
  top: -4px;
  right: -4px;
}

.available span {
  color: #222222;
}

.placeholder {
  position: relative;
  padding: 20px 35px 20px 24px;
  margin: 16px 0;
  overflow: hidden;
}

.placeholder .flare {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  transform: skewX(-45deg);
  animation: flareAnimation;
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
  animation: flareAnimation 3s infinite linear;
}

.placeholder__logo {
  background: #f1f5f8;
  margin: 0 20px 0 0;
  width: 69px;
  height: 69px;
  border-radius: 6px;
  flex-shrink: 0;
}

.placeholder .row {
  background: #f1f5f8;
  border-radius: 4px;
  height: 19px;
  width: 100px;
}

.placeholder .info {
  margin-top: 8px;
}

.bonuses-list > *:first-child {
  margin-top: 0;
}

.bonuses-list > *:last-child {
  margin-bottom: 0;
}

.bonus {
  position: relative;
  border: 2px solid transparent;
  transition: all 0.3s;
  cursor: pointer;
}

.bonus:hover {
  border: 2px solid #2fb966;
}

.bonus:hover .bonus__btn {
  background-color: #25ae5c;
}

.bonus--first {
  border: 2px solid #f0284a;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.2);
}

.bonus--first:hover {
  border: 2px solid #dc1d3e;
}

.bonus__stiker {
  position: absolute;
  top: -15px;
  left: -10px;
  width: 211px;
  height: 31px;
}

.bonus__left {
  margin-right: 15px;
}

.bonus__logo {
  margin: 0 auto;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.bonus__logo img {
  width: auto;
  height: auto;
}

.bonus__index {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  margin: -13px auto -5px;
  z-index: 8;
  position: relative;
}

.bonus__date {
  background: #eaeef0;
  border: 2px solid #ffffff;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 2px 8px;
  margin: -12px auto 0;
  position: relative;
}

.bonus__date.blue {
  background: #1876f0;
  width: 90px;
}

.bonus__date.blue .day {
  color: #ffffff;
}

.bonus__date .month {
  margin-right: 4px;
}

.bonus-rating {
  width: 74px;
  height: 30px;
  margin-top: -7px;
}

.bonus-rating svg {
  width: 100%;
  height: 100%;
}

.bonus__right {
  width: 100%;
}

.bonus__info {
  margin-right: 20px;
}

.bonus__row {
  flex-shrink: 0;
}

.bonus__casino {
  color: #222222;
  margin-bottom: 5px;
}

.bonus__title,
.bonus__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bonus__title {
  margin-bottom: 3px;
}

.bonus__title b {
  color: #f0284a;
}

.bonus__btn {
  margin: 0 0 0 30px;
}

.bonus__apply-text {
  color: #888888;
  margin-top: 8px;
}

.bonus-aside {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  /* flex-shrink: 0; */
  margin-left: 20px;
}

.bonus-aside__top {
  margin-bottom: 12px;
}

.bonus-aside__logo {
  margin-right: 8px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.bonus-aside__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.bonus-aside__logo img {
  width: auto;
  height: auto;
}

.bonus-aside__title {
  margin-bottom: 2px;
}

.bonus-aside__title b {
  color: #f0284a;
}

.bonus-aside__text {
  color: #222222;
}

.bonus-aside__btn {
  width: 100%;
}

.bonus-aside-jackpot {
  background: #f2f6f9;
  border-radius: 6px;
  width: 160px;
  flex-shrink: 0;
  padding: 12px 16px;
  margin: -11px -11px -11px 16px;
}

.bonus-aside-jackpot__title {
  color: #222222;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.bonus-aside-jackpot__value {
  text-align: center;
  margin-bottom: 8px;
}

.bonus-aside-jackpot__btn {
  padding: 11px 15px;
  margin: 0;
  width: 100%;
}

.bonus-mobile {
  position: relative;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.bonus-mobile:hover .bonus-mobile__btn {
  background: #156ee1;
  border: 1px solid #156ee1;
}

.bonus-mobile__stiker {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 109px;
  height: 31px;
}

.bonus-mobile__top-left {
  margin-right: 15px;
}

.bonus-mobile__top-left .bonus-mobile__logo {
  margin: 0 auto;
}

.bonus-mobile__logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
}

.bonus-mobile__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.bonus-mobile__logo img {
  width: auto;
  height: auto;
}

.bonus-mobile-rating {
  margin-top: 12px;
  flex-shrink: 0;
}

.bonus-mobile-rating svg:nth-child(1),
.bonus-mobile-rating svg:nth-child(5) {
  margin-top: -12px;
}

.bonus-mobile-rating svg:nth-child(2),
.bonus-mobile-rating svg:nth-child(4) {
  margin-top: -6px;
}

.bonus-mobile__info .bonus-mobile__row {
  margin: 8px 0 0;
}

.bonus-mobile__info .bonus-mobile__btn {
  padding: 12px;
  min-width: 120px;
  margin: 0 12px 0 0;
}

.bonus-mobile__title.p1 b {
  color: #222222;
}

.bonus-mobile__title b {
  color: #f0284a;
}

.bonus-mobile__text {
  margin-top: 4px;
}

.bonus-mobile__available {
  margin-top: 6px;
}

.bonus-mobile__description {
  color: #222222;
}

.bonus-mobile__description p {
  font: inherit;
}

.bonus-mobile__bottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bonus-mobile__tags {
  margin-right: 15px;
}

.bonus-mobile__tags .tags__item {
  margin-right: 15px;
}

.bonus-mobile__tags .tags__item:last-child {
  margin: 0;
}

.bonus-mobile__apply-text {
  color: #222222;
  margin-top: 8px;
}

.bonus-events {
  padding: 12px 16px 12px 0;
}

.bonus-events:not(:last-child) {
  border-bottom: 1px solid #e6eaee;
}

.bonus-events.bonus-events--active .bonus-events__tag {
  background: #f0284a;
}

.bonus-events.bonus-events--placeholder .bonus-events__tag {
  background: #1876f0;
}

.bonus-events.bonus-events--placeholder .bonus-events__btn {
  opacity: 0.5;
}

.bonus-events.bonus-events--disabled .bonus-events__btn {
  display: none;
}

.bonus-events__date {
  min-width: 60px;
  text-align: center;
  padding: 5px 0 0;
  margin-right: 16px;
}

.bonus-events__date .month,
.bonus-events__date .day {
  display: block;
  margin: 2px 0;
  opacity: 0.5;
}

.bonus-events__tag {
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  padding: 3px 4px;
  margin-bottom: 3px;
}

.bonus-events__logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 16px;
  position: relative;
}

.bonus-events__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.bonus-events__logo img {
  width: auto;
  height: auto;
}

.bonus-events__content {
  max-width: 480px;
  margin-top: 2px;
  margin-right: 16px;
}

.bonus-events__title b {
  color: #f0284a;
}

.bonus-events__apply-text {
  margin-top: 8px;
  color: #222222;
}

.slots-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.slots-card-big {
  display: flex;
  flex-direction: column;
}

.slots-card-big__wrapper {
  flex: 1 1 auto;
}

.slots-card-big__logo {
  flex-shrink: 0;
  max-width: 105px;
  margin-right: 12px;
}

.slots-card-big__info {
  width: 100%;
}

.slots-card-big__title {
  width: 330px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slots-card-big__title svg {
  transform: rotate(-90deg);
  margin: 0 0 2px 0;
}

.slots-card-big__tags {
  width: 100%;
}

.slots-card-big__tags .tags__item {
  padding: 5px;
  flex: 1 1 auto;
  text-align: center;
  background: #f7fafc;
  border-radius: 6px;
  margin-right: 12px;
}

.slots-card-big__tags .tags__item:last-child {
  margin-right: 0;
}

.slots-card-big__description {
  color: #222222;
}

.slots-card-big .slots-card-bonus {
  margin-left: 20px;
  min-width: 235px;
  width: 235px;
  flex-shrink: 0;
  position: relative;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.slots-card-big .slots-card-bonus__stiker {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 102px;
  height: 31px;
}

.slots-card-big .slots-card-bonus__top {
  margin-bottom: 12px;
}

.slots-card-big .slots-card-bonus__logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.slots-card-big .slots-card-bonus__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.slots-card-big .slots-card-bonus__logo img {
  width: auto;
  height: auto;
}

.slots-card-big .slots-card-bonus__title {
  margin-bottom: 12px;
}

.slots-card-big .slots-card-bonus__title b {
  color: #f0284a;
}

.slots-card-big .slots-card-bonus__text {
  margin-bottom: 12px;
}

.slots-card-big .slots-card-bonus__btn {
  width: 100%;
}

.slots-card-big__apply {
  margin: 16px 0 0;
  padding: 12px 0 0;
  color: #222222;
  border-top: 1px solid #eaeef0;
}

.customer-base__title {
  text-transform: capitalize;
  margin-bottom: 6px;
}

.customer-base .item {
  margin-right: 16px;
}

.customer-base .item:last-child {
  margin-right: 0;
}

.customer-base .item__icon {
  background: #1876f0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  margin-right: 8px;
  color: #ffffff;
}

.customer-base .item__title {
  color: #222222;
}

.expert-card {
  position: relative;
}

.expert-card__stiker {
  position: absolute;
  top: -15px;
  right: 0;
  width: 130px;
  height: 31px;
}

.expert-card__logo {
  width: 50px;
  height: 50px;
  border: 1px solid #eaeef0;
  border-radius: 50%;
  position: relative;
  margin-right: 12px;
}

.expert-card__logo svg {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 50%;
  color: #1876f0;
}

.expert-card__name {
  margin-bottom: 5px;
}

.expert-card__name svg {
  margin-left: 6px;
  color: #222222;
  cursor: pointer;
}

.expert-card__name svg use {
  pointer-events: none;
}

.expert-card__tag {
  display: block;
  background: #f2f3f6;
  border-radius: 4px;
  padding: 3px 6px;
  color: #222222;
}

.expert-card__text {
  padding-bottom: 12px;
}

.expert-card__footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
  padding-top: 8px;
  border-top: 1px solid #eaeef0;
}

.author__link {
  text-decoration: underline;
  text-align: right;
  font-size: 13px;
  margin: 10px 0;
}

.expert-card__title {
  color: #222222;
}

.expert-card__value {
  color: #222222;
}

a.expert-card__value {
  text-decoration: underline;
}

.front-page-banner {
  border-radius: 8px;
  position: relative;
}

.front-page-banner__title {
  display: block;
  margin-bottom: 20px;
  color: #ffffff;
}

.front-page-banner__bonuses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  max-width: 770px;
}

.front-page-banner__img {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 269px;
  height: 317px;
}

.block-front-page {
  flex-direction: column;
}

.block-front-page-info {
  max-width: 50%;
  margin-right: 40px;
}

.block-front-page-info p {
  font: inherit;
  color: #222222;
  margin-top: 10px;
}

.block-front-page__right {
  width: 100%;
  margin-top: 12px;
}

.block-front-page__right .expert-card {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.block-front-page__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  width: 100%;
}

.block-front-page__cards .card {
  padding: 12px 13px;
  background: #ffffff;
  border-radius: 6px;
  min-width: 180px;
  border: 1px solid #eaeef0;
  position: relative;
}

.block-front-page__cards .card:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  border: 2px solid transparent;
}

.block-front-page__cards .card:hover {
  border: 1px solid transparent;
}

.block-front-page__cards .card:hover:before {
  border: 2px solid #f0284a;
}

.block-front-page__cards .card:hover .card__title,
.block-front-page__cards .card:hover .card__text {
  color: #f0284a;
}

.block-front-page__cards .card:first-child {
  grid-column: 1/3;
}

.block-front-page__cards .card__img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 6px;
  margin-right: 10px;
}

.block-front-page__cards .card__title {
  color: #222222;
  margin-bottom: 2px;
}

.block-front-page__cards .card__text {
  display: block;
  color: #222222;
}

.sticky-wrapper {
  position: sticky;
  top: 80px;
  height: max-content;
}

.aside-front-page {
  padding: 15px 0 11px;
}

.aside-front-page__title {
  padding: 0 15px 12px;
}

.aside-front-page__list {
  max-height: 195px;
  overflow-y: auto;
}

.aside-front-page__list::-webkit-scrollbar {
  background: transparent;
  width: 3px;
  height: 3px;
}

.aside-front-page__list::-webkit-scrollbar-thumb {
  background: #cdd3d7;
  border-radius: 3px;
}

.aside-front-page .row {
  border-radius: 8px;
  padding: 8px 15px 8px 11px;
  border-left: 4px solid transparent;
  transition: all 0.3s;
}

.aside-front-page .row:hover {
  background: #ffffff;
  box-shadow:
    0px -1px 3px rgba(0, 0, 0, 0.05),
    0px 3px 3px rgba(0, 0, 0, 0.05);
  border-left: 4px solid #1876f0;
}

.aside-front-page .row__logo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--main-color);
  padding: 2px;
  margin-right: 8px;
}

.aside-front-page .row__logo img {
  width: auto;
  height: auto;
}

.aside-front-page .row__title {
  margin-bottom: 4px;
  color: #222222;
}

.aside-front-page .row__bonus {
  text-align: right;
}

.aside-front-page .row__bonus-name {
  color: #222222;
  margin-bottom: 2px;
}

.aside-front-page .row__bonus-text {
  color: #222222;
}

.sites-statistics .item {
  color: #ffffff;
  border: 3px solid #ffffff;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 10px 8px;
}

.sites-statistics .item:nth-child(1) {
  background: #1876f0;
}

.sites-statistics .item:nth-child(2) {
  background: #f0284a;
}

.sites-statistics .item:nth-child(3) {
  background: #2fb966;
}

.sites-statistics .item__icon {
  transform: rotate(-90deg);
}

.top-10-comparison {
  --main-color: #0056bd;
}

.top-10-comparison.top-10-comparison--even {
  --main-color: $ red;
}

.top-10-comparison__banner {
  margin-top: -20px;
  margin-bottom: 20px;
  border-radius: 8px 8px 0px 0px;
}

.top-10-comparison__content {
  padding: 0 15px 20px;
}

.top-10-comparison__table {
  flex-shrink: 0;
  margin-top: -59px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  max-width: 640px;
  margin-right: 20px;
}

.top-10-comparison__table thead tr td {
  padding: 10px 4px;
  background: var(--main-color);
  font-weight: 700;
  font-size: 13px;
  line-height: 120%;
  text-transform: uppercase;
  color: #ffffff;
}

.top-10-comparison__table thead tr td:first-child {
  padding-left: 20px;
  border-top-left-radius: 8px;
}

.top-10-comparison__table thead tr td:last-child {
  border-top-right-radius: 8px;
}

.top-10-comparison__table tbody tr {
  border-radius: 6px;
  background: #ffffff;
}

.top-10-comparison__table tbody tr td {
  padding: 10px 4px;
  background: transparent;
  font-size: 14px;
  line-height: 145%;
  text-transform: capitalize;
  color: #222222;
}

.top-10-comparison__table tbody tr td:first-child {
  padding-left: 20px;
  border-radius: 6px 0 0 6px;
}

.top-10-comparison__table tbody tr td:last-child {
  font-weight: 700;
  border-radius: 0 6px 6px 0;
}

.top-10-comparison__table tbody tr td a {
  font-weight: 600;
  color: var(--main-color);
}

.top-10-comparison__table tbody tr:nth-child(even) {
  background: #fbfcfd;
}

.top-10-comparison__table tbody tr:nth-child(even) td {
  background: transparent;
}

.top-10-comparison__table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.top-10-comparison__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.block-description > *:first-child {
  margin-top: 0;
}

.block-description > *:last-child {
  margin-bottom: 0;
}

.cms-description-text a {
  text-decoration: underline;
}

.block-description__title {
  text-transform: capitalize;
}

.block-description__title .icon {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.block-description__box {
  background: #f2f3f6;
  border-radius: 8px;
  padding: 16px 20px 20px;
}

.block-description__box .img {
  flex-shrink: 0;
  margin-right: 20px;
}

.block-description__box p {
  font-size: 15px;
  line-height: 140%;
  color: #222222;
}

.block-description__block {
  background: #f2f3f6;
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
}

.block-description__block > *:first-child {
  margin-top: 0 !important;
}

.block-description__block > *:last-child {
  margin-bottom: 0 !important;
}

.block-description__block .img {
  flex-shrink: 0;
}

.block--desktop p {
  margin-top: 0;
}

.block-description__group {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  padding: 15px 15px 20px;
}

.block-description__group > *:last-child {
  margin-bottom: 0;
}

p + .block-description__cards {
  margin-top: 20px !important;
}

.block-description__cards + * {
  margin-top: 20px;
}

.block-description__cards {
  margin: 0 0 -16px 0 !important;
}

.block-description__cards > * {
  margin-bottom: 16px;
  flex: 1 1 47%;
}

.block-description__cards > *:nth-child(even) {
  margin-left: 16px;
}

.block-description__column > * {
  margin-bottom: 12px;
}

.block-description__column > *:last-child {
  margin-bottom: 0;
}

.block-description__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.block-description__list a {
  text-decoration: underline;
}

.block-description__list--column-two {
  grid-template-columns: repeat(2, 1fr);
}

.block-description__item .text {
  display: flex;
  position: relative;
  color: #222222;
}

.block-description__item .text:before {
  content: "";
  margin-top: 8px;
  display: block;
  width: 8px;
  height: 8px;
  background: #1876f0;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 8px;
}

.block-description__item--img .img {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  margin-right: 20px;
}

.block-description__item--img .text {
  display: block;
  color: #222222;
}

.block-description__item--img .text:before {
  display: none;
}

.block-description .table-offer {
  min-width: 300px;
}

.block-description .table-offer tbody tr td:last-child {
  font-weight: 600;
  color: #1876f0;
}

.block-description .table-offer tbody tr td:first-child {
  border-radius: 8px 0 0 8px;
  border-left: 5px solid transparent;
}

.block-description .table-offer tbody tr td:first-child a {
  color: #222222;
}

.block-description .table-offer tbody tr td:last-child {
  border-radius: 0 8px 8px 0;
}

.block-description .table-offer tbody tr:hover {
  cursor: pointer;
  position: relative;
  box-shadow:
    0px -1px 3px rgba(0, 0, 0, 0.05),
    0px 3px 3px rgba(0, 0, 0, 0.05);
}

.block-description .table-offer tbody tr:hover td:first-child {
  border-left: 5px solid #1876f0;
}

.block-description .table-fraud-test tbody tr td {
  padding: 8px 15px;
}

.block-description .table-fraud-test tbody tr td.column-3 {
  max-width: 200px;
}

.block-description .table-fraud-test tbody tr td a {
  font-weight: 400;
  text-decoration: underline;
}

.block-description .table-fraud-test tbody tr td a:hover {
  text-decoration: none;
}

.block-description .table-payment-method tbody tr td {
  padding: 8px 15px;
}

.block-description .table-payment-method tbody tr td a {
  font-weight: 400;
  text-decoration: underline;
}

.block-description .table-payment-method tbody tr td a:hover {
  text-decoration: none;
}

.block-description .table-provider thead tr td,
.block-description .table-provider tbody tr td {
  padding: 8px 15px;
}

.block-description .table-provider thead tr td:last-child,
.block-description .table-provider tbody tr td:last-child {
  min-width: 170px;
}

.block-description .table-pros-cons thead tr td {
  padding: 8px 10px;
}

.block-description .table-pros-cons thead tr td:first-child {
  width: 160px;
}

.block-description .table-pros-cons tbody tr > *:last-child {
  text-align: center !important;
}

.block-description .table-pros-cons tbody tr td .icon.icon--true {
  color: #2fb966;
}

.block-description .table-pros-cons tbody tr td .icon.icon--false {
  color: #f0284a;
}

.block-description .casino-games-table thead tr td {
  padding: 12px 8px;
}

.block-description .casino-games-table tbody tr td .btn-main {
  min-width: 120px;
  padding: 11px 12px;
  margin: 0 0 0 auto;
}

.block-description .table-column-with-logo thead tr > :first-child,
.block-description .table-column-with-logo tbody tr > :first-child {
  width: 200px;
}

.block-description .table-vip-casino tbody tr td {
  padding: 8px 10px;
}

.block-description .table-vip-casino tbody tr td .logo {
  margin: 0;
}

.block-description .table-vip-casino tbody tr td.column-5 p {
  display: block;
  font-weight: 600;
  color: #222222;
  text-align: center;
  margin-bottom: 6px;
}

.block-description .table-vip-casino tbody tr td.column-5 p b {
  color: #f0284a;
}

.block-description .table-vip-casino tbody tr td.column-5 .btn-main {
  width: 100%;
}

.block-description .table-vip-casino .column-2 {
  width: 120px;
}

.block-description .table-vip-casino .column-3 {
  width: 200px;
}

.block-description .table-payment-highroller thead tr td {
  padding: 8px 10px;
}

.block-description .table-payment-highroller tbody tr td {
  padding: 8px 10px;
}

.block-description .table-payment-highroller tbody tr td.column-2 {
  width: 120px;
}

.block-description .table-payment-highroller tbody tr td.column-3,
.block-description .table-payment-highroller tbody tr td.column-4 {
  width: 190px;
}

.block-description .table-payment-highroller tbody tr td .logo {
  margin: 0;
}

.block-description .table-payment-highroller tbody tr td .icon--true {
  color: #2fb966;
  margin-right: 9px;
}

.block-description .table-payment-highroller tbody tr td .icon--false {
  color: #f0284a;
  margin-right: 9px;
}

.block-description .table-payment-highroller tbody tr td p {
  color: #222222;
}

.block-description .table-payment-highroller tbody tr td p b {
  font-weight: 600;
}

.block-description .table-calculate-rtp {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  float: right;
  width: 470px;
  margin: 0 0 0 20px;
}

.block-description .table-calculate-rtp thead tr td {
  background: #1876f0;
}

.block-description .calc {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.block-description .calc__item {
  background: #fbfcfd;
  border-radius: 8px;
  min-height: 60px;
  padding: 4px 12px;
  flex: 1 1 auto;
}

.block-description .calc__item > *:last-child {
  margin-right: 0 !important;
}

.block-description .calc__item .calc__operator {
  margin: 0 6px;
}

.block-description .calc__total {
  background: #1876f0;
  border: 3px solid #ffffff;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 160px;
}

.block-description .calc__total .calc__value {
  color: #ffffff;
}

.block-description .calc__operator {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  text-align: center;
  color: #222222;
  margin: 0 16px;
}

.block-description .calc__value {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  text-align: center;
  color: #222222;
}

.block-description .calc__text {
  max-width: 155px;
  text-align: center;
  color: #222222;
  margin: 0 6px;
}

.block-description .free-spins-pros-or-cons {
  width: 380px;
  margin: 0 0 0 20px;
  float: right;
}

.block-description .free-spins-pros-or-cons .pros ul li:before {
  background: url(../img/icons/pros.png) no-repeat center/cover;
}

.block-description .free-spins-pros-or-cons .cons ul li:before {
  background: url(../img/icons/cons.png) no-repeat center/cover;
}

.block-description .free-spins-pros-or-cons ul li {
  display: flex;
  align-items: center;
}

.block-description .free-spins-pros-or-cons ul li:before {
  border: none;
  box-shadow: none;
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

.block-description .gaming-provider-blue__title {
  background: #1876f0;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 8px;
  color: #ffffff;
}

.block-description .gaming-provider-blue__title .icon {
  display: block;
  width: 42px;
  height: 42px;
  margin-right: 12px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

.block-description .types-variations {
  width: 380px;
  float: right;
  margin: 0 0 0 20px;
}

.block-description .types-variations__head {
  border: 3px solid #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  padding: 25px 12px;
  margin-bottom: 16px;
}

.block-description .types-variations__title {
  text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 8px;
}

.block-description .types-variations__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.block-description .types-variations__cards .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  padding: 12px;
}

.block-description .types-variations__cards .card__icon {
  margin: 0 0 2px auto;
  width: 42px;
  height: 42px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

.block-description .types-variations__cards .card__title {
  margin-bottom: 2px;
  color: var(--main-color);
}

.block-description .new-online-slots-info__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.block-description .new-online-slots-info__cards .card {
  border-radius: 8px;
  overflow: hidden;
}

.block-description .new-online-slots-info__cards .card:nth-child(1) {
  background: rgba(24, 118, 240, 0.05);
}

.block-description .new-online-slots-info__cards .card:nth-child(1) .card__head {
  background: rgb(24, 118, 240);
}

.block-description .new-online-slots-info__cards .card:nth-child(2) {
  background: rgba(240, 40, 74, 0.05);
}

.block-description .new-online-slots-info__cards .card:nth-child(2) .card__head {
  background: rgb(240, 40, 74);
}

.block-description .new-online-slots-info__cards .card:nth-child(3) {
  background: rgba(15, 151, 94, 0.05);
}

.block-description .new-online-slots-info__cards .card:nth-child(3) .card__head {
  background: rgb(15, 151, 94);
}

.block-description .new-online-slots-info__cards .card:nth-child(4) {
  background: rgba(255, 181, 38, 0.05);
}

.block-description .new-online-slots-info__cards .card:nth-child(4) .card__head {
  background: rgb(255, 181, 38);
}

.block-description .new-online-slots-info__cards .card__head {
  text-align: center;
  color: #ffffff;
  padding: 8px 16px;
}

.block-description .new-online-slots-info__cards .card__description {
  padding: 16px;
}

.front-page-slots__btn {
  width: 100%;
}

.exclusive-fs__title {
  color: #ffffff;
}

.exclusive-fs__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.exclusive-fs__cards .card {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.exclusive-fs__cards .card__wrapper {
  min-height: 225px;
}

.exclusive-fs__cards .card__logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
}

.exclusive-fs__cards .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.exclusive-fs__cards .card__logo img {
  width: auto;
  height: auto;
}

.exclusive-fs__cards .card__info {
  width: 100%;
}

.exclusive-fs__cards .card__value {
  background: #1876f0;
  border: 2px solid #ffffff;
  box-shadow:
    0px -1px 2px rgba(0, 0, 0, 0.1),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  color: #ffffff;
  padding: 4px 10px;
  width: 100%;
}

.exclusive-fs__cards .card__player .img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 6px;
}

.exclusive-fs__cards .card__player .text {
  color: #222222;
  margin-right: 6px;
}

.exclusive-fs__cards .card__player .value {
  color: #222222;
}

.exclusive-fs__cards .card__tags {
  width: 100%;
}

.exclusive-fs__cards .card__tags .tags__item {
  flex: 1 1 auto;
  text-align: center;
}

.exclusive-fs__cards .card__btn {
  width: 100%;
}

.how-to__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.how-to-card__img {
  display: block;
  border-radius: 8px;
  width: 100%;
  min-height: 208px;
  background-size: contain;
}

.how-to-card__title {
  font-size: 16px;
  margin-bottom: 5px;
}

.front-page-best-casino .card__logo {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
}

.front-page-best-casino .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.front-page-best-casino .card__logo img {
  width: auto;
  height: auto;
}

.front-page-best-casino .card__title {
  color: #222222;
}

.front-page-best-casino .card__stars-text {
  display: block;
  margin-left: 6px;
}

.front-page-best-casino .card__stars-text span {
  font-weight: 700;
}

.front-page-best-casino .card__description {
  margin-top: 8px;
  color: #222222;
}

.front-page-best-casino .card__icons .user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid #e9ecf1;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #ffffff;
  position: relative;
}

.front-page-best-casino .card__icons .user-icon:before {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

.front-page-best-casino .card__icons .user-icon:not(:first-child) {
  margin-left: -7px;
}

.front-page-best-casino .card__icons .users-chose {
  width: 90px;
  height: 36px;
  background: #ffffff;
  border-radius: 500px;
  margin-left: -8px;
  padding: 2px 12px;
}

.front-page-best-casino .card-content {
  margin-bottom: 10px;
}

.front-page-best-casino .card__middle-left {
  max-width: 100%;
}

.front-page-best-casino .card__middle-right {
  max-width: 320px;
}

.front-page-best-casino .card .pros-and-cons__title {
  text-transform: capitalize;
}

.front-page-best-casino .card .pros-and-cons__positive ul li:before {
  background: url(../img/svg/pros.svg);
}

.front-page-best-casino .card .pros-and-cons__negative {
  margin-left: 15px;
}

.front-page-best-casino .card .pros-and-cons__negative ul li:before {
  background: url(../img/svg/cons.svg);
}

.front-page-best-casino .card .pros-and-cons ul {
  padding: 0;
  margin: 0;
}

.front-page-best-casino .card .pros-and-cons ul li {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 140%;
  color: #222222;
}

.front-page-best-casino .card .pros-and-cons ul li:not(:last-child) {
  margin-bottom: 6px;
}

.front-page-best-casino .card .pros-and-cons ul li:before {
  content: "";
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 8px;
  flex-shrink: 0;
}

.front-page-best-casino .card .pros-and-cons ul li p {
  font: inherit;
}

.front-page-best-casino .card-content__title {
  text-transform: capitalize;
  color: #222222;
}

.front-page-best-casino .card-content__text {
  display: block;
  color: #222222;
}

.front-page-best-casino .card-content__text p {
  font: inherit;
}

.front-page-best-casino .card .comment__claim {
  background: rgba(24, 118, 240, 0.1);
  border-radius: 8px;
  padding: 6px 6px 6px 12px;
  gap: 10px;
}

.front-page-best-casino .card .comment__claim-btn {
  height: 100%;
}

.front-page-best-casino .card .comment__bonus {
  color: #1876f0;
}

.front-page-best-casino .card .comment__bonus-title {
  margin-bottom: 2px;
  text-transform: capitalize;
}

.front-page-best-casino .card .comment__bonus-value {
  text-transform: uppercase;
}

.front-page-best-casino .card .comment__bonus-value svg {
  margin-right: 6px;
}

.front-page-best-casino .card .review {
  border: 1.5px solid #1876f0;
  border-radius: 6px;
  padding: 15px 12px;
}

.front-page-best-casino .card .review__head {
  margin-bottom: 6px;
}

.front-page-best-casino .card .review__user {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 1px solid #e9ecf1;
  border-radius: 50%;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  margin-right: 8px;
}

.front-page-best-casino .card .review__title {
  line-height: 120%;
}

.front-page-best-casino .card .review__stars svg {
  width: 10px;
  height: 10px;
}

.front-page-best-casino .card .review__icon {
  width: 25px;
  height: 25px;
  background: rgba(255, 181, 38, 0.1);
  border-radius: 6px;
  margin: 0 0 0 auto;
  padding: 2px 4px;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
}

.front-page-best-casino .card .review__description {
  color: #222222;
}

.front-page-best-casino .card .review__description p {
  font: inherit;
}

.front-page-best-casino__btn {
  width: 100%;
}

.front-page-best-casino .card-tabs__content {
  display: none;
}

.front-page-best-casino .card-tabs__content.ui-collapse--open {
  display: block;
}

.criteria-choose__table tbody tr {
  vertical-align: top;
}

.criteria-choose__table tbody tr td {
  color: #222222;
  padding: 16px;
}

.criteria-choose__table tbody tr td:first-child {
  font-weight: 600;
  color: #222222;
  min-width: 150px;
  padding-right: 4px;
}

.criteria-choose__table tbody tr:not(:first-child) td {
  border-top: 1px solid #eaeef0;
}

.criteria-choose__table tbody:nth-child(even) td {
  background: #ffffff;
}

.casino-bonuses__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.casino-bonuses__btn {
  margin: 20px 0 0;
  width: 100%;
}

.top-tips__cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}

.top-tips-card {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.top-tips-card__row {
  margin-bottom: 8px;
}

.top-tips-card__step {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 50%;
  margin-right: 12px;
  box-shadow:
    0px 0px 0.910568px rgba(0, 0, 0, 0.08),
    0px 1.82114px 1.82114px rgba(0, 0, 0, 0.12);
}

.faq__cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}

.faq-card__title {
  margin-bottom: 8px;
}

.navigation {
  padding: 8px;
  --main-color: $ blueAccent;
}

.navigation__banner {
  width: calc(100% + 22px);
  height: 190px;
  position: relative;
  margin: -20px -8px 8px;
}

.navigation__title {
  margin: 0 0 10px;
  padding: 0 8px;
}

.navigation__list {
  padding: 0;
  margin: 0;
  list-style: none;
  counter-reset: myCounter;
}

.navigation__item {
  padding: 6px 8px;
  border-right: 4px solid transparent;
  border-radius: 6px;
  display: flex;
  background: #ffffff;
}

.navigation__item:not(:last-child) {
  margin-bottom: 5px;
}

.navigation__item.active {
  font-weight: 500;
  color: var(--main-color);
  box-shadow:
    0px -1px 3px rgba(0, 0, 0, 0.05),
    0px 3px 3px rgba(0, 0, 0, 0.05);
  border-right: 4px solid var(--main-color);
}

.navigation__item.active:before {
  background: var(--main-color);
  content: counter(myCounter);
  font-weight: 500;
  color: #ffffff;
}

.navigation__item:hover {
  color: var(--main-color);
  border-right: 4px solid var(--main-color);
  background: rgba(var(--main-color), 0.05);
}

.navigation__item:before {
  margin-top: 2px;
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  border-radius: 50%;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  margin-right: 8px;
}

/* rating casinos */
.rating-casinos {
  margin: 0 0 20px;
}

.rating-casinos .block-description:last-child {
  margin-bottom: 0;
}

.rating-casinos__main-text * {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif !important;
}

.rating-casinos__main-text p {
  line-height: 25px;
}

.rating-casinos__wrapper {
  gap: 20px;
  padding: 24px 20px 20px;
  background: #ffffff;
  border-radius: 8px;
}

.rating-casinos__main-text {
  gap: 12px;
}

.rating-casinos__inner {
  position: relative;
  padding: 18px 16px;
  border-radius: 8px;
  background: #e2f4ee;
}

.rating-casinos__inner::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 267px;
  border-radius: 8px 8px 0 0;
  background: #67b486;
  content: "";
}

.rating-casinos__top {
  position: relative;
  gap: 20px;
  margin-bottom: 20px;
  z-index: 1;
}

.rating-casinos__top > *:last-child {
  margin-bottom: 0;
}

.rating-casinos__icon {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  margin-right: 16px;
}

.rating-casinos__title {
  margin-bottom: 8px;
}

.rating-casinos__info {
  position: relative;
  gap: 10px;
}

.rating-casinos__info * {
  color: #fff !important;
}

.rating-casinos__text {
  gap: 10px;
}

.rating-casinos__text h2,
.rating-casinos__text p {
  color: #000000;
}

.rating-casinos__info .modal-btn {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  width: 26px;
  height: 26px;
}

.rating-casinos__info .modal-btn:hover {
  background: rgba(255, 255, 255, 0.4);
}

.rating-casinos__info .modal-btn svg {
  color: #ffffff;
}

.rating-casinos .modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9;
}

.rating-casinos .modal.active {
  display: flex !important;
}

.rating-casinos .modal__head {
  background: url(../img/modal-head.png) 0 0 / cover var(--rating-color);
  position: relative;
  min-height: 80px;
}

.rating-casinos .modal__head > * {
  color: #ffffff;
}

.rating-casinos .modal__wrapper {
  position: relative;
  width: 100%;
  max-width: 1160px;
  overflow: hidden;
}

.rating-casinos .modal__close {
  position: absolute;
  right: 16px;
  top: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  width: 26px;
  height: 26px;
  z-index: 9;
}

.rating-casinos .modal__close:hover {
  background: rgba(255, 255, 255, 0.4);
}

.rating-casinos .modal__close svg {
  color: #ffffff;
}

.rating-casinos-bonuses {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-bottom: 20px;
  overflow: hidden;
}

.rating-casinos-bonuses__left {
  padding: 16px;
  margin-top: 20px;
  max-width: 220px;
}

.rating-casinos-bonuses__box .icon {
  color: #2fb966;
  margin-bottom: 15px;
}

.rating-casinos-bonuses__box .title {
  margin-bottom: 8px;
}

.rating-casinos-bonuses__box .text b {
  font-weight: 700;
  color: var(--rating-color);
}

.rating-casinos-bonuses__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #222222;
  padding: 20px 0;
  max-width: 760px;
}

.rating-casinos-bonuses__cards .card {
  text-align: center;
  position: relative;
}

.rating-casinos-bonuses__cards .card:hover .card__btn {
  background: #18974b;
  border: 1px solid #18974b;
}

.rating-casinos-bonuses__cards .card__wrapper {
  height: 100%;
  justify-content: space-between;
}

.rating-casinos-bonuses__cards .card__top {
  margin-bottom: 16px;
}

.rating-casinos-bonuses__cards .card__logo {
  margin: 0 auto 12px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.rating-casinos-bonuses__cards .card__logo img {
  width: auto;
  height: auto;
}

.rating-casinos-bonuses__cards .card__title,
.rating-casinos-bonuses__cards .card__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.rating-casinos-bonuses__cards .card__title {
  -webkit-line-clamp: 2;
  color: #ffd600;
  margin-bottom: 6px;
  min-height: 40px;
}

.rating-casinos-bonuses__cards .card__text {
  -webkit-line-clamp: 3;
  color: #ffffff;
  opacity: 0.8;
}

.rating-casinos-bonuses__cards .card__bottom {
  position: relative;
}

.rating-casinos-bonuses__cards .card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 115px;
  width: fit-content;
  border-radius: 6px;
  margin: 0 auto;
  background: #2fb966;
  border: 1px solid #2fb966;
  padding: 11px 15px;
  font-weight: 700;
  font-size: 15px;
  line-height: 130%;
  color: #ffffff;
}

.rating-casinos-bonuses__cards .card__apply {
  color: #ffffff;
  opacity: 0.6;
}

.rating-casinos-bonuses__cards .card__apply svg {
  margin-left: 4px;
}

.apply-bonus {
  position: relative;
  text-align: center;
  margin: 12px 0 0;
}

.apply-bonus.apply-bonus--open .apply-bonus__text {
  display: block;
}

.apply-bonus.apply-bonus--open svg {
  transform: rotate(180deg);
}

.apply-bonus__btn {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}

.apply-bonus__btn:hover {
  color: #cccccc;
}

.apply-bonus__btn svg {
  transition: 0.3s ease all;
  margin-left: 5px;
}

.apply-bonus__text {
  display: none;
  margin: 0 0 8px;

  position: absolute;
  bottom: 100%;
  left: 0;
  border: 1px solid white;
  background: white;
  padding: 5px;
  border-radius: 6px;
  z-index: 100;
}

.breadcrumbs {
  margin: 0 -4px;
}

.breadcrumbs .wrapper {
  padding: 0;
}

.breadcrumbs * {
  font-size: 14px !important;
}

.breadcrumbs > * {
  margin: 0 4px;
}

.breadcrumbs svg {
  transform: rotate(90deg);
  margin-right: 4px;
}

.breadcrumbs a:hover {
  color: #1876f0;
}

.breadcrumbs__last {
  font-weight: 400;
  color: #222222;
}

.about > *:first-child {
  margin-top: 0;
}

.about > *:last-child {
  margin-bottom: 0;
}

.about__team {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.about__team .expert-card {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.contact > *:first-child {
  margin-top: 0;
}

.contact > *:last-child {
  margin-bottom: 0;
}

.contact-form__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
}

.contact-form__item {
  position: relative;
}

.contact-form__label {
  z-index: 100;
  position: absolute;
  top: 7px;
  left: 16px;
  font-size: 12px;
  line-height: 150%;
  transition: 0.3s;
  color: #222222;
  pointer-events: none;
  opacity: 0;
}

.contact-form__input {
  display: block;
  height: 50px;
  width: 100%;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 0 0 0 12px;
  cursor: pointer;
  background: transparent;
}

.contact-form__input:focus {
  border: 2px solid #1876f0;
  background: transparent;
  padding: 20px 0 0 15px;
}

.contact-form__input:focus::placeholder {
  opacity: 0;
  transition: 0.3s;
}

.contact-form__input:focus + .contact-form__label {
  opacity: 1;
}

.contact-form__input.error {
  border: 2px solid #f0284a;
  color: #f0284a;
}

.contact-form__input.error + .contact-form__label {
  color: #f0284a;
}

.contact-form__input.valid {
  border: 2px solid #2fb966;
  color: #2fb966;
}

.contact-form__input.valid + .contact-form__label {
  color: #2fb966;
}

.contact-form__input_textarea {
  padding: 15px 0 0 15px;
  height: 150px;
  resize: none;
}

.contact-form__input_textarea:focus {
  padding: 15px 0 0 15px;
}

.error-page {
  margin: 0 auto;
  padding: 16px 15px 40px;
  max-width: 1440px;
}
.error-page__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 0 10px;
  text-align: center;
  max-width: 515px;
  margin: 0 auto;
}
.error-page__subtitle {
  font-weight: 700;
  font-size: 70px;
  line-height: normal;
  color: #1876f0;
}
.error-page__title {
  font-weight: 700;
  font-size: 20px !important;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.error-page__desc {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.7;
}
.error-page__btn {
  display: inline-block;
  margin: 0 auto 0;
  min-width: 206px;
  height: 50px;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #1876f0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 52px;
  transition: all 0.2s;
  appearance: none;
}
.error-page__btn:hover {
  background: #1260c4;
}

.rating-best-casino {
  margin-top: 20px;
}

.rating-best-casino__title {
  margin-bottom: 8px;
}

.rating-best-casino .tabs__row {
  border-bottom: 1px solid #eaeef0;
}

.rating-best-casino .tabs__btn {
  position: relative;
  color: #222222;
  padding: 0 0 9px;
  background: transparent;
  border: none;
  margin-right: 16px;
}

.rating-best-casino .tabs__btn:last-child {
  margin-right: 0;
}

.rating-best-casino .tabs__btn:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: transparent;
  border-radius: 0px 6px 6px 0px;
}

.rating-best-casino .tabs__btn.ui-tab-btn--active:before {
  background: #1876f0;
}

.rating-best-casino .tabs__wrapper {
  padding: 12px 0 0;
}

.rating-best-casino .tabs__content {
  display: none;
}

.rating-best-casino .tabs__content.ui-collapse--open {
  display: block;
}

.rating-best-casino .list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  overflow-y: auto;
  height: 152px;
}

.rating-best-casino .list::-webkit-scrollbar {
  background: transparent;
  width: 4px;
  height: 4px;
}

.rating-best-casino .list::-webkit-scrollbar-thumb {
  background: #eaeef0;
  border-radius: 6px;
}

.rating-best-casino .row__logo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--main-color);
  padding: 2px;
  position: relative;
  margin-right: 8px;
}

.rating-best-casino .row__logo img {
  width: auto;
  height: auto;
}

.rating-best-casino .row__logo .index {
  position: absolute;
  bottom: -3px;
  right: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #1876f0;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.rating-best-casino .row__title {
  margin-bottom: 4px;
  color: #222222;
}

.rating-best-casino .row__bonus {
  text-align: right;
}

.rating-best-casino .row__bonus-name {
  color: #222222;
  margin-bottom: 2px;
}

.rating-best-casino .row__bonus-text {
  color: #222222;
}

.best-casino-sidebar {
  padding: 20px 16px 16px;
}

.best-casino-sidebar__rating {
  background: #eaeef0;
  border-radius: 6px;
  padding: 8px 16px;
  margin-bottom: 20px;
  position: relative;
}

.best-casino-sidebar__rating .box {
  background: #ffd600;
  border: 2px solid #ffffff;
  box-shadow:
    0px -1px 4px rgba(0, 0, 0, 0.05),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 2px 3px 3px;
  width: 63px;
  height: 50px;
  position: absolute;
  top: -6px;
  left: 10px;
  text-align: center;
}

.best-casino-sidebar__rating .box .number {
  font-weight: 700;
  font-size: 22px;
  line-height: 125%;
  color: #222222;
}

.best-casino-sidebar__rating .box .title {
  text-transform: uppercase;
}

.best-casino-sidebar__rating .rating-area:not(:checked) > input {
  display: none;
}

.best-casino-sidebar__rating .rating-area:not(:checked) > label {
  cursor: pointer;
  color: #222222;
}

.best-casino-sidebar__rating .rating-area:not(:checked) > label svg {
  color: #222222;
}

.best-casino-sidebar__rating .rating-area:not(:checked) > label:hover svg,
.best-casino-sidebar__rating .rating-area:not(:checked) > label:hover ~ label svg {
  color: #ffb526;
}

.best-casino-sidebar__rating .rating-area > input:checked ~ label svg {
  color: #ffb526;
}

.best-casino-sidebar__rating .rating-area > input:checked + label:hover svg,
.best-casino-sidebar__rating .rating-area > input:checked + label:hover ~ label svg {
  color: #ffb526;
}

.best-casino-sidebar__rating .rating-area > input:checked ~ label:hover svg,
.best-casino-sidebar__rating .rating-area > input:checked ~ label:hover ~ label svg {
  color: #ffb526;
}

.best-casino-sidebar__rating .rating-area > label:hover ~ input:checked ~ label svg {
  color: #ffb526;
}

.best-casino-sidebar__rating .rating-area > label:active {
  position: relative;
}

.best-casino-sidebar__title {
  margin-bottom: 8px;
}

.best-casino-sidebar__title span {
  font-weight: 300;
}

.best-casino-sidebar__text {
  color: #222222;
}

.best-casino-sidebar .tabs {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  overflow: hidden;
  margin: 18px 0;
}

.best-casino-sidebar .tabs__row {
  border-bottom: 1px solid #eaeef0;
}

.best-casino-sidebar .tabs__btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  color: #222222;
  padding: 10px;
  flex: 1 1 50%;
  background: #eaeef0;
}

.best-casino-sidebar .tabs__btn.ui-tab-btn--active {
  background: #ffffff;
}

.best-casino-sidebar .tabs__btn span {
  display: block;
  font-weight: 300;
}

.best-casino-sidebar .tabs__content {
  display: none;
  padding: 12px;
  text-align: center;
}

.best-casino-sidebar .tabs__content.ui-collapse--open {
  display: block;
}

.best-casino-sidebar .tabs__content .title {
  text-transform: uppercase;
  color: #222222;
}

.best-casino-sidebar .tabs__content .title b {
  font-weight: 900;
}

.best-casino-sidebar .tabs__content .text {
  color: #222222;
  margin-bottom: 15px;
}

.best-casino-sidebar .tabs__content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: #ffd600;
  border-radius: 6px;
  min-width: 130px;
  font-weight: 700;
  padding: 5px 12px;
}

.best-casino-sidebar .tabs__content .btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #222222;
  border-radius: 50%;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 8px;
}

.best-casino-sidebar__title-sub {
  font-weight: 700;
  margin: 18px 0 12px;
}

.best-casino-sidebar__logo {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 8px 10px 10px;
}

.best-casino-sidebar__logo .logo {
  margin-bottom: 6px;
}

.best-casino-sidebar__logo .logo__img {
  margin-right: 7px;
}

.best-casino-sidebar__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}

.best-casino-sidebar__item {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #222222;
  text-transform: capitalize;
}

.best-casino-sidebar__item span {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.best-casino-sidebar__item span.icon-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffc233;
  border-radius: 50%;
  color: #ffffff;
}

.best-casino-sidebar__item span.icon-custom svg {
  margin-left: 1px;
}

.best-casino-sidebar__item .text {
  text-decoration: underline;
}

.best-casino-banner {
  max-width: 800px;
  overflow: hidden;
}

.best-casino-banner .best-casino-slide {
  min-height: 290px;
  color: #ffffff;
  padding: 30px 30px 20px;
}

.best-casino-banner .best-casino-slide .stars_reiting svg {
  width: 18px;
  height: 18px;
  margin-right: 2px;
}

.best-casino-banner .best-casino-slide .stars_reiting svg:last-child {
  margin-right: 0;
}

.best-casino-banner .best-casino-slide__content {
  max-width: 420px;
  height: 100%;
}

.best-casino-banner .best-casino-slide__left {
  margin-right: 22px;
}

.best-casino-banner .best-casino-slide__logo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--main-color);
  flex-shrink: 0;
  position: relative;
  margin-bottom: 10px;
  border: 3px solid transparent;
}

.best-casino-banner .banner-main .best-casino-slide {
  cursor: pointer;
}

.best-casino-banner .banner-main .best-casino-slide__logo svg {
  width: 112px !important;
  left: -9px;
  top: -9px;
}

.best-casino-banner .banner-main .best-casino-slide__promo .p3 {
  font-size: 13px;
  font-weight: 500;
  line-height: 145%;
}

.best-casino-banner .banner-main .best-casino-slide__promo .p1--bold {
  font-size: 15px;
  font-weight: 700;
  line-height: 125%;
}

.best-casino-banner .banner-main .best-casino-slide__name.h4 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.best-casino-banner .banner-main .best-casino-slide__title.banner-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  min-height: 52px;
}

.best-casino-banner .best-casino-slide__logo img {
  display: block;
  width: auto;
  height: auto;
}

.best-casino-banner .best-casino-slide__logo svg {
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(-1, 1);
}

.best-casino-banner .best-casino-slide__rating {
  margin-top: 12px;
  flex-shrink: 0;
}

.best-casino-banner .best-casino-slide__rating svg {
  margin: 0 1px;
  color: rgba(255, 255, 255, 0.5);
}

.best-casino-banner .best-casino-slide__rating svg:nth-child(1),
.best-casino-banner .best-casino-slide__rating svg:nth-child(5) {
  margin-top: -8px;
}

.best-casino-banner .best-casino-slide__rating svg:nth-child(2),
.best-casino-banner .best-casino-slide__rating svg:nth-child(4) {
  margin-top: -4px;
}

.best-casino-banner .best-casino-slide__name {
  opacity: 0.8;
  margin-bottom: 8px;
}

.best-casino-banner .best-casino-slide__title {
  font-weight: 400;
  margin-bottom: 12px;
}

.best-casino-banner .best-casino-slide__description {
  margin-top: 20px;
  margin-left: 0;
  opacity: 0.8;
}

.best-casino-banner__bottom {
  padding: 12px;
  position: relative;
}

.best-casino-banner__timer {
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeef0;
}

.best-casino-banner__timer .title {
  font-weight: 400;
  margin-right: 8px;
}

.best-casino-banner__timer .promo {
  position: relative;
  background: rgba(61, 110, 234, 0.05);
  border: 1px solid #1876f0;
  border-radius: 4px;
  min-width: 90px;
  min-height: 21px;
  padding: 0 5px;
  color: #1876f0;
}

.best-casino-banner__timer .promo svg {
  position: absolute;
  left: 5px;
  margin-right: 5px;
}

.best-casino-banner__timer .promo .seconds {
  margin-left: 3px;
}

.best-casino-banner__timer .promo-wrap {
  position: absolute;
  left: 25px;
  gap: 3px;
}

.best-casino-banner .swiper-sub {
  padding: 12px 12px 2px;
  margin: 0 -12px;
}

.best-casino-banner .swiper-sub .swiper-button-next,
.best-casino-banner .swiper-sub .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #ffffff;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  color: #222222;
  margin-top: -15px;
}

.best-casino-banner .swiper-sub .swiper-button-next:before,
.best-casino-banner .swiper-sub .swiper-button-next:after {
  display: none;
}

.best-casino-banner .swiper-sub .swiper-button-prev:before,
.best-casino-banner .swiper-sub .swiper-button-prev:after {
  display: none;
}

.best-casino-banner .swiper-sub .swiper-button-next svg {
  transform: rotate(90deg);
}

.best-casino-banner .swiper-sub .swiper-button-prev {
  left: 8px;
  display: none;
}

.best-casino-banner .swiper-sub .swiper-button-prev svg {
  transform: rotate(90deg);
}

.best-casino-banner .swiper-sub .swiper-button-next {
  right: 8px;
}

.best-casino-banner .swiper-sub .swiper-button-next svg {
  transform: rotate(-90deg);
}

.best-casino-banner .swiper-sub__blur {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100%;
  max-height: 100px;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.best-casino-banner .swiper-sub .best-casino-slide {
  background: #ffffff;
  border-radius: 6px;
  padding: 11px;
  height: 62px;
  width: 268px;
  min-height: auto;
  color: #222222;
  border: 1px solid #e6eaee;
}

.best-casino-banner .swiper-sub .best-casino-slide__logo {
  width: 40px;
  height: 40px;
  margin: 0 14px 0 0;
  background: var(--main-color);
  border-radius: 50%;
  padding: 2px;
  position: relative;
}

.best-casino-banner .swiper-sub .best-casino-slide__logo svg {
  position: absolute;
  left: -7px;
  top: -7px;
  transform: scale(-1, 1);
}

.best-casino-banner .swiper-sub .best-casino-slide__title {
  max-width: 145px;
  max-height: 40px;
  overflow: hidden;
  margin: 0 6px 0 0;
}

.best-casino-banner .swiper-sub .best-casino-slide__title b {
  font-weight: 700;
}

.best-casino-banner .swiper-sub .best-casino-slide__promo {
  background: #f2f3f6;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  margin-left: auto;
}

.casinos-filter {
  padding: 16px;
}

.casinos-filter__title {
  margin-bottom: 12px;
}

.casinos-filter-socials__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}

.casinos-filter-socials__cards .card__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.casinos-filter-socials__cards .card__input:checked ~ .card__label {
  border: 1px solid transparent;
}

.casinos-filter-socials__cards .card__input:checked ~ .card__label:before {
  border: 2px solid #ffb526;
}

.casinos-filter-socials__cards .card__label {
  position: relative;
  background: transparent;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 7px 9px;
  cursor: pointer;
}

.casinos-filter-socials__cards .card__label:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid transparent;
  border-radius: 6px;
}

.casinos-filter-checkbox {
  margin-left: 30px;
}

.casinos-filter-checkbox__cards {
  display: flex;
  gap: 30px;
}

.casinos-filter-checkbox__card {
  display: flex;
  gap: 8px;
}

.casinos-filter-checkbox__cards .card__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.casinos-filter-checkbox__cards .card__input:checked ~ .card__label {
  border: 1px solid transparent;
}

.casinos-filter-checkbox__cards .card__input:checked ~ .card__label:before {
  border: 2px solid var(--main-color);
}

.casinos-filter-checkbox__cards .card__input:checked ~ .card__label .card__title {
  color: var(--main-color);
}

.casinos-filter-checkbox__cards .card__label {
  position: relative;
  background: transparent;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 6px 9px;
  cursor: pointer;
  min-width: 120px;
}

.casinos-filter-checkbox__cards .card__label:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid transparent;
  border-radius: 6px;
}

.casinos-filter-checkbox__cards .card__label:hover {
  color: var(--main-color);
  border: 1px solid transparent;
}

.casinos-filter-checkbox__cards .card__label:hover:before {
  border: 2px solid var(--main-color);
}

.casinos-filter-checkbox__cards .card__icon {
  display: block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-bottom: 6px;
}

.casinos-filter__cards .card {
  margin-right: 12px;
}

.casinos-filter__cards .card:last-child {
  margin-right: 0;
}

.casinos-filter__cards .card__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.casinos-filter__cards .card__input:checked ~ .card__label {
  border: 1px solid #1876f0;
  color: #1876f0;
  background: rgba(61, 110, 234, 0.05);
}

.casinos-filter__cards .card__input:checked ~ .card__label svg {
  color: #1876f0;
}

.casinos-filter__cards .card__label {
  background: #f2f3f6;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 3px 12px;
  color: #222222;
  cursor: pointer;
}

.casinos-filter__cards .card__label:hover {
  color: #1876f0;
}

.casinos-filter__cards .card__label:hover svg {
  color: #1876f0;
}

.casinos-filter__cards .card__label svg {
  color: #222222;
  margin-right: 10px;
}

.casinos-filter__btn {
  text-transform: capitalize;
  color: #1876f0;
  background: transparent;
}

.casinos-filter__btn:hover {
  color: #156ee1;
}

.casinos-filter__btn:active,
.casinos-filter__btn:focus {
  color: #176cda;
}

.battle {
  padding: 16px 18px;
  overflow: hidden;
}

.battle__content {
  margin: -16px -18px 0;
  padding: 16px 18px 115px;
  text-align: center;
  color: #ffffff;
}

.battle__title {
  margin-bottom: 8px;
}

.battle__head {
  margin-top: -92px;
}

.battle-casino {
  width: 300px;
  flex-shrink: 0;
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 16px;
}

.battle-casino__head {
  margin-bottom: 17px;
}

.battle-casino__logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
  margin-right: 12px;
}

.battle-casino__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.battle-casino__logo img:not(.img-win) {
  width: auto;
  height: auto;
}

.battle-casino__logo .img-win {
  display: block;
  width: 32px;
  height: auto;
  border-radius: 4px;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
}

.battle-casino__title {
  margin-bottom: 6px;
}

.battle-casino__tags {
  margin-right: 12px;
}

.battle-casino__tags .tags__item {
  margin-right: 12px;
}

.battle-casino__tags .tags__item:last-child {
  margin-right: 0;
}

.battle-vs {
  width: 100%;
  height: 92px;
}

.battle-vs__group {
  padding-top: 10px;
  margin: 10px auto;
  width: 96px;
  height: 59px;
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  position: relative;
  text-align: center;
}

.battle-vs__img {
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.battle__info {
  margin-top: 20px;
}

.battle__row {
  position: relative;
  margin: 12px 0;
}

.battle__row--rating .stars {
  margin: 0 8px 8px;
}

.battle__left,
.battle__right {
  flex: 1 1 auto;
}

.battle__left .p1,
.battle__right .p1 {
  margin-bottom: 8px;
  text-align: left;
}

.battle__left .line,
.battle__right .line {
  display: block;
  position: relative;
  height: 6px;
  width: 100%;
  background: #f2f3f6;
  border-radius: 50px;
}

.battle__left .line span {
  display: block;
  position: absolute;
  right: 0;
  height: 100%;
  background: #1876f0;
  border-radius: 50px;
}

.battle__right {
  margin-left: 20px;
}

.battle__right .line span {
  display: block;
  position: absolute;
  right: 0;
  height: 100%;
  background: #1876f0;
  border-radius: 50px;
}

.battle__right .p1 {
  text-align: right;
}

.battle__right .line span {
  left: 0;
  background: #f0284a;
}

.battle__middle {
  position: absolute;
  top: 0;
  left: 50%;
  color: #222222;
  text-transform: capitalize;
  transform: translateX(-50%);
}

.block-best-casinos {
  padding: 15px;
}

.block-best-casinos__wrapper {
  display: flex;
}

.block-best-casinos-info {
  max-width: 430px;
  margin-right: 40px;
}

.block-best-casinos-info p {
  color: #222222;
  font: inherit;
}

.block-best-casinos__right {
  width: 100%;
}

.block-best-casinos__cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 12px;
  width: 100%;
}

.block-best-casinos__cards .card {
  padding: 12px 6px;
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  min-width: 180px;
  position: relative;
}

.block-best-casinos__cards .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  border: 2px solid transparent;
}

.block-best-casinos__cards .card:hover {
  border: 1px solid transparent;
}

.block-best-casinos__cards .card:hover:not(:last-child):before {
  border: 2px solid #f0284a;
}

.block-best-casinos__cards .card:hover:not(:last-child) .card__title,
.block-best-casinos__cards .card:hover:not(:last-child) .card__text {
  color: #f0284a;
}

.block-best-casinos__cards .card:hover:last-child .card__title,
.block-best-casinos__cards .card:hover:last-child .card__text {
  color: #1876f0;
}

.block-best-casinos__cards .card:last-child {
  padding: 12px;
  grid-column: 1/4;
  min-width: 100%;
  box-shadow:
    0px -1px 4px rgba(0, 0, 0, 0.05),
    0px 1px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
}

.block-best-casinos__cards .card__img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 6px;
  margin-right: 10px;
}

.block-best-casinos__cards .card__title {
  color: #222222;
  margin-bottom: 2px;
}

.block-best-casinos__cards .card__title span {
  text-decoration: underline;
}

.block-best-casinos__cards .card__text {
  display: block;
  color: #222222;
}

.block-best-casinos__cards .card__btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #2095f2;
  color: #ffffff;
  margin: 0 0 0 auto;
}

.block-best-casinos__cards .card__btn svg {
  transform: rotate(-90deg);
}

.best-casino-logos__cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}

.best-casino-logos__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  height: 70px;
}

.best-casino-logos__cards .card__img {
  display: block;
  max-height: 70px;
  margin: 0 auto;
}

.our-members__cards {
  margin: 0 0 -20px 0;
}

.our-members__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  flex: 1 1 47%;
  padding: 15px;
  margin-bottom: 20px;
}

.our-members__cards .card a {
  text-decoration: underline;
}

.our-members__cards .card:nth-child(even) {
  margin-left: 20px;
}

.our-members__cards .card__description {
  margin-top: 8px;
}

.our-members__cards .card__img {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  margin-right: 8px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.our-members__cards .card__text {
  display: block;
  color: #222222;
}

.best-casino-welcome-bonuses__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.best-casino-welcome-bonuses__cards .card {
  padding: 15px;
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.best-casino-welcome-bonuses__cards .card__head {
  margin-bottom: 12px;
}

.best-casino-welcome-bonuses__cards .card__logo {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.best-casino-welcome-bonuses__cards .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.best-casino-welcome-bonuses__cards .card__logo img {
  width: auto;
  height: auto;
}

.best-casino-welcome-bonuses__cards .card__title {
  color: #222222;
  margin-bottom: 12px;
}

.best-casino-welcome-bonuses__cards .card__country {
  color: #222222;
}

.best-casino-welcome-bonuses__cards .card__img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}

.best-casino-welcome-bonuses__cards .card__img svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  background: #2fb966;
  border: 1.5px solid #ffffff;
  border-radius: 50px;
  position: absolute;
  top: -4px;
  right: -4px;
  color: #ffffff;
}

.best-casino-welcome-bonuses__cards .card__text {
  display: block;
  color: #222222;
}

.best-casino-welcome-bonuses__cards .card__text p {
  font: inherit;
}

.best-casino-popular-slot__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.best-casino-popular-slot__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.best-casino-popular-slot__cards .card__logo {
  height: 40%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.best-casino-popular-slot__cards .card__logo img {
  border-radius: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.best-casino-popular-slot__cards .card__content {
  padding: 16px 12px;
}

.best-casino-popular-slot__cards .card__title {
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 8px;
}

.best-casino-popular-slot__cards .card__tag {
  background: #f2f3f6;
  backdrop-filter: blur(25px);
  border-radius: 6px;
  padding: 4px 8px;
  margin-bottom: 12px;
  color: #222222;
  width: -moz-fit-content;
  width: fit-content;
}

.best-casino-popular-slot__cards .card__tag span {
  margin-left: 6px;
  line-height: 120%;
  color: #222222;
}

.best-casino-popular-slot__cards .card__text {
  display: block;
  color: #222222;
}

.best-casino-popular-slot__cards .card__text p {
  font: inherit;
}

.casino-bonus-banner {
  padding: 18px 16px;
}

.casino-bonus-banner__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.casino-bonus-banner__row {
  margin-bottom: 8px;
}

.casino-bonus-banner__row .available {
  flex-shrink: 0;
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 3px 8px;
}

.casino-bonus-banner__title {
  margin-right: 12px;
}

.casino-bonus-banner__text {
  color: #222222;
}

.casino-bonus-banner__text p {
  font: inherit;
}

.casino-bonus-banner__cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}

.casino-bonus-banner__cards .card {
  padding: 12px;
  background: #ffffff;
  border-radius: 6px;
  position: relative;
}

.casino-bonus-banner__cards .card:not(:last-child) {
  border: 1px solid #eaeef0;
}

.casino-bonus-banner__cards .card:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid transparent;
  border-radius: 6px;
}

.casino-bonus-banner__cards .card:hover:not(:last-child) {
  border: 1px solid transparent;
}

.casino-bonus-banner__cards .card:hover:not(:last-child):before {
  border: 2px solid #ffb526;
}

.casino-bonus-banner__cards .card:hover .card__title,
.casino-bonus-banner__cards .card:hover .card__text,
.casino-bonus-banner__cards .card:hover .card__svg {
  color: #ffb526;
}

.casino-bonus-banner__cards .card:hover .card__title span,
.casino-bonus-banner__cards .card:hover .card__text span,
.casino-bonus-banner__cards .card:hover .card__svg span {
  border-bottom: 1px solid #ffb526;
}

.casino-bonus-banner__cards .card:last-child {
  grid-column: 1/3;
  box-shadow:
    0px -1px 4px rgba(0, 0, 0, 0.05),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
}

.casino-bonus-banner__cards .card:last-child .card__icon {
  margin: 0 12px 0 0;
}

.casino-bonus-banner__cards .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 0 8px auto;
}

.casino-bonus-banner__cards .card__title {
  color: #222222;
}

.casino-bonus-banner__cards .card__title span {
  border-bottom: 1px solid #222222;
}

.casino-bonus-banner__cards .card__text {
  display: block;
  color: #222222;
}

.casino-bonus-banner__cards .card__text p {
  font: inherit;
}

.casino-bonus-banner__cards .card__svg {
  display: block;
  margin: 0 0 0 auto;
  transform: rotate(-90deg);
}

.bonus-casino-deposit__table table tbody:nth-child(even) td {
  background: transparent;
}

.bonus-casino-deposit__table table tbody tr:nth-child(3) td,
.bonus-casino-deposit__table table tbody tr:nth-child(4) td,
.bonus-casino-deposit__table table tbody tr:nth-child(7) td,
.bonus-casino-deposit__table table tbody tr:nth-child(8) td,
.bonus-casino-deposit__table table tbody tr:nth-child(11) td,
.bonus-casino-deposit__table table tbody tr:nth-child(12) td,
.bonus-casino-deposit__table table tbody tr:nth-child(15) td,
.bonus-casino-deposit__table table tbody tr:nth-child(16) td,
.bonus-casino-deposit__table table tbody tr:nth-child(19) td,
.bonus-casino-deposit__table table tbody tr:nth-child(20) td {
  background: #fbfcfd;
}

.bonus-casino-no-deposit__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.bonus-casino-no-deposit__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.bonus-casino-no-deposit__cards .card__wrapper {
  height: 100%;
}

.bonus-casino-no-deposit__cards .card__top {
  margin-bottom: 12px;
}

.bonus-casino-no-deposit__cards .card__logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 16px;
  position: relative;
}

.bonus-casino-no-deposit__cards .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.bonus-casino-no-deposit__cards .card__logo img {
  width: auto;
  height: auto;
}

.bonus-casino-no-deposit__cards .card__info {
  width: 100%;
}

.bonus-casino-no-deposit__cards .card__value {
  background: #1876f0;
  border: 2px solid #ffffff;
  box-shadow:
    0px -1px 2px rgba(0, 0, 0, 0.1),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  margin-bottom: 5px;
  padding: 4px;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
}

.bonus-casino-no-deposit__cards .card__tag {
  background: rgba(15, 151, 94, 0.1);
  border: 1px solid rgba(15, 151, 94, 0.2);
  border-radius: 4px;
  padding: 5px;
  color: #2fb966;
  width: 100%;
  text-transform: uppercase;
}

.bonus-casino-no-deposit__cards .card__description {
  margin-bottom: 12px;
}

.bonus-casino-no-deposit__cards .card__description p {
  font: inherit;
  color: #222222;
}

.bonus-casino-no-deposit__cards .card__bottom {
  margin: auto 0 0;
}

.bonus-casino-no-deposit__cards .card__customer-base {
  margin-bottom: 12px;
}

.bonus-casino-no-deposit__cards .card__btn {
  width: 100%;
}

.bonus-casino-free-spins__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.bonus-casino-free-spins__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.bonus-casino-free-spins__cards .card__top {
  min-height: 130px;
  background: var(--main-color);
  margin: -15px -15px 16px;
}

.bonus-casino-free-spins__cards .card__title {
  color: #222222;
  margin-bottom: 8px;
}

.bonus-casino-free-spins__cards .card__description {
  margin-bottom: 12px;
}

.bonus-casino-free-spins__cards .card__description p {
  color: #222222;
  font: inherit;
}

.bonus-casino-free-spins__cards .card__bottom {
  margin: auto 0 0;
}

.bonus-casino-free-spins__cards .card__btn {
  margin-right: 12px;
}

.bonus-casino-free-spins__cards .card-support {
  /*margin-right: 12px;*/
}

.bonus-casino-free-spins__cards .card-support__title {
  margin-bottom: 2px;
}

.bonus-casino-free-spins__cards .card-player__country {
  width: 25px;
  height: 25px;
  margin-right: 6px;
}

.bonus-casino-free-spins__cards .card-player__title {
  color: #222222;
}

.simple-steps__wrapper {
  margin-bottom: 20px;
}

.simple-steps__img {
  max-width: 315px;
  flex-shrink: 0;
  margin: -10px -10px 0 20px;
}

.simple-steps__list {
  padding: 10px 0 0;
}

.simple-steps__list .item {
  position: relative;
}

.simple-steps__list .item:not(:last-child) {
  padding: 0 0 20px;
}

.simple-steps__list .item:not(:last-child):after {
  background: #eaeef0;
  content: "";
  position: absolute;
  top: 24px;
  bottom: -21px;
  left: 17.5px;
  display: block;
  width: 1px;
}

.simple-steps__list .item:first-child {
  padding: 0 0 20px;
}

.simple-steps__list .item:first-child:after {
  background: #eaeef0;
  content: "";
  position: absolute;
  top: 29px;
  bottom: -26px;
  left: 17.5px;
  display: block;
  width: 1px;
}

.simple-steps__list .item:first-child .item__num {
  width: 35px;
  height: 35px;
  margin: -6px 15px 0 0;
}

.simple-steps__list .item__num {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin: -6px 20px 0 4px;
  border-radius: 50%;
  box-shadow:
    0px 0px 1.03198px rgba(0, 0, 0, 0.08),
    0px 2.06396px 2.06396px rgba(0, 0, 0, 0.12);
}

.simple-steps__list .item__info > *:first-child {
  margin: 0 0 10px;
}

.example__cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

.example-card {
  background: #ffffff;
  border-left: 4px solid #1876f0;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.example-card__title-sub {
  color: #1876f0;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 13px;
}

.example-card__title {
  margin-bottom: 8px;
  text-transform: capitalize;
}

.welcome-deposit__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.welcome-deposit__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.welcome-deposit__cards .card__bg {
  margin: -15px -15px 16px;
  width: calc(100% + 30px);
  min-height: 200px;
}

.welcome-deposit__cards .card__step {
  background: rgba(24, 118, 240, 0.1);
  border: 1px solid rgba(24, 118, 240, 0.2);
  border-radius: 4px;
  margin-bottom: 12px;
  text-transform: uppercase;
  padding: 4px 8px;
  color: #1876f0;
  width: -moz-fit-content;
  width: fit-content;
}

.welcome-deposit__cards .card__text {
  display: block;
}

.welcome-deposit__cards .card__text p {
  color: #222222;
  font: inherit;
}

.tournaments__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px 20px;
}

.tournaments__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.tournaments__cards .card__logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.tournaments__cards .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.tournaments__cards .card__logo img {
  width: auto;
  height: auto;
}

.tournaments__cards .card__name {
  max-width: 75px;
}

.tournaments__cards .card__rating {
  margin: 12px 0;
  flex-shrink: 0;
}

.tournaments__cards .card__rating svg:nth-child(1),
.tournaments__cards .card__rating svg:nth-child(5) {
  margin-top: -12px;
}

.tournaments__cards .card__rating svg:nth-child(2),
.tournaments__cards .card__rating svg:nth-child(4) {
  margin-top: -6px;
}

.tournaments__cards .card__right {
  margin-left: 15px;
  padding-left: 15px;
  max-width: 235px;
  border-left: 1px solid #eaeef0;
}

.tournaments__cards .card__title {
  margin-bottom: 8px;
}

.tournaments__cards .card__text {
  margin-bottom: 12px;
}

.tournaments__cards .card__text p {
  color: #222222;
  font: inherit;
}

.tournaments__cards .card__description {
  margin: 12px 0 0;
  color: #222222;
  width: 100%;
}

.loyalty__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px 20px;
  margin-bottom: 16px;
}

.loyalty-card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.loyalty-card__wrapper {
  height: 100%;
}

.loyalty-card__bg {
  min-height: 150px;
  margin: -15px -15px 8px;
}

.loyalty-card__head {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eaeef0;
}

.loyalty-card__logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin: -35px 12px 0 0;
}

.loyalty-card__description {
  margin-bottom: 12px;
}

.loyalty-card__description p {
  color: #222222;
  font: inherit;
}

.loyalty-card__bottom {
  margin: auto 0 0;
}

.terms-conditions__wrapper {
  background: #f1f5f8;
  border-radius: 8px;
}

.terms-conditions__wrapper.terms-conditions__wrapper--free-spins {
  background: transparent;
}

.terms-conditions__wrapper.terms-conditions__wrapper--free-spins .terms-conditions__cards {
  grid-template-columns: 1fr;
  grid-gap: 16px;
}

.terms-conditions__wrapper.terms-conditions__wrapper--free-spins .terms-conditions__cards .card {
  background: #f1f5f8;
  border-radius: 8px;
  padding: 16px;
}

.terms-conditions__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.terms-conditions__cards .card__head {
  margin-bottom: 8px;
}

.terms-conditions__cards .card a {
  text-decoration: underline;
}

.terms-conditions__cards .card__icon {
  width: 36px;
  height: 36px;
  margin-right: 8px;
}

.pros-or-cons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.pros-or-cons__title {
  position: relative;
  margin-bottom: 18px;
}

.pros-or-cons__title:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--main-color);
}

.pros-or-cons__title span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  background: var(--main-color);
  border-radius: 6px;
  color: #ffffff;
  padding: 2px 5px;
}

.pros-or-cons__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}

.pros-or-cons__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 8px;
  color: #ffffff;
  background: var(--main-color);
  flex-shrink: 0;
}

.casino-bonus-factors__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.casino-bonus-factors__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.casino-bonus-factors__cards .card__icon {
  width: 45px;
  height: 45px;
  margin-bottom: 12px;
  border-radius: 8px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.casino-bonus-factors__cards .card__title {
  margin-bottom: 8px;
  color: #222222;
}

.casino-bonus-factors__cards .card__text {
  display: block;
  color: #222222;
}

.casino-bonus-factors__cards .card__text p {
  font: inherit;
}

.what-we-do__group {
  background: #f1f5f8;
  border-radius: 8px;
  padding: 16px;
}

.what-we-do__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.what-we-do__cards .card__icon {
  width: 45px;
  height: 45px;
  margin-bottom: 12px;
  border-radius: 8px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.what-we-do__cards .card__title {
  margin-bottom: 8px;
  color: #222222;
}

.what-we-do__cards .card__text {
  display: block;
  color: #222222;
}

.what-we-do__cards .card__text p {
  font: inherit;
}

.highroller-banner__wrapper {
  margin-top: 8px;
}

.highroller-banner__info {
  max-width: 310px;
  margin-right: 30px;
}

.highroller-banner__info p {
  margin-top: 8px;
  color: #222222;
  font: inherit;
}

.highroller-banner__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  width: 100%;
}

.highroller-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 8px;
  transition: all 0.3s;
  position: relative;
}

.highroller-banner__tabs .card:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid transparent;
  border-radius: 6px;
}

.highroller-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.highroller-banner__tabs .card:hover:before {
  border: 2px solid #824cdb;
}

.highroller-banner__tabs .card:hover .card__title,
.highroller-banner__tabs .card:hover .card__text {
  color: #824cdb;
}

.highroller-banner__tabs .card:hover .card__title p,
.highroller-banner__tabs .card:hover .card__text p {
  font: inherit;
}

.highroller-banner__tabs .card:nth-child(1) .card__icon,
.highroller-banner__tabs .card:nth-child(2) .card__icon {
  align-self: flex-end;
  margin: 0 0 20px;
}

.highroller-banner__tabs .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 8px 0 0;
}

.highroller-banner__tabs .card__title {
  margin-bottom: 2px;
}

.highroller-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.highroller-banner__tabs .card__text p {
  font: inherit;
}

.casino-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.casino-tabs.casino-tabs--paypal {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
}

.casino-tabs.casino-tabs--paypal .card__img {
  width: 32px;
  height: 32px;
}

.casino-tabs .card {
  flex: 1 1 auto;
  border-right: 4px solid transparent;
  padding: 8px;
}

.casino-tabs .card:hover {
  border-right: 4px solid var(--main-color);
}

.casino-tabs .card:hover .card__bg {
  background: rgba(var(--rgb-color), 0.05);
}

.casino-tabs .card:hover .card__title,
.casino-tabs .card:hover .card__text,
.casino-tabs .card:hover svg {
  color: var(--main-color);
}

.casino-tabs .card__bg {
  width: 40px;
  height: 40px;
  background: #f2f3f6;
  border-radius: 6px;
  margin-right: 12px;
}

.casino-tabs .card__title {
  margin-bottom: 2px;
  text-transform: capitalize;
}

.casino-tabs .card__text {
  display: block;
  color: #222222;
}

.casino-tabs .card__text p {
  font: inherit;
}

.new-casinos-banner__wrapper {
  margin-top: 8px;
}

.new-casinos-banner__info {
  max-width: 310px;
  margin-right: 30px;
}

.new-casinos-banner__info p {
  color: #222222;
  font: inherit;
}

.new-casinos-banner__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  width: 100%;
}

.new-casinos-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px;
  transition: all 0.3s;
  position: relative;
}

.new-casinos-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  border: 2px solid transparent;
}

.new-casinos-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.new-casinos-banner__tabs .card:hover:before {
  border: 2px solid #1876f0;
}

.new-casinos-banner__tabs .card:hover .card__title,
.new-casinos-banner__tabs .card:hover .card__text {
  color: #1876f0;
}

.new-casinos-banner__tabs .card:first-child {
  grid-row: 1/3;
}

.new-casinos-banner__tabs .card:first-child .card__icon {
  align-self: flex-end;
  margin: 0 0 20px;
}

.new-casinos-banner__tabs .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 8px 0 0;
}

.new-casinos-banner__tabs .card__title {
  margin-bottom: 2px;
}

.new-casinos-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.new-online-casinos__wrapper {
  padding: 12px;
}

.new-online-casinos__group {
  background: rgba(24, 118, 240, 0.15);
  border-radius: 8px;
  padding: 8px;
}

.new-online-casinos__top .bonus {
  padding: 4px;
}

.new-online-casinos__top .bonus-timer {
  border: 1px solid rgba(24, 118, 240, 0.1);
  border-radius: 5px;
  padding: 12px 20px;
  flex-shrink: 0;
  width: 200px;
  margin-right: 15px;
}

.new-online-casinos__top .bonus-timer__category {
  margin: 0 auto 4px;
}

.new-online-casinos__top .bonus-timer__title {
  margin: 0 auto 2px;
}

.new-online-casinos__top .bonus-timer__text {
  margin: 0 auto 14px;
}

.new-online-casinos__top .bonus-timer__wrapper .second {
  background: #1876f0;
  border: 3px solid #ffffff;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  margin-right: 14px;
  min-width: 70px;
  min-height: 60px;
  padding: 0 10px 5px;
  color: #ffffff;
}

.new-online-casinos__top .bonus-timer__wrapper .second .value {
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
}

.new-online-casinos__top .bonus-timer__wrapper .hours {
  margin: 0 0 2px;
}

.new-online-casinos__top .bonus-timer__wrapper .hours .value {
  margin-right: 3px;
}

.new-online-casinos__top .bonus-timer__wrapper .mins .value {
  margin-right: 3px;
}

.new-online-casinos__top .bonus__wrapper {
  margin: -4px -4px -4px 0;
  padding: 16px 16px 16px 0;
}

.new-online-casinos__top .bonus__top,
.new-online-casinos__top .bonus__apply-text {
  margin: 0 0 12px;
}

.new-online-casinos__top .bonus__btn {
  margin: 0 20px 0 0;
  padding: 10px 12px;
}

.new-online-casinos__bottom .bonus {
  margin-bottom: 0;
}

.new-online-casinos__bottom .bonus .tags__item {
  margin-right: 15px;
}

.new-online-casinos__bottom .bonus .tags__item:last-child {
  margin-right: 0;
}

.approval-verification {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  float: right;
  width: 380px;
  margin: 0 0 20px 20px;
}

.approval-verification .item {
  border: 3px solid #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  grid-column: 1/3;
  min-height: 170px;
  overflow: hidden;
  padding: 30px 12px;
}

.approval-verification .item__value {
  background: #ffc233;
  border: 3px solid #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 4px 8px;
  font-weight: 700;
  font-size: 38px;
  line-height: 120%;
  text-align: center;
  color: #ffffff;
  text-shadow: -2px 2px 0px #9c7120;
  margin-bottom: 12px;
}

.approval-verification .item__title {
  font-weight: 700;
  text-align: center;
  max-width: 200px;
  color: #ffffff;
}

.approval-verification .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  padding: 12px;
  min-height: 135px;
}

.approval-verification .card__icon {
  align-self: end;
  width: 45px;
  height: 45px;
  margin-bottom: 5px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}

.approval-verification .card__value {
  color: #1876f0;
  margin-bottom: 2px;
}

.approval-verification .card__text {
  max-width: 150px;
}

.casino-statistics__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.casino-statistics .item {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.casino-statistics .item__head {
  padding: 8px 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.casino-statistics .item__logo {
  margin: 0 12px 0 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.casino-statistics .item__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.casino-statistics .item__logo img {
  width: auto;
  height: auto;
}

.casino-statistics .item__name {
  text-transform: uppercase;
}

.casino-statistics .item__name.item__name--down {
  color: #f0284a;
}

.casino-statistics .item__name.item__name--up {
  color: #2fb966;
}

.casino-statistics .item__btn {
  margin: 0 0 0 auto;
}

.casino-statistics .item__btn svg {
  transform: rotate(-90deg);
}

.casino-statistics .item-row {
  padding: 9px 16px;
}

.casino-statistics .item-row:nth-child(odd) {
  background: #fbfcfd;
}

.casino-statistics .item-row__up {
  color: #2fb966;
  margin-left: 8px;
}

.casino-statistics .item-row__up svg {
  transform: rotate(-90deg);
}

.casino-statistics .item-row__up div.p1 {
  margin-left: 2px;
}

.casino-statistics .item-row__down {
  color: #f0284a;
  margin-left: 8px;
}

.casino-statistics .item-row__down div.p1 {
  margin-left: 2px;
}

.casino-big-jackpot__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  margin-top: 16px;
}

.casino-big-jackpot__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
}

.casino-big-jackpot__cards .card__banner {
  height: 190px;
  margin: -15px -15px 15px;
}

.casino-big-jackpot__cards .card__banner img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.casino-big-jackpot__cards .card__logo {
  margin: -35px auto 8px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.casino-big-jackpot__cards .card__title {
  color: #222222;
  margin: 0 0 6px;
}

.casino-games > *:first-child {
  margin-top: 0;
}

.casino-games > *:last-child {
  margin-bottom: 0;
}

.casino-games__logo {
  margin: 0 12px 0 0;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.casino-games__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.casino-games__logo img {
  width: auto;
  height: auto;
}

.casino-games-info__name {
  margin-bottom: 8px;
}

.casino-games-info__portfolio span {
  color: #222222;
}

.casino-games__table table tbody tr td {
  padding: 16px;
  vertical-align: top;
}

.casino-games__table table tbody tr td.column-1 {
  width: 180px;
}

.casino-games__table table tbody tr td .logo {
  width: auto;
  height: auto;
  margin: 0 0 12px;
}

.casino-games__table table tbody tr td .logo img {
  width: 100%;
  max-height: 70px;
  border-radius: 6px;
}

.casino-games__table table tbody tr td .name {
  text-align: center;
  color: #222222;
}

.casino-games__table table tbody tr:not(:first-child) td {
  border-top: 1px solid #eaeef0;
}

.casino-games__table table tbody:nth-child(even) td {
  background: #ffffff;
}

.mobile-casino-banner__wrapper {
  margin-top: 8px;
}

.mobile-casino-banner__info {
  max-width: 350px;
  margin-right: 30px;
}

.mobile-casino-banner__info p {
  font: inherit;
  color: #222222;
}

.mobile-casino-banner__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  width: 100%;
}

.mobile-casino-banner__tabs .card {
  background: #ffffff;
  border-radius: 6px;
  padding: 10px;
  transition: all 0.3s;
  position: relative;
}

.mobile-casino-banner__tabs .card:not(:last-child) {
  border: 1px solid #eaeef0;
}

.mobile-casino-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  border: 2px solid transparent;
}

.mobile-casino-banner__tabs .card:hover:not(:last-child) {
  border: 1px solid transparent;
}

.mobile-casino-banner__tabs .card:hover:not(:last-child):before {
  border: 2px solid #2fb966;
}

.mobile-casino-banner__tabs .card:hover .card__title,
.mobile-casino-banner__tabs .card:hover .card__text {
  color: #2fb966;
}

.mobile-casino-banner__tabs .card:hover .card__title span,
.mobile-casino-banner__tabs .card:hover .card__text span {
  border-bottom: 1px solid #2fb966;
}

.mobile-casino-banner__tabs .card:last-child {
  padding: 8px;
  grid-column: 1/3;
  box-shadow:
    0px -1px 4px rgba(0, 0, 0, 0.05),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
}

.mobile-casino-banner__tabs .card:last-child .card__icon {
  margin: 0 12px 0 0;
}

.mobile-casino-banner__tabs .card__icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 5px;
}

.mobile-casino-banner__tabs .card__title {
  margin-bottom: 2px;
}

.mobile-casino-banner__tabs .card__title span {
  border-bottom: 1px solid #222222;
}

.mobile-casino-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.mobile-casino-banner__tabs .card__info {
  margin-right: 5px;
}

.mobile-casino-banner__tabs .card__btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #00ae7a;
  color: #ffffff;
  margin: 0 0 0 auto;
  flex-shrink: 0;
}

.mobile-casino-banner__tabs .card__btn svg {
  transform: rotate(-90deg);
}

.mobile-bonuses__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.mobile-bonuses__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.mobile-bonuses__cards .card__top {
  margin-bottom: 12px;
}

.mobile-bonuses__cards .card__logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 16px;
  position: relative;
}

.mobile-bonuses__cards .card__logo img {
  margin: 0 !important;
}

.mobile-bonuses__cards .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.mobile-bonuses__cards .card__logo img {
  width: auto;
  height: auto;
}

.mobile-bonuses__cards .card__info {
  width: 100%;
}

.mobile-bonuses__cards .card__value {
  background: #2fb966;
  border: 2px solid #ffffff;
  box-shadow:
    0px -1px 2px rgba(0, 0, 0, 0.1),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 4px;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
}

.mobile-bonuses__cards .card__available .p2 > .p2.p2--bold {
  color: #222222;
}

.mobile-bonuses__cards .card__title {
  color: #222222;
  margin-bottom: 16px;
}

.mobile-bonuses__cards .card__title b {
  color: #f0284a;
}

.mobile-bonuses__cards .card__bottom {
  margin: auto 0 0;
}

.mobile-bonuses__cards .card__tags {
  margin-bottom: 12px;
}

.mobile-bonuses__cards .card__btn {
  width: 100%;
}

.mobile-bonuses__btn {
  margin: 16px 0 0;
  width: 100%;
}

.paypal-casino-banner__wrapper {
  margin-top: 8px;
}

.paypal-casino-banner__info {
  max-width: 520px;
  margin-right: 30px;
}

.paypal-casino-banner__info p {
  color: #222222;
  font: inherit;
}

.paypal-casino-banner__tabs {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
  width: 100%;
  height: max-content;
}

.paypal-casino-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px;
  transition: all 0.3s;
  position: relative;
}

.paypal-casino-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  border: 2px solid transparent;
}

.paypal-casino-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.paypal-casino-banner__tabs .card:hover:before {
  border: 2px solid #1876f0;
}

.paypal-casino-banner__tabs .card:hover .card__title,
.paypal-casino-banner__tabs .card:hover .card__text {
  color: #1876f0;
}

.paypal-casino-banner__tabs .card:hover .card__title span,
.paypal-casino-banner__tabs .card:hover .card__text span {
  border-bottom: 1px solid #1876f0;
}

.paypal-casino-banner__tabs .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 12px 0 0;
}

.paypal-casino-banner__tabs .card__title {
  margin-bottom: 2px;
}

.paypal-casino-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.jackpot-casino-banner__wrapper {
  margin-top: 8px;
}

.jackpot-casino-banner__info {
  max-width: 500px;
  margin-right: 30px;
}

.jackpot-casino-banner__info p {
  font: inherit;
  color: #222222;
  margin-top: 8px;
}

.jackpot-casino-banner__tabs {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
  width: 100%;
}

.jackpot-casino-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 8px;
  transition: all 0.3s;
  position: relative;
}

.jackpot-casino-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  border: 2px solid transparent;
}

.jackpot-casino-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.jackpot-casino-banner__tabs .card:hover:before {
  border: 2px solid #ffb526;
}

.jackpot-casino-banner__tabs .card:hover .card__title,
.jackpot-casino-banner__tabs .card:hover .card__text,
.jackpot-casino-banner__tabs .card:hover .card__btn {
  color: #ffb526;
}

.jackpot-casino-banner__tabs .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 12px 0 0;
}

.jackpot-casino-banner__tabs .card__title {
  margin-bottom: 2px;
}

.jackpot-casino-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.jackpot-casino-banner__tabs .card__btn {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: transparent;
  color: #222222;
  margin: 0 0 0 auto;
}

.jackpot-casino-banner__tabs .card__btn svg {
  transform: rotate(-90deg);
}

.fraud-casino-banner__info {
  max-width: 370px;
  margin-right: 30px;
}

.fraud-casino-banner__title {
  margin-bottom: 8px;
}

.fraud-casino-banner__text {
  color: #222222;
}

.fraud-casino-banner__text img {
  float: right;
  margin: 0 -8px 0;
}

.fraud-casino-banner__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  width: 100%;
}

.fraud-casino-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px;
  transition: all 0.3s;
  position: relative;
}

.fraud-casino-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  border: 2px solid transparent;
}

.fraud-casino-banner__tabs .card:not(:last-child):hover {
  border: 1px solid transparent;
}

.fraud-casino-banner__tabs .card:not(:last-child):hover:before {
  border: 2px solid #3750d7;
}

.fraud-casino-banner__tabs .card:not(:last-child):hover .card__title,
.fraud-casino-banner__tabs .card:not(:last-child):hover .card__text {
  color: #3750d7;
}

.fraud-casino-banner__tabs .card:last-child {
  grid-column: 1/3;
  border: 1px solid #eaeef0;
  border-right: 4px solid #3750d7;
  box-shadow:
    0px -1px 4px rgba(0, 0, 0, 0.05),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
}

.fraud-casino-banner__tabs .card:last-child:hover {
  border: 1px solid #eaeef0;
  border-right: 4px solid #3750d7;
}

.fraud-casino-banner__tabs .card:last-child:hover .card__title,
.fraud-casino-banner__tabs .card:last-child:hover .card__text {
  color: #3750d7;
}

.fraud-casino-banner__tabs .card__icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 5px;
  align-self: flex-end;
}

.fraud-casino-banner__tabs .card__title {
  margin-bottom: 2px;
}

.fraud-casino-banner__tabs .card__title span {
  border-bottom: 1px solid #222222;
}

.fraud-casino-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.fraud-casino-banner__tabs .card .available .country {
  width: 35px;
  height: 35px;
}

.fraud-casino-banner__tabs .card .available .country svg {
  width: 18px;
  height: 18px;
}

.review-bonus {
  height: 100%;
}

.review-bonus__wrapper {
  height: 100%;
  margin-bottom: 12px;
}

.review-bonus__loader {
  width: 110px;
  height: 110px;
  animation: preloader-rotate 2s infinite linear;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(-360deg);
  }
}

.review-bonus__logo {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  background: var(--main-color);
  border: 1px solid var(--main-color);
  padding: 2px;
  flex-shrink: 0;
  position: relative;
  margin: -103px 0 20px;
}

.review-bonus__title {
  margin-bottom: 12px;
}

.review-bonus__title-sub {
  margin-bottom: 12px;
  color: #222222;
  text-transform: uppercase;
}

.review-bonus__text {
  margin-bottom: 24px;
}

.review-bonus__bottom {
  max-width: 440px;
  width: 100%;
}

.review-bonus__progress {
  max-width: 440px;
  width: 100%;
  height: 12px;
  background: #f2f3f6;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin-bottom: 12px;
}

.review-bonus__progress .line {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  background: #1876f0;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
}

.review-bonus__row .text {
  color: #222222;
}

.review-bonus-other {
  margin: auto 0 0;
}

.review-bonus-other__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.slot-card {
  display: block;
  overflow: hidden;
  transition: all 0.3s;
}

.slot-card:hover .slot-card__hover,
.slot-card:hover .slot-card__bottom {
  /* opacity: 1; */
}

.slot-card.slot-card--blur {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
}

.slot-card.slot-card--blur .slot-card__logo {
  height: 190px;
}

.slot-card.slot-card--blur .slot-card__hover {
  z-index: 9;
}

.slot-card.slot-card--blur .slot-card__content {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  backdrop-filter: blur(25px);
  color: #ffffff;
}

.slot-card.slot-card--blur .slot-card__rtp {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(25px);
}

.slot-card.slot-card--blur .slot-card__bottom {
  background: transparent;
}

.slot-card.slot-card--blur .slot-card__btn {
  margin: 6px 0 0;
  color: #1876f0;
  background: #ffffff;
  border: 1px solid #ffffff;
}

.slot-card__logo {
  height: 170px;
  position: relative;
  background: #e5e6e8;
  color: #f2f3f6;
}

.slot-card__logo img {
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.slot-card__hover {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 16px 12px 12px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(25px);
  color: #ffffff;
  transition: all 0.3s;
}

.slot-card__hover .slot-card__title,
.slot-card__hover .slot-card__provider {
  margin-bottom: 6px;
}

.slot-card__hover .slot-card__rtp {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(25px);
  margin: auto 0 0;
  width: 100%;
}

.slot-card__content {
  padding: 12px;
  min-height: 75px;
  position: relative;
}

.slot-card__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  transition: all 0.3s;
}

.slot-card__rtp {
  background: #f2f3f6;
  backdrop-filter: blur(25px);
  border-radius: 6px;
  padding: 3px 8px;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.3s;
}

.slot-card__rtp .name {
  line-height: 125%;
}

.slot-card__rtp .value {
  margin-left: 6px;
}

.slot-card__bottom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 12px;
  background: #ffffff;
  opacity: 0;
  transition: all 0.3s;
}

.slot-card__btn {
  margin: auto 0 0;
  width: 100%;
  border-radius: 6px;
  transition: all 0.3s;
}

.slot-card-placeholder {
  overflow: hidden;
  position: relative;
}

.slot-card-placeholder .flare {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  transform: skewX(-45deg);
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
  animation: flareAnimation 1s infinite linear;
}

.slot-card-placeholder__logo {
  background: #e5e6e8;
  height: 140px;
  color: #ffffff;
}

.slot-card-placeholder__content {
  padding: 12px;
  min-height: 75px;
}

.slot-card-placeholder__title {
  width: 100%;
  height: 21px;
  background: #f2f3f6;
  border-radius: 6px;
  margin-bottom: 6px;
}

.slot-card-placeholder__rtp {
  width: 93px;
  height: 21px;
  background: #f2f3f6;
  border-radius: 6px;
}

.slots-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.slots-tabs.slots-tabs--online-slots .card__bg {
  background: transparent !important;
}

.slots-tabs .card {
  flex: 1 1 auto;
  border-right: 4px solid transparent;
  padding: 8px;
}

.slots-tabs .card:hover {
  border-right: 4px solid var(--main-color);
}

.slots-tabs .card:hover .card__bg {
  background: rgba(var(--main-color), 0.05);
}

.slots-tabs .card:hover .card__title,
.slots-tabs .card:hover svg {
  color: var(--main-color);
}

.slots-tabs .card__bg {
  width: 42px;
  height: 42px;
  background: #f2f3f6;
  border-radius: 6px;
  margin-right: 12px;
}

.slots-tabs .card__logo {
  margin-right: 12px;
  width: 42px;
  height: 42px;
}

.slots-tabs .card__logo img {
  width: auto;
  height: auto;
}

.slots-tabs .card__img {
  width: 100%;
  height: 100%;
}

.slots-tabs .card__title {
  margin-bottom: 2px;
  text-transform: capitalize;
}

.slots-tabs .card__text {
  display: block;
  color: #222222;
}

.exclusive-bonuses {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.exclusive-bonuses .card {
  position: relative;
  padding: 20px 10px 16px;
  border-radius: 8px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.exclusive-bonuses .card__stiker {
  position: absolute;
  top: -10px;
  right: -10px;
}

.exclusive-bonuses .card__logo {
  height: 100%;
  width: 70px;
  flex-shrink: 0;
  margin-right: 8px;
}

.exclusive-bonuses .card__logo img {
  height: available;
}

.exclusive-bonuses .card__title {
  color: #ffffff;
}

.exclusive-bonuses .card__title b {
  font-weight: inherit;
  color: inherit;
}

.exclusive-bonuses .card-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  position: relative;
  margin-left: auto;
}

.exclusive-bonuses .card-hint:hover .card-hint__text {
  display: block;
}

.exclusive-bonuses .card-hint__icon {
  cursor: help;
  color: #222222;
}

.exclusive-bonuses .card-hint__text {
  display: none;
  width: 225px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
  background: rgba(34, 34, 34, 0.96);
  box-shadow: 0px 10px 20px rgba(81, 81, 81, 0.05);
  border-radius: 8px;
  padding: 10px;
  font-size: 10px;
  color: #ffffff;
}

.slots-table {
  border-radius: 8px;
}

.slots-table.align-left thead tr td:not(:first-child),
.slots-table.align-left tbody tr td:not(:first-child) {
  text-align: left;
}

.slots-table thead tr td {
  background: rgba(var(--color-table, 34, 34, 34), 1);
  color: #ffffff;
}

.slots-table thead tr td:not(:first-child) {
  text-align: center;
}

.slots-table tbody tr:nth-child(even) td {
  background: rgba(var(--color-table, 192, 203, 214), 0.05);
}

.slots-table tbody tr td:not(:first-child) {
  text-align: center;
}

.slots-table tbody tr td.column-1 .logo {
  width: 70px;
  height: 40px;
  border-radius: 6px;
  border: none;
  padding: 0;
  background: transparent;
  margin-right: 12px;
}

.slots-table tbody tr td.column-1 .logo img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.slots-table tbody tr td .row__info .name {
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slots-table tbody tr td .row__info .provider {
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 145%;
  color: #222222;
}

.provider-slots-category {
  position: relative;
}

.provider-slots-category__head {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 80px 20px 20px 80px;
  background: var(--main-color-category);
  padding: 18px 12px 18px 80px;
  height: 64px;
  position: relative;
  cursor: pointer;
}

.provider-slots-category__logo {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  position: absolute;
  top: -3px;
  left: -3px;
}

.provider-slots-category__logo:before {
  content: "";
  display: block;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  position: absolute;
  top: -3px;
  left: -3px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.provider-slots-category__logo img {
  width: auto;
  height: auto;
}

.provider-slots-category__title {
  color: #ffffff;
  position: relative;
  z-index: 9;
}

.provider-slots-category__title svg {
  transform: rotate(-90deg);
}

.provider-slots-category__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  width: 300px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

.provider-slots-category__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

.online-slots-slider {
  display: flex;
  max-width: 1080px;
  overflow: hidden;
}

.online-slots-slider__first {
  position: relative;
  width: 100%;
}

.online-slots-slider .swiper-main {
  /*top: -20px;*/
  height: 100%;
  background: #ffffff;
  border-radius: 8px;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
}

.online-slots-slider .swiper-main .swiper-button-next,
.online-slots-slider .swiper-main .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  background: #ffffff;
  box-shadow:
    0px 2.33333px 2.33333px rgba(0, 0, 0, 0.12),
    0px 0px 1.16667px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  opacity: 0;
  color: #222222;
}

.online-slots-slider .swiper-main .swiper-button-next:after,
.online-slots-slider .swiper-main .swiper-button-next:before {
  display: none;
}

.online-slots-slider .swiper-main .swiper-button-prev {
  left: 8px;
}

.online-slots-slider .swiper-main .swiper-button-prev:after,
.online-slots-slider .swiper-main .swiper-button-prev:before {
  display: none;
}

.online-slots-slider .swiper-main .swiper-button-prev svg {
  transform: rotate(90deg);
}

.online-slots-slider .swiper-main .swiper-button-next {
  right: 8px;
  opacity: 1;
}

.online-slots-slider .swiper-main .swiper-button-next svg {
  transform: rotate(-90deg);
}

.online-slots-slider .swiper-main .online-slots-slide {
  min-height: 220px;
  max-width: 420px;
  color: #ffffff;
  padding: 36px 16px 20px;
  border-radius: 6px;
}

.online-slots-slider .swiper-main .online-slots-slide .seconds {
  margin-left: 5px;
}

.online-slots-slider .swiper-main .online-slots-slide__content {
  max-width: 420px;
  height: 100%;
}

.online-slots-slider .swiper-main .online-slots-slide__left {
  margin-right: 15px;
}

.online-slots-slider .swiper-main .online-slots-slide__logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--main-color);
  border: 3px solid transparent;
  flex-shrink: 0;
  position: relative;
  margin: 0 auto 10px;
}

.online-slots-slider .swiper-main .online-slots-slide__logo img {
  display: block;
  width: auto;
  height: auto;
}

.online-slots-slider .swiper-main .online-slots-slide__logo svg {
  position: absolute;
  left: -8px;
  top: -8px;
  width: 69px !important;
  height: 69px !important;
  transform: scale(-1, 1);
}

.online-slots-slider .swiper-main .online-slots-slide__rating {
  margin-top: 12px;
  flex-shrink: 0;
}

.online-slots-slider .swiper-main .online-slots-slide__rating svg {
  margin: 0 1px;
  color: rgba(255, 255, 255, 0.5);
}

.online-slots-slider .swiper-main .online-slots-slide__rating svg:nth-child(1),
.online-slots-slider .swiper-main .online-slots-slide__rating svg:nth-child(5) {
  margin-top: -8px;
}

.online-slots-slider .swiper-main .online-slots-slide__rating svg:nth-child(2),
.online-slots-slider .swiper-main .online-slots-slide__rating svg:nth-child(4) {
  margin-top: -4px;
}

.online-slots-slider .swiper-main .online-slots-slide__name {
  opacity: 0.8;
  margin-bottom: 6px;
}

.online-slots-slider .swiper-main .online-slots-slide__title {
  max-width: 200px;
  font-weight: 700;
  margin-bottom: 12px;
}

.online-slots-slider .swiper-main .online-slots-slide__description {
  margin-top: 16px;
  opacity: 0.8;
}

.online-slots-slider .swiper-main .online-slots-slide .btn-main--second {
  background: #ffc233;
  border: 1px solid #ffb526;
  color: #222222;
  gap: 0;
}

.online-slots-slider .swiper-main .online-slots-slide .btn-main--second svg {
  margin-right: 5px;
}

.online-slots-slider .swiper-main .online-slots-slide .btn-main--third {
  background: #3750d7;
  border: 1px solid #3750d7;
  color: #ffffff;
  gap: 0;
}

.online-slots-slider .swiper-main .online-slots-slide .btn-main--third svg {
  margin-right: 5px;
}

.online-slots-slider__timer {
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeef0;
}

.online-slots-slider__timer .title {
  margin-right: 8px;
}

.online-slots-slider__timer .promo {
  background: rgba(61, 110, 234, 0.05);
  border: 1px solid #1876f0;
  border-radius: 3px;
  min-width: 90px;
  padding: 4px 5px;
  color: #1876f0;
}

.online-slots-slider__timer .promo svg {
  margin-right: 5px;
}

.online-slots-slider__timer .promo .seconds {
  margin-left: 3px;
}

.online-slots-banner__wrapper {
  margin-top: 8px;
}

.online-slots-banner__info {
  max-width: 340px;
  margin-right: 20px;
}

.online-slots-banner__info p {
  font: inherit;
  color: #222222;
  margin-top: 8px;
}

.online-slots-banner__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  width: 100%;
}

.online-slots-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px 8px;
  transition: all 0.3s;
  position: relative;
}

.online-slots-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.online-slots-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.online-slots-banner__tabs .card:hover:before {
  border: 2px solid #3750d7;
}

.online-slots-banner__tabs .card:hover .card__title {
  color: #3750d7;
}

.online-slots-banner__tabs .card:hover .card__title span {
  border-bottom: 1px solid #3750d7;
}

.online-slots-banner__tabs .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 12px 0 0;
}

.online-slots-banner__tabs .card__title {
  margin-bottom: 2px;
}

.online-slots-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.online-slots-catalog__title span {
  color: #f0284a;
}

.online-slots-catalog__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

.online-slots-catalog__btn {
  width: 100%;
}

.online-slots-steps {
  color: #ffffff;
  background: #1470bc;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 15px;
}

.online-slots-steps__description p {
  color: #ffffff;
}

.online-slots-steps__list .item {
  position: relative;
}

.online-slots-steps__list .item:not(:last-child) {
  padding-bottom: 20px;
}

.online-slots-steps__list .item:not(:last-child):before {
  content: "";
  position: absolute;
  left: 16px;
  top: 10px;
  height: 100%;
  width: 1px;
  opacity: 0.08;
  background: #ffffff;
}

.online-slots-steps__list .item__num {
  margin-right: 12px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow:
    0px 0px 0.971273px rgba(0, 0, 0, 0.08),
    0px 1.94255px 1.94255px rgba(0, 0, 0, 0.12);
}

.online-slots-temp__table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}

.online-slots-temp__table .temp-table__head {
  margin-bottom: 16px;
}

.online-slots-temp__table .temp-table__icon {
  display: block;
  width: 45px;
  height: 45px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  margin-right: 12px;
}

.online-slots-temp .slots-table tbody tr td .row__info .name {
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.online-slots-temp .slots-table tbody tr td .row__info .provider {
  white-space: nowrap;
  width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 145%;
  color: #222222;
}

.online-slots-temp__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.online-slots-temp__title {
  margin-bottom: 8px;
}

.online-slots-temp__title span {
  display: inline-block;
  margin: 0 3px;
}

.online-slots-temp__title span.bg-image {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin: 0 12px 0 0;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.online-slots-temp__title--hot span {
  color: #f0284a;
}

.online-slots-temp__title--cold span {
  color: #1876f0;
}

.online-slots-temp__info {
  color: #222222;
}

.online-slots-rate__title {
  max-width: 450px;
}

.online-slots-rate h2 {
  margin-bottom: 10px;
}

.online-slots-rate__group {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 16px;
  align-items: end;
  margin-bottom: 20px;
}

.online-slots-rate__group .left__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  align-items: end;
  margin-top: -20px;
}

.online-slots-rate__group .card {
  position: relative;
  height: max-content;
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-bottom: 4px solid var(--main-color);
}

.online-slots-rate__group .card__icon {
  position: absolute;
  top: -12px;
  right: 12px;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.online-slots-rate__group .card__text {
  display: block;
}

.online-slots-rate__group .card__text h1,
.online-slots-rate__group .card__text h2,
.online-slots-rate__group .card__text h3,
.online-slots-rate__group .card__text h4,
.online-slots-rate__group .card__text h5,
.online-slots-rate__group .card__text h6,
.online-slots-rate__group .card__text .h1,
.online-slots-rate__group .card__text .h2,
.online-slots-rate__group .card__text .h3,
.online-slots-rate__group .card__text .h4,
.online-slots-rate__group .card__text .h5,
.online-slots-rate__group .card__text .h6 {
  color: var(--main-color);
}

.online-slots-rate__group .card__text p {
  color: #222222;
  margin-top: 8px;
}

.online-slots-rate__table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}

.online-slots-rate__table .rate-table__head {
  margin-bottom: 16px;
}

.online-slots-terms > *:last-child {
  margin-bottom: 0;
}

.online-slots-terms__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.online-slots-terms__item:not(:last-child) {
  margin-bottom: 16px;
}

.online-slots-category.online-slots-category--odd .online-slots-row__tag {
  background: #2fb966;
}

.online-slots-category .online-slots-row {
  padding: 16px;
}

.online-slots-category .online-slots-row__logo {
  margin-right: 12px;
}

.online-slots-category .online-slots-row__logo img {
  width: 68px;
  height: 52px;
  object-fit: cover;
}

.online-slots-category .online-slots-row__title {
  margin-bottom: 6px;
}

.online-slots-category .online-slots-row__tag {
  background: #1876f0;
  border: 2px solid #ffffff;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 1px 6px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
}

.online-slots-category .online-slots-row__middle {
  margin: 0 0 0 auto;
}

.online-slots-category .online-slots-row__bottom {
  margin-left: 12px;
}

.online-slots-things {
  color: #ffffff;
  background: #1469bb;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 16px;
}

.online-slots-things__title {
  margin-bottom: 18px;
}

.online-slots-things__icon {
  float: right;
  border-radius: 12px;
  box-shadow:
    0px 0px 1.82114px rgba(0, 0, 0, 0.08),
    0px 3.64227px 3.64227px rgba(0, 0, 0, 0.12),
    0px 0px 1.82114px rgba(0, 0, 0, 0.08),
    0px 3.64227px 3.64227px rgba(0, 0, 0, 0.12);
}

.online-slots-things__list .item:not(:last-child) {
  margin-bottom: 12px;
}

.online-slots-things__list .item__icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 12px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.online-slots-things__list .item__info {
  padding-top: 3px;
}

.online-slots-strategy__table {
  overflow: hidden;
}

.online-slots-strategy__thead {
  background: #1876f0;
  padding: 12px 16px;
  color: #ffffff;
}

.online-slots-strategy__tbody {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px 20px;
}

.online-slots-strategy__tbody .item__icon {
  display: block;
  width: 45px;
  height: 45px;
  margin-bottom: 12px;
  border-radius: 8px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.online-slots-strategy__tbody .item__title {
  margin-bottom: 8px;
}

.online-slots-strategy__tbody .item__text {
  display: block;
  color: #222222;
}

.best-slot-sites-slider {
  padding: 16px;
  max-width: 1080px;
}

.best-slot-sites-slider__top {
  display: flex;
  overflow: hidden;
  margin: -8px -8px 0;
}

.best-slot-sites-slider__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 4px;
  width: 100%;
}

.best-slot-sites-slider .best-slot-sites-slide {
  border-radius: 6px;
  min-height: 220px;
  color: #ffffff;
  padding: 36px 16px 20px;
}

.best-slot-sites-slider .best-slot-sites-slide__left {
  margin-right: 15px;
}

.best-slot-sites-slider .best-slot-sites-slide__content {
  max-width: 420px;
  height: 100%;
}

.best-slot-sites-slider .best-slot-sites-slide__logo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--main-color);
  border: 3px solid transparent;
  flex-shrink: 0;
  position: relative;
  margin: 0 auto 10px;
}

.best-slot-sites-slider .best-slot-sites-slide__logo img {
  display: block;
  width: auto;
  height: auto;
}

.best-slot-sites-slider .best-slot-sites-slide__logo svg {
  position: absolute;
  left: -8px;
  top: -8px;
  transform: scale(-1, 1);
}

.best-slot-sites-slider .best-slot-sites-slide__rating {
  margin-top: 12px;
  flex-shrink: 0;
}

.best-slot-sites-slider .best-slot-sites-slide__rating svg {
  margin: 0 1px;
  color: rgba(255, 255, 255, 0.5);
}

.best-slot-sites-slider .best-slot-sites-slide__rating svg:nth-child(1),
.best-slot-sites-slider .best-slot-sites-slide__rating svg:nth-child(5) {
  margin-top: -8px;
}

.best-slot-sites-slider .best-slot-sites-slide__rating svg:nth-child(2),
.best-slot-sites-slider .best-slot-sites-slide__rating svg:nth-child(4) {
  margin-top: -4px;
}

.best-slot-sites-slider .best-slot-sites-slide__name {
  opacity: 0.8;
  margin-bottom: 6px;
}

.best-slot-sites-slider .best-slot-sites-slide__title {
  max-width: 240px;
  font-weight: 700;
  margin-bottom: 12px;
}

.best-slot-sites-slider .best-slot-sites-slide__description {
  margin-top: 16px;
  opacity: 0.8;
}

.best-slot-sites-slider .best-slot-sites-slide .btn-main--second {
  background: #ffc233;
  border: 1px solid #ffb526;
  color: #222222;
  text-transform: lowercase;
  gap: 0;
}

.best-slot-sites-slider__timer {
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeef0;
}

.best-slot-sites-slider__timer .title {
  margin-right: 8px;
}

.best-slot-sites-slider__timer .promo {
  background: rgba(61, 110, 234, 0.05);
  border: 1px solid #1876f0;
  border-radius: 3px;
  min-width: 90px;
  padding: 4px 5px;
  color: #1876f0;
}

.best-slot-sites-slider__timer .promo svg {
  margin-right: 5px;
}

.best-slot-sites-slider__timer .promo .seconds {
  margin-left: 3px;
}

.best-slot-sites-slider__bottom {
  position: relative;
  display: flex;
  margin-top: 12px;
}

.best-slot-sites-slider__promo {
  padding: 8px 20px;
  background: rgba(24, 118, 240, 0.05);
  border-radius: 6px;
  border-left: 4px solid #1876f0;
  width: 200px;
  margin-right: 16px;
  flex-shrink: 0;
}

.best-slot-sites-slider__promo .title {
  margin-bottom: 4px;
}

.best-slot-sites-slider__promo .promo svg {
  margin-right: 5px;
  color: #1876f0;
}

.best-slot-sites-slider__promo .promo .seconds {
  margin-left: 3px;
}

.best-slot-sites-slider .swiper-sub {
  padding: 0 16px 2px;
  margin: 0 -12px 0 0;
  border-left: 1px solid #eaeef0;
}

.best-slot-sites-slider .swiper-sub .swiper-button-next,
.best-slot-sites-slider .swiper-sub .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #ffffff;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  color: #222222;
  margin-top: -15px;
}

.best-slot-sites-slider .swiper-sub .swiper-button-next:before,
.best-slot-sites-slider .swiper-sub .swiper-button-next:after {
  display: none;
}

.best-slot-sites-slider .swiper-sub .swiper-button-prev:before,
.best-slot-sites-slider .swiper-sub .swiper-button-prev:after {
  display: none;
}

.best-slot-sites-slider .swiper-sub .swiper-button-next svg {
  transform: rotate(90deg);
}

.best-slot-sites-slider .swiper-sub .swiper-button-prev {
  left: 8px;
  display: none;
}

.best-slot-sites-slider .swiper-sub .swiper-button-prev svg {
  transform: rotate(90deg);
}

.best-slot-sites-slider .swiper-sub .swiper-button-next {
  right: 8px;
}

.best-slot-sites-slider .swiper-sub .swiper-button-next svg {
  transform: rotate(-90deg);
}

.best-slot-sites-slider .swiper-sub__blur {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100%;
  max-height: 100px;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.best-slot-sites-slider .swiper-sub .best-slot-sites-slide {
  background: #ffffff;
  box-shadow:
    0px -1px 2px rgba(0, 0, 0, 0.1),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 11px;
  height: 62px;
  width: 268px;
  min-height: auto;
  color: #222222;
}

.best-slot-sites-slider .swiper-sub .best-slot-sites-slide__logo {
  width: 40px;
  height: 40px;
  margin: 0 14px 0 0;
  background: var(--main-color);
  border-radius: 50%;
  padding: 2px;
  position: relative;
}

.best-slot-sites-slider .swiper-sub .best-slot-sites-slide__logo svg {
  position: absolute;
  left: -4px;
  top: -4px;
  transform: scale(-1, 1);
}

.best-slot-sites-slider .swiper-sub .best-slot-sites-slide__logo img {
  width: auto;
  height: auto;
}

.best-slot-sites-slider .swiper-sub .best-slot-sites-slide__title {
  max-width: 145px;
  max-height: 40px;
  overflow: hidden;
  margin: 0 6px 0 0;
}

.best-slot-sites-slider .swiper-sub .best-slot-sites-slide__title b {
  font-weight: 700;
}

.best-slot-sites-slider .swiper-sub .best-slot-sites-slide__promo {
  background: #f2f3f6;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  margin-left: auto;
}

.best-slot-sites-banner__wrapper {
  margin-top: 8px;
}

.best-slot-sites-banner__info {
  max-width: 350px;
  margin-right: 25px;
}

.best-slot-sites-banner__info p {
  color: #222222;
  font: inherit;
}

.best-slot-sites-banner__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  width: 100%;
}

.best-slot-sites-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px 8px;
  transition: all 0.3s;
  position: relative;
}

.best-slot-sites-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.best-slot-sites-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.best-slot-sites-banner__tabs .card:hover:before {
  border: 2px solid #f0284a;
}

.best-slot-sites-banner__tabs .card:hover .card__title {
  color: #f0284a;
}

.best-slot-sites-banner__tabs .card:first-child {
  grid-row: 1/3;
}

.best-slot-sites-banner__tabs .card:first-child .card__title {
  display: inline-block;
  max-width: 130px;
}

.best-slot-sites-banner__tabs .card:first-child .card__icon {
  align-self: flex-end;
  margin: 0 0 20px;
}

.best-slot-sites-banner__tabs .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 12px 0 0;
}

.best-slot-sites-banner__tabs .card__title {
  margin-bottom: 2px;
}

.best-slot-sites-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.best-slot-sites-jackpot__slots {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-shrink: 0;
  grid-gap: 16px;
  max-width: 520px;
  position: relative;
  padding: 12px;
  overflow: hidden;
  border-radius: 12px;
}

.best-slot-sites-jackpot__slots:before {
  content: "";
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(24, 118, 240, 0.1);
}

.best-slot-sites-jackpot__slots .slot-card .name {
  color: #222222;
}

.best-slot-sites-jackpot__box {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 260px;
  height: 115px;
  display: block;
}

.best-slot-sites-jackpot__info {
  margin-left: 20px;
}

.best-slot-sites-offer__group {
  background: #f2f3f6;
  border-radius: 8px;
  padding: 16px;
}

.best-slot-sites-offer__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.best-slot-sites-offer__list .item__img {
  width: 45px;
  height: 45px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  margin-bottom: 8px;
}

.best-slot-sites-offer__list .item__title {
  margin-bottom: 8px;
}

.best-slot-sites-offer__list .item__text {
  display: block;
  color: #222222;
}

.best-slot-sites-offer__bonuses {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}

.best-slot-sites-offer__bonuses .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  padding: 16px;
  text-align: center;
  transition: all 0.3s ease-out;
}

.best-slot-sites-offer__bonuses .card:hover {
  transform: scale(1.03);
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.2),
    0px 0px 12px rgba(0, 0, 0, 0.2);
}

.best-slot-sites-offer__bonuses .card__logo {
  margin: -16px;
  min-height: 110px;
  margin-bottom: 16px;
}

.best-slot-sites-offer__bonuses .card__value {
  color: #1876f0;
  margin-bottom: 8px;
}

.best-slot-sites-offer__bonuses .card__text {
  color: #222222;
  margin-bottom: 12px;
}

.best-slot-sites-offer__bonuses .card__title {
  background: #ffd600;
  border: 3px solid #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 4px 12px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 8px;
}

.best-slot-sites-offer__bonuses .card__btn {
  width: 100%;
}

.banner-fs {
  background: #2fb966;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 12px;
}

.banner-fs__wrapper {
  border-radius: 6px;
  padding: 16px;
}

.banner-fs__left {
  color: #ffffff;
  max-width: 165px;
  flex-shrink: 0;
  margin-right: 40px;
}

.banner-fs__title {
  margin-bottom: 8px;
}

.banner-fs__text {
  margin-bottom: 12px;
}

.banner-fs__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 100%;
  background: #ffc233;
  border-radius: 6px;
  font-weight: 700;
  font-size: 15px;
  line-height: 130%;
  color: #222222;
  transition: all 0.2s ease-in-out;
}

.banner-fs__btn:hover {
  background-color: #ffc743;
}

.banner-fs__placeholder-text {
  margin-top: 6px;
  width: 100%;
  text-align: center;
}

.banner-fs__center {
  position: relative;
}

.banner-fs__center:after {
  background: url(../img/free-spins-drum-btn.png) no-repeat center/cover;
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  display: block;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  z-index: 9;
}

.banner-fs__center-image {
  display: block;
  transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.banner-fs__center-image .img {
  display: block;
}

.banner-fs__bonuses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  max-width: 516px;
  margin: 0 0 0 auto;
}

.banner-fs__bonuses .card-placeholder__top {
  margin-bottom: 12px;
}

.banner-fs__bonuses .card-placeholder__left {
  background: #f1f5f8;
  margin-right: 12px;
  border-radius: 50%;
}

.banner-fs__bonuses .card-placeholder__name {
  border-radius: 6px;
  background: #f1f5f8;
  margin-bottom: 5px;
}

.banner-fs__bonuses .card-placeholder__rating {
  border-radius: 6px;
  background: #f1f5f8;
}

.banner-fs__bonuses .card-placeholder__title {
  width: 100%;
  background: #f1f5f8;
  border-radius: 6px;
  margin-bottom: 15px;
}

.banner-fs__bonuses .card-placeholder__tags {
  margin-bottom: 12px;
}

.banner-fs__bonuses .card-placeholder__item {
  flex: 1 1 auto;
  background: #f1f5f8;
  border-radius: 6px;
}

.banner-fs__bonuses .card-placeholder__item:not(:last-child) {
  margin-right: 8px;
}

.banner-fs__bonuses .card-placeholder__bottom {
  background: #f1f5f8;
  border-radius: 6px;
  width: 100%;
}

.banner-fs__bonuses .card-placeholder .flare {
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  transform: skewX(-45deg);
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
  animation: flareAnimation 1s infinite linear;
}

.banner-fs__bonuses .bonus-mobile {
  flex-direction: column;
  gap: 0;
  min-width: 250px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.banner-fs__bonuses .bonus-mobile__logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: white;
  border: 2px solid #1876f0;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative;
}

.banner-fs__bonuses .bonus-mobile__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.banner-fs__bonuses .bonus-mobile__logo img {
  width: auto;
  height: auto;
}

.banner-fs__bonuses .bonus-mobile__name {
  margin-bottom: 4px;
}

.banner-fs__bonuses .bonus-mobile__tags {
  margin: 0;
  width: 100%;
}

.banner-fs__bonuses .bonus-mobile__tags .tags__item {
  flex: 1 1 auto;
  text-align: center;
}

.bonus-mobile__title {
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.banner-fs__bonuses .bonus-mobile__btn {
  width: 100%;
}

.section-fs-column {
  margin-right: -10px;
  margin-left: -10px;
}

.section-fs-column > * {
  margin: 0 10px;
  flex: 1 1 49%;
}

.deposit-fs {
  padding: 16px;
}

.deposit-fs__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.deposit-fs__wrapper .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.deposit-fs__wrapper .card__top {
  margin-bottom: 12px;
}

.deposit-fs__wrapper .card__logo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 16px;
  position: relative;
}

.deposit-fs__wrapper .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.deposit-fs__wrapper .card__logo img {
  width: auto;
  height: auto;
}

.deposit-fs__wrapper .card__info {
  width: 100%;
}

.deposit-fs__wrapper .card__value {
  background: #1876f0;
  border: 2px solid #ffffff;
  box-shadow:
    0px -1px 2px rgba(0, 0, 0, 0.1),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  margin-bottom: 5px;
  padding: 4px;
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
}

.deposit-fs__wrapper .card__tag {
  background: rgba(15, 151, 94, 0.1);
  border: 1px solid rgba(15, 151, 94, 0.2);
  border-radius: 4px;
  padding: 5px;
  color: #2fb966;
  width: 100%;
  text-transform: uppercase;
}

.deposit-fs__wrapper .card__description {
  color: #222222;
  margin-bottom: 12px;
}

.deposit-fs__wrapper .card__description p {
  font: inherit;
}

.deposit-fs__wrapper .card__bottom {
  margin: auto 0 12px;
}

.deposit-fs__wrapper .card__slots-title {
  margin-bottom: 6px;
}

.deposit-fs__wrapper .card__slots-item {
  max-width: 65px;
}

.deposit-fs__wrapper .card__slots-item:not(:last-child) {
  margin-right: 12px;
}

.deposit-offers {
  padding: 16px;
}

.deposit-offers__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}

.deposit-offers__wrapper .bonus-mobile__logo {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  margin-right: 12px;
  position: relative;
}

.deposit-offers__wrapper .bonus-mobile__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.deposit-offers__wrapper .bonus-mobile__logo img {
  width: auto;
  height: auto;
}

.deposit-offers__wrapper .bonus-mobile__description {
  color: #222222;
  margin-bottom: 12px;
}

.deposit-offers__wrapper .bonus-mobile__description p {
  font: inherit;
}

.claim-fs-bonuses__list {
  padding: 10px 0 0;
}

.claim-fs-bonuses__list .item {
  position: relative;
}

.claim-fs-bonuses__list .item:not(:last-child) {
  padding: 0 0 16px;
}

.claim-fs-bonuses__list .item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 17px;
  bottom: -19px;
  left: 15px;
  display: block;
  width: 1px;
  background: #eaeef0;
}

.claim-fs-bonuses__list .item:first-child {
  padding: 0 0 20px;
}

.claim-fs-bonuses__list .item:first-child:after {
  content: "";
  position: absolute;
  top: 22px;
  bottom: -24px;
  left: 15px;
  display: block;
  width: 1px;
  background: #eaeef0;
}

.claim-fs-bonuses__list .item:first-child .item__icon {
  width: 30px;
  height: 30px;
  margin: -8px 12px 0 0;
}

.claim-fs-bonuses__list .item__icon {
  color: #ffffff;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  box-shadow:
    0px 0px 0.819512px rgba(0, 0, 0, 0.08),
    0px 1.63902px 1.63902px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  margin: -8px 14px 0 4px;
}

.claim-fs-bonuses__list .item__info {
  margin: -8px 0 0;
}

.pick-bonus {
  width: 285px;
  height: 180px;
  box-shadow:
    0px 0px 2px rgba(0, 0, 0, 0.04),
    0px 2px 24px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  margin: 0 0 0 20px;
}

.experts-choice {
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.experts-choice:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100px;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 82, 180, 0.5) 0%, rgba(0, 82, 180, 0) 100%);
  z-index: 3;
}

.experts-choice__title {
  text-align: center;
  color: #ffffff;
}

.experts-choice__wrapper {
  position: relative;
}

.experts-choice__wrapper .swiper-button-next,
.experts-choice__wrapper .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  background: #ffffff;
  box-shadow:
    0px 2.33333px 2.33333px rgba(0, 0, 0, 0.12),
    0px 0px 1.16667px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  color: #222222;
}

.experts-choice__wrapper .swiper-button-next:after,
.experts-choice__wrapper .swiper-button-next:before {
  display: none;
}

.experts-choice__wrapper .swiper-button-prev:after,
.experts-choice__wrapper .swiper-button-prev:before {
  display: none;
}

.experts-choice__wrapper .swiper-button-disabled {
  opacity: 0;
}

.experts-choice__wrapper .swiper-button-prev {
  left: -12px;
}

.experts-choice__wrapper .swiper-button-prev svg {
  transform: rotate(90deg);
}

.experts-choice__wrapper .swiper-button-next {
  right: -12px;
}

.experts-choice__wrapper .swiper-button-next svg {
  transform: rotate(-90deg);
}

.experts-choice__swiper {
  max-width: 760px;
  padding-bottom: 30px;
}

.experts-choice__swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
}

.experts-choice__swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  opacity: 0.5;
  background: #ffffff;
}

.experts-choice__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  opacity: 1;
}

.experts-choice-slide {
  width: 335px;
  height: auto !important;
}

.experts-choice-slide:nth-child(3n + 1) .bonus-mobile__name {
  background: #1876f0;
}

.experts-choice-slide:nth-child(3n + 2) .bonus-mobile__name {
  background: #f0284a;
}

.experts-choice-slide:nth-child(3n + 3) .bonus-mobile__name {
  background: #2fb966;
}

.experts-choice-slide .bonus-mobile__name {
  font-weight: 200;
}

.experts-choice-slide .bonus-mobile {
  height: 100%;
}

.experts-choice-slide .bonus-mobile__top-left {
  margin-right: 12px;
}

.experts-choice-slide .bonus-mobile__title {
  margin-bottom: 6px;
}

.experts-choice-slide .bonus-mobile__name {
  border: 2px solid #ffffff;
  box-shadow:
    0px -1px 2px rgba(0, 0, 0, 0.1),
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 6px 8px;
  text-align: center;
  color: #ffffff;
}

.experts-choice-slide .bonus-mobile__btn {
  flex: 1 1 auto;
}

.best-online-slots-banner__wrapper {
  margin-top: 8px;
}

.best-online-slots-banner__info {
  max-width: 350px;
  margin-right: 10px;
}

.best-online-slots-banner__info p {
  font: inherit;
  color: #222222;
  margin-top: 8px;
}

.best-online-slots-banner__tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  width: 100%;
}

.best-online-slots-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px 8px;
  transition: all 0.3s;
  position: relative;
}

.best-online-slots-banner__tabs .card:last-child {
  grid-column: 1/3;
}

.best-online-slots-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.best-online-slots-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.best-online-slots-banner__tabs .card:hover:before {
  border: 2px solid #e99e0d;
}

.best-online-slots-banner__tabs .card:hover .card__title {
  color: #e99e0d;
}

.best-online-slots-banner__tabs .card__icon {
  width: 42px;
  height: 42px;
  margin-right: 12px;
}

.best-online-slots-banner__tabs .card__title {
  margin-bottom: 2px;
}

.best-online-slots-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.quick-steps__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

.quick-steps__cards .card {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  position: relative;
}

.quick-steps__cards .card:not(:first-child) {
  box-shadow: none;
  border: 1px solid #eaeef0;
}

.quick-steps__cards .card:not(:first-child) .card__text {
  color: #222222;
}

.quick-steps__cards .card:nth-child(even) .card__arrow {
  top: -10px;
  bottom: initial;
  right: -40px;
  transform: scale(1, -1);
}

.quick-steps__cards .card:last-child .card__arrow {
  display: none;
}

.quick-steps__cards .card__step {
  width: 72px;
  height: 31px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  margin-bottom: 10px;
}

.quick-steps__cards .card__arrow {
  position: absolute;
  bottom: -10px;
  right: -40px;
  width: 75px;
  height: 43px;
  z-index: 3;
}

.best-online-slots-find {
  overflow: hidden;
}

.best-online-slots-find .slots-find-group {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.best-online-slots-find .slots-find-group__wrapper .search-form {
  height: 50px;
  width: 100%;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  background: #ffffff;
  padding: 0 15px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  margin-bottom: 16px;
}

.best-online-slots-find .slots-find-group__wrapper .search-form::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.best-online-slots-find .slots-find-group__wrapper .search-form:hover:before {
  border: 2px solid #1876f0;
}

.best-online-slots-find .slots-find-group__wrapper .search-form__input {
  width: 100%;
  color: #222222;
  cursor: pointer;
  padding: 0 0 0 12px;
}

.best-online-slots-find .slots-find-group__wrapper .search-form__input::placeholder {
  color: #222222;
}

.best-online-slots-find .slots-find-group__wrapper .search-form svg {
  color: #222222;
  flex-shrink: 0;
  margin: auto 0;
}

.best-online-slots-find .slots-find-group__row .checkbox-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px 18px;
  max-width: 600px;
  width: 100%;
}

.best-online-slots-find .slots-find-group__row .slots-filter-checkbox-item {
  margin: 0;
}

.best-online-slots-find .slots-find-group__btn {
  flex-shrink: 0;
  margin-left: 20px;
}

.best-online-slots-find__provider {
  margin: 8px -8px;
}

.best-online-slots-find__provider .provider {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 12px 0;
  flex: 1 1 auto;
  margin: 8px;
  width: 180px;
}

.best-online-slots-find__provider .provider:nth-child(5),
.best-online-slots-find__provider .provider:nth-child(6),
.best-online-slots-find__provider .provider:nth-child(7),
.best-online-slots-find__provider .provider:nth-child(8),
.best-online-slots-find__provider .provider:nth-child(9) {
  width: 140px;
  height: 80px;
}

.best-online-slots-find__provider .provider:hover {
  border: 1px solid #f2f3f6;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.12);
}

.best-online-slots-find__provider .provider__logo {
  height: auto;
  width: auto;
}

.best-online-slots-find__description {
  align-items: flex-start !important;
}

.best-online-slots-find__description .cms-description-text {
  margin-right: 30px;
}

.best-online-slots-find__img {
  margin: 0 0 -30px;
  width: 282px;
}

.best-online-slots-category__wrapper {
  margin: 0 -10px 16px;
}

.best-online-slots-category__slots {
  flex: 1 1 49%;
  margin: 0 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.best-online-slots-category__content {
  flex: 1 1 49%;
  margin: 0 10px;
}

.best-online-slots-category__title svg {
  transform: rotate(-90deg);
}

.new-online-slots-banner__wrapper {
  margin-top: 8px;
}

.new-online-slots-banner__info {
  max-width: 540px;
  margin-right: 20px;
}

.new-online-slots-banner__info p {
  margin-top: 8px;
  color: #222222;
  font: inherit;
}

.new-online-slots-banner__tabs {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
  width: 100%;
}

.new-online-slots-banner__tabs .card {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px;
  transition: all 0.3s;
  position: relative;
}

.new-online-slots-banner__tabs .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 6px;
  border: 2px solid transparent;
}

.new-online-slots-banner__tabs .card:hover {
  border: 1px solid transparent;
}

.new-online-slots-banner__tabs .card:hover:before {
  border: 2px solid #1876f0;
}

.new-online-slots-banner__tabs .card:hover .card__title,
.new-online-slots-banner__tabs .card:hover .card__text {
  color: #1876f0;
}

.new-online-slots-banner__tabs .card__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 8px 0 0;
}

.new-online-slots-banner__tabs .card__title {
  margin-bottom: 2px;
}

.new-online-slots-banner__tabs .card__text {
  display: block;
  color: #222222;
}

.new-online-slots__wrapper {
  padding: 12px;
}

.new-online-slots__group {
  background: rgba(24, 118, 240, 0.15);
  border-radius: 8px;
  padding: 8px;
}

.new-online-slots__top .bonus {
  padding: 4px;
}

.new-online-slots__top .bonus-timer {
  border: 1px solid rgba(24, 118, 240, 0.1);
  border-radius: 5px;
  padding: 12px 20px;
  flex-shrink: 0;
  width: 200px;
  margin-right: 15px;
}

.new-online-slots__top .bonus-timer__category {
  margin: 0 auto 4px;
}

.new-online-slots__top .bonus-timer__title {
  margin: 0 auto 2px;
}

.new-online-slots__top .bonus-timer__text {
  margin: 0 auto 14px;
}

.new-online-slots__top .bonus-timer__wrapper .second {
  background: #1876f0;
  border: 3px solid #ffffff;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  margin-right: 14px;
  min-width: 70px;
  min-height: 60px;
  padding: 0 10px 5px;
  color: #ffffff;
}

.new-online-slots__top .bonus-timer__wrapper .second .value {
  font-weight: 700;
  font-size: 36px;
  line-height: 120%;
}

.new-online-slots__top .bonus-timer__wrapper .hours {
  margin: 0 0 2px;
}

.new-online-slots__top .bonus-timer__wrapper .hours .value {
  margin-right: 3px;
}

.new-online-slots__top .bonus-timer__wrapper .mins .value {
  margin-right: 3px;
}

.new-online-slots__top .bonus__wrapper {
  margin: -4px -4px -4px 0;
  padding: 16px 16px 16px 0;
}

.new-online-slots__top .bonus__logo-slots {
  width: 105px;
  height: 80px;
}

.new-online-slots__top .bonus__logo-slots img {
  display: block;
  width: 100%;
  height: 100%;
}

.new-online-slots__top .bonus__top,
.new-online-slots__top .bonus__apply-text {
  margin: 0 0 12px;
}

.new-online-slots__top .bonus__btn {
  margin: 0 20px 0 0;
  padding: 10px 12px;
}

.new-online-slots__bottom .bonus {
  margin-bottom: 0;
}

.new-online-slots__bottom .bonus__left {
  margin: 0;
}

.new-online-slots__bottom .bonus__slots {
  margin-right: 12px;
}

.new-online-slots__bottom .bonus__logo-slots {
  width: 105px;
  height: 80px;
}

.new-online-slots__bottom .bonus__logo-slots img {
  display: block;
  width: 100%;
  height: 100%;
}

.new-online-slots__bottom .bonus__title {
  margin-bottom: 8px;
}

.new-online-slots__bottom .bonus .tags {
  margin-right: 15px;
}

.new-online-slots__bottom .bonus .tags:last-child {
  margin-right: 0;
}

.new-online-slots__bottom .bonus .tags__item {
  background: #f1f8fc;
  border-radius: 6px;
  padding: 5px;
  text-align: center;
  min-width: 90px;
  margin-right: 12px;
}

.new-online-slots__bottom .bonus-aside {
  min-width: 235px;
  flex-shrink: 1;
}

.new-online-slots .bonuses-list .bonus__left {
  margin: 0;
}

.new-online-slots .bonuses-list .bonus__slots {
  margin-right: 12px;
}

.new-online-slots .bonuses-list .bonus__logo-slots {
  width: 105px;
  height: 80px;
}

.new-online-slots .bonuses-list .bonus__logo-slots img {
  display: block;
  width: 100%;
  height: 100%;
}

.new-online-slots .bonuses-list .bonus__title {
  margin-bottom: 8px;
}

.new-online-slots .bonuses-list .bonus .tags__item {
  background: #f1f8fc;
  border-radius: 6px;
  padding: 5px;
  text-align: center;
  min-width: 90px;
  margin-right: 12px;
}

.new-online-slots .bonuses-list .bonus .tags__item:last-child {
  margin-right: 0;
}

.new-online-slots .bonuses-list .bonus-aside {
  min-width: 235px;
}

.most-played-online-slots__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.most-played-online-slots__cards .card {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.most-played-online-slots__cards .card__head {
  margin-bottom: 12px;
}

.most-played-online-slots__cards .card__logo {
  margin-right: 12px;
  width: 105px;
  flex-shrink: 0;
  height: 80px;
}

.most-played-online-slots__cards .card__logo img {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 6px;
}

.most-played-online-slots__cards .card__title {
  margin-bottom: 8px;
  width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.most-played-online-slots__cards .card__row .tags__item {
  background: #f1f8fc;
  border-radius: 6px;
  padding: 5px;
  text-align: center;
  min-width: 90px;
  margin-right: 12px;
}

.most-played-online-slots__cards .card__row .tags__item:last-child {
  margin-right: 0;
}

.most-played-online-slots__cards .card__description {
  margin-bottom: 12px;
}

.most-played-online-slots__cards .card__description p {
  color: #222222;
  font: inherit;
}

.most-played-online-slots__cards .card__bottom {
  margin: auto 0 0;
}

.new-online-slots-category__head .icon {
  width: 65px;
  height: 65px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 16px;
}

.new-online-slots-game__wrapper {
  position: relative;
  top: -20px;
  background: #184191;
  border-radius: 8px 8px 0px 0px;
  margin: 0 -16px 0;
  padding: 16px 16px 35px;
  color: #ffffff;
}

.new-online-slots-game__wrapper .cms-description-text {
  max-width: 470px;
}

.new-online-slots-game__wrapper .cms-description-text p {
  color: #ffffff;
}

.new-online-slots-game__img {
  position: absolute;
  top: -12px;
  right: 0;
}

.new-online-slots-game__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  margin: -42px 0 16px;
  position: relative;
  z-index: 2;
}

.new-online-slots-game__cards .card {
  background: #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.new-online-slots-game__cards .card:nth-child(1) .card__head {
  background: #f0284a;
}

.new-online-slots-game__cards .card:nth-child(2) .card__head {
  background: #2fb966;
}

.new-online-slots-game__cards .card__head {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}

.new-online-slots-game__cards .card__item {
  padding: 12px 16px;
}

.new-online-slots-game__cards .card__item:nth-child(even) {
  background: #fbfcfd;
}

.new-online-slots-game__cards .card__item .icon {
  margin-top: 2px;
  flex-shrink: 0;
  margin-right: 10px;
}

.new-online-slots-game__cards .card__item .icon.icon--true {
  color: #2fb966;
}

.new-online-slots-game__cards .card__item .icon.icon--false {
  color: #f0284a;
}

.video-slots-banner {
  padding: 16px;
}

.video-slots-banner__text {
  margin-bottom: 16px;
}

.video-slots-banner__text p {
  margin-top: 8px;
  color: #222222;
  font: inherit;
}

.video-slots-banner__left {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
  width: 265px;
  flex-shrink: 0;
  margin-right: 12px;
}

.video-slots-banner__left .item {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px;
  position: relative;
}

.video-slots-banner__left .item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.video-slots-banner__left .item:hover {
  border: 1px solid transparent;
}

.video-slots-banner__left .item:hover:before {
  border: 2px solid var(--main-color);
}

.video-slots-banner__left .item:hover .item__title {
  color: var(--main-color);
}

.video-slots-banner__left .item__icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-right: 12px;
}

.video-slots-banner__left .item__title {
  margin-bottom: 2px;
}

.video-slots-banner__left .item__text {
  display: block;
  color: #222222;
}

.video-slots-banner__right {
  margin: -6px;
}

.video-slots-banner__right .item {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  padding: 12px;
  position: relative;
  flex: 1 1 auto;
  min-width: 144px;
  margin: 6px;
}

.video-slots-banner__right .item.df-ai-center .item__info {
  text-align: center;
}

.video-slots-banner__right .item:not(.df-ai-center) .item__icon {
  margin: 0 0 0 auto;
}

.video-slots-banner__right .item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.video-slots-banner__right .item:hover {
  border: 1px solid transparent;
}

.video-slots-banner__right .item:hover:before {
  border: 2px solid var(--main-color);
}

.video-slots-banner__right .item:hover .item__title {
  color: var(--main-color);
}

.video-slots-banner__right .item__icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-bottom: 8px;
}

.video-slots-banner__right .item__title {
  margin-bottom: 2px;
}

.video-slots-banner__right .item__text {
  display: block;
  color: #222222;
}

.video-slots-group {
  padding: 16px;
  background: linear-gradient(110deg, var(--bg-color-1) 0%, var(--bg-color-2) 100%);
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.video-slots-group__description {
  color: #ffffff;
}

.video-slots-group__description p {
  color: #ffffff;
}

.video-slots-group__info .item {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  padding: 8px 12px;
  color: #ffffff;
}

.video-slots-group__info .item:not(:last-child) {
  margin-right: 12px;
}

.video-slots-group__info .item__icon,
.video-slots-group__info .item__title {
  margin-right: 8px;
}

.video-slots-group__img {
  position: relative;
  max-width: 310px;
  bottom: -40px;
  right: -10px;
}

.video-slots-table .slots-table thead tr td:not(.column-1) {
  text-align: left;
}

.video-slots-table .slots-table tbody tr td .row__info .name {
  width: 120px;
}

.video-slots-table .slots-table tbody tr td .row__info .provider {
  font-size: 13px;
  line-height: 145%;
  width: 100px;
}

.video-slots-table .slots-table tbody tr td:not(.column-1) {
  text-align: left;
}

.video-slots-table .slots-table tbody tr td.column-5 .logo {
  margin: 0 auto;
}

.video-slots-slider {
  position: relative;
  padding: 15px 0;
  margin: 0 -20px 0 0;
  max-width: 780px;
  overflow: hidden;
}

.video-slots-slider:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 10px;
  display: block;
  width: 100px;
  height: 98%;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}

.video-slots-slider__swiper {
  padding-bottom: 5px;
}

.video-slots-slider__swiper .swiper-wrapper {
  height: auto;
}

.video-slots-slider__swiper .video-slots-slide {
  width: 220px;
  padding: 12px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.video-slots-slider__swiper .video-slots-slide__logo {
  margin: -12px -12px 12px;
  height: 140px;
}

.video-slots-slider__swiper .video-slots-slide__logo img {
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0 0;
}

.video-slots-slider__swiper .video-slots-slide__title {
  margin-bottom: 8px;
}

.video-slots-slider__swiper .video-slots-slide__description p {
  color: #222222;
  font: inherit;
}

.video-slots-slider .swiper-button-next,
.video-slots-slider .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  background: #ffffff;
  box-shadow:
    0px 2.33333px 2.33333px rgba(0, 0, 0, 0.12),
    0px 0px 1.16667px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  color: #222222;
}

.video-slots-slider .swiper-button-next:after,
.video-slots-slider .swiper-button-next:before {
  display: none;
}

.video-slots-slider .swiper-button-prev:after,
.video-slots-slider .swiper-button-prev:before {
  display: none;
}

.video-slots-slider .swiper-button-disabled {
  opacity: 0;
}

.video-slots-slider .swiper-button-prev {
  left: 8px;
}

.video-slots-slider .swiper-button-prev svg {
  transform: rotate(90deg);
}

.video-slots-slider .swiper-button-next {
  right: 8px;
}

.video-slots-slider .swiper-button-next svg {
  transform: rotate(-90deg);
}

.video-slots-provider {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.video-slots-provider__logo {
  margin: 0 16px 0 0;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  position: relative;
}

.video-slots-provider__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.video-slots-provider__logo img {
  width: auto;
  height: auto;
}

.video-slots-provider__title {
  margin-bottom: 8px;
}

.video-slots-provider__info .item {
  background: rgba(var(--rgb-color), 0.05);
  border-radius: 6px;
  padding: 8px 12px;
}

.video-slots-provider__info .item:not(:last-child) {
  margin-right: 12px;
}

.video-slots-provider__info .item__icon {
  color: var(--main-color);
  margin-right: 8px;
}

.video-slots-provider__info .item__title {
  color: #222222;
  margin-right: 8px;
}

.video-slots-provider__info .item__text {
  color: #222222;
}

.video-slots-know__group {
  background: #4d2e80;
  box-shadow:
    0px 2px 2px rgba(0, 0, 0, 0.12),
    0px 0px 1px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 16px;
  color: #ffffff;
}

.video-slots-know__group p {
  color: #ffffff;
}

.slots-filter {
  padding: 16px 20px 0;
}

.slots-filter__buttons {
  position: sticky;
  bottom: 0;
  z-index: 10;
  margin: 0 -20px;
  padding: 16px 20px;
  background: #ffffff;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #eaeef0;
}

.slots-filter__buttons .btn-main {
  width: 100%;
  min-width: 100%;
}

.slots-filter__reset {
  background: transparent;
  border: 2px solid #1876f0;
  color: #1876f0;
  margin-top: 8px;
}

.slots-filter__btn-clear {
  background: transparent;
  padding: 0;
  color: #222222;
}

.slots-filter__btn-clear svg {
  display: block;
  flex-shrink: 0;
  margin-right: 8px;
}

.slots-filter__btn-clear:hover {
  color: #222222;
}

.slots-filter__btn-clear:hover svg {
  color: #f0284a;
}

.slots-filter .checkbox-list,
.slots-filter .range-slider {
  display: none;
}

.slots-filter-group {
  padding: 16px 0;
  border-bottom: 1px solid #eaeef0;
}

.slots-filter-group:first-child {
  padding-top: 0;
}

.slots-filter-group:last-child {
  border-bottom: none;
}

.slots-filter-group__title {
  cursor: pointer;
  transition: all 0.3s;
}

.slots-filter-group__title:hover {
  color: #1876f0;
}

.slots-filter-group--active .slots-filter-group__title svg {
  transform: rotate(-180deg);
}

.slots-filter-group--active .checkbox-list,
.slots-filter-group--active .range-slider {
  display: block;
  margin-top: 12px;
}

.slots-filter-group--top {
  padding: 0;
  border: none;
}

.slots-filter-checkbox-item:not(:last-child) {
  margin-bottom: 12px;
}

.slots-filter-checkbox-item:hover {
  cursor: pointer;
}

.slots-filter-checkbox-item:hover .slots-filter-checkbox__control {
  border: 1px solid transparent;
}

.slots-filter-checkbox-item:hover .slots-filter-checkbox__control:before {
  border: 2px solid #1876f0;
}

.slots-filter-checkbox__input {
  position: absolute;
  visibility: hidden;
}

.slots-filter-checkbox__input:checked ~ .slots-filter-checkbox__control {
  background: #1876f0;
  border: 1px solid #1876f0;
}

.slots-filter-checkbox__control {
  width: 20px;
  height: 20px;
  padding: 3px;
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 3px;
  margin-right: 8px;
  transition: all 0.2s;
  position: relative;
}

.slots-filter-checkbox__control::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

.slots-filter-checkbox__control svg {
  color: #ffffff;
}

.slots-filter-range__inputs {
  position: relative;
}

.slots-filter-range__inputs.slots-filter-range__inputs--percent:before {
  content: "%";
  position: absolute;
  z-index: 9;
  top: 5px;
  left: 8px;
  font-size: 15px;
  line-height: 150%;
  text-transform: capitalize;
  color: #222222;
}

.slots-filter-range__inputs.slots-filter-range__inputs--percent:after {
  content: "%";
  position: absolute;
  z-index: 9;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  line-height: 150%;
  text-transform: capitalize;
  color: #222222;
  margin-left: 16px;
}

.slots-filter-range__inputs.slots-filter-range__inputs--money:before {
  content: "£";
  position: absolute;
  z-index: 9;
  top: 5px;
  left: 8px;
  font-size: 15px;
  line-height: 150%;
  text-transform: capitalize;
  color: #222222;
}

.slots-filter-range__inputs.slots-filter-range__inputs--money:after {
  content: "£";
  position: absolute;
  z-index: 9;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  line-height: 150%;
  text-transform: capitalize;
  color: #222222;
  margin-left: 16px;
}

.slots-filter-range__input {
  display: block;
  height: 30px;
  width: 100%;
  min-width: 60px;
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 3px;
  color: #222222;
  font-size: 15px;
  line-height: 150%;
  text-transform: capitalize;
  padding: 0 8px 0 20px;
  cursor: pointer;
  position: relative;
}

.slots-filter-range__input::placeholder {
  color: #222222;
}

.slots-filter-range__input:first-child {
  margin-right: 8px;
}

.slots-filter-range__input:focus {
  border: 1px solid #1876f0;
  color: #222222;
}

.slots-filter-range .noUi-connect {
  background: #1876f0 !important;
}

.slots-filter-range .noUi-target {
  background: #f1f5f8 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  height: 2px !important;
  margin: 20px 10px 10px !important;
}

.slots-filter-range .noUi-handle {
  background: #fff !important;
  border: 2px solid #1876f0 !important;
  border-radius: 50px !important;
  width: 25px !important;
  height: 25px !important;
  top: -11px !important;
  cursor: grab !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px;
}

.slots-filter-range .noUi-handle::before,
.slots-filter-range .noUi-handle::after {
  display: block !important;
  position: static !important;
  left: initial !important;
  top: initial !important;
  right: initial !important;
  bottom: initial !important;
}

.slots-filter-range .noUi-handle::before,
.slots-filter-range .noUi-handle::after {
  height: 10px !important;
  width: 2px !important;
  background: #1876f0 !important;
}

.slots-filter-range .noUi-handle .noUi-touch-area {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.slots-filter-top {
  padding: 20px 16px;
}

.slots-filter-top__row {
  margin-bottom: 16px;
}

.slots-filter-top__separator {
  display: block;
  margin: 12px 0;
  width: 100%;
  height: 1px;
  background: #eaeef0;
}

.slots-filter-top .search-form {
  height: 50px;
  width: 250px;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  background: #ffffff;
  padding: 0 15px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}

.slots-filter-top .search-form::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.slots-filter-top .search-form:hover:before {
  border: 2px solid #1876f0;
}

.slots-filter-top .search-form__input {
  width: 100%;
  color: #222222;
  cursor: pointer;
  padding: 0 0 0 12px;
}

.slots-filter-top .search-form__input::placeholder {
  color: #222222;
}

.slots-filter-top .search-form svg {
  color: #222222;
  flex-shrink: 0;
  margin: auto 0;
}

.slots-filter-top .select {
  width: 190px;
  height: 50px;
  margin-left: 12px;
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 6px;
  position: relative;
  transition: all 0.3s;
}

.slots-filter-top .select::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.slots-filter-top .select.select--active .select__content > svg {
  transform: rotate(180deg);
}

.slots-filter-top .select:hover:before {
  border: 2px solid #1876f0;
}

.slots-filter-top .select:hover .select__content svg {
  color: #1876f0;
}

.slots-filter-top .select__content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #222222;
  cursor: pointer;
  padding: 0 15px;
}

.slots-filter-top .select__content svg {
  color: #222222;
  flex-shrink: 0;
}

.slots-filter-top .select__placeholder {
  height: 100%;
  width: 90%;
}

.slots-filter-top .select__placeholder .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slots-filter-top .filter__modal {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  margin-top: 6px;
  padding: 12px;
  z-index: 99;
}

.slots-filter-top .filter__modal--active {
  display: block;
}

.checkbox-list__scroll {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  max-height: 150px;
}

.checkbox-list__scroll::-webkit-scrollbar {
  background: transparent;
  width: 4px;
  height: 4px;
}

.checkbox-list__scroll::-webkit-scrollbar-thumb {
  background: #eaeef0;
  border-radius: 6px;
}

.popular-slots {
  margin-bottom: 40px;
  position: relative;
  max-width: 800px;
}

.popular-slots__swiper {
  padding: 0 0 5px;
}

.popular-slots__swiper .slot-card {
  width: 255px;
}

.popular-slots .swiper-button-next,
.popular-slots .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  background: #ffffff;
  box-shadow:
    0px 2.33333px 2.33333px rgba(0, 0, 0, 0.12),
    0px 0px 1.16667px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  color: #222222;
}

.popular-slots .swiper-button-next:after,
.popular-slots .swiper-button-next:before {
  display: none;
}

.popular-slots .swiper-button-prev:after,
.popular-slots .swiper-button-prev:before {
  display: none;
}

.popular-slots .swiper-button-disabled {
  opacity: 0;
}

.popular-slots .swiper-button-prev {
  left: -15px;
}

.popular-slots .swiper-button-prev svg {
  transform: rotate(90deg);
}

.popular-slots .swiper-button-next {
  right: -15px;
}

.popular-slots .swiper-button-next svg {
  transform: rotate(-90deg);
}

.providers-logo__item {
  flex: 1 1 auto;
  height: 60px;
  min-width: 120px;
  border: 2px solid transparent;
}

.providers-logo__item:hover {
  color: #1876f0;
  border: 2px solid #1876f0;
}

.providers-logo__item:not(:last-child) {
  margin-right: 12px;
}

.providers-logo__item input {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -999px;
  opacity: 0;
}

.providers-logo__btn {
  height: 60px;
  width: 100%;
  border: none;
  border-radius: 8px;
  padding: 4px 12px;
  margin: 0;
  background: transparent;
}

.providers-logo__img {
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
}

.slots-all > *:last-child {
  margin-bottom: 0;
}

.slots-all__title {
  text-transform: capitalize;
}

.slots-all__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  margin-bottom: 30px;
}

.slots-all-pagination .pagination > *:not(:last-child) {
  margin-right: 10px;
}

.slots-all-pagination .pagination__prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.slots-all-pagination .pagination__prev.pagination__prev--disable {
  color: #222222;
}

.slots-all-pagination .pagination__prev.pagination__prev--level2 svg {
  transform: rotate(90deg);
}

.slots-all-pagination .pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  font-weight: 600;
  font-size: 15px;
  line-height: 140%;
  color: #222222;
  border-radius: 6px;
}

.slots-all-pagination .pagination__item:hover {
  background: #e0e4e6;
}

.slots-all-pagination .pagination__item.pagination__item--active {
  background: #1876f0;
  color: #ffffff;
}

.slots-all-pagination .pagination__next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.slots-all-pagination .pagination__next.pagination__next--disable {
  color: #222222;
}

.slots-all-pagination .pagination__next.pagination__next--level1 svg {
  transform: rotate(180deg);
}

.slots-all-pagination .pagination__next.pagination__next--level2 svg {
  transform: rotate(-90deg);
}

.review-aside {
  position: sticky;
  top: 20px;
  padding: 6px;
}

.review-aside__banner {
  margin: -15px -6px 0;
  width: calc(100% + 12px);
  height: 140px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.review-aside__banner.review-aside__banner--casino {
  display: block;
  margin: -20px -6px 0;
  width: calc(100% + 18px);
  height: 190px;
}

.review-aside__banner img {
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0 0;
}

.review-aside__logo {
  margin: -33px auto 12px;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: var(--main-color);
  border: 3px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.review-aside__logo img {
  width: auto;
  height: auto;
}

.review-aside__slot-title {
  max-width: 210px;
  margin: 0 auto 12px;
  text-align: center;
  text-transform: capitalize;
}

.review-aside-bonus {
  padding: 12px;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  margin-top: 12px;
}

.review-aside-bonus__title {
  text-align: center;
  margin-bottom: 8px;
}

.review-aside-bonus__title b {
  color: #f0284a;
}

.review-aside-bonus__text {
  text-align: center;
  margin-bottom: 12px;
}

.review-aside-bonus__btn {
  width: 100%;
}

.review > *:first-child {
  margin-top: 0;
}

.review > *:last-child {
  margin-bottom: 0;
}

.review-nav {
  position: sticky;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  width: calc(100% + 30px);
  background: #ffffff;
  margin: -20px -15px 40px !important;
  padding: 0 15px;
  border-radius: 8px 8px 0 0;
}

.review-nav__list {
  border-bottom: 1px solid #eaeef0;
}

.review-nav__item {
  padding: 18px 0;
  position: relative;
  text-transform: capitalize;
}

.review-nav__item:not(:last-child) {
  margin: 0 10px 0 0;
}

.review-nav__item:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background: #1876f0;
  border-radius: 4px 4px 0px 0px;
  opacity: 0;
}

.review-nav__item.review-nav__item--active:before {
  opacity: 1;
}

.review-overview .pros-or-cons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.review-overview .pros-or-cons__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
}

.review-overview .pros-or-cons__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 8px;
  color: var(--main-color);
  background: transparent;
  border: 1.5px solid var(--main-color);
  flex-shrink: 0;
}

.review-overview .pros-or-cons .review-user__name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid var(--main-color);
  background: var(--main-color);
  border-radius: 50%;
  color: #ffffff;
  margin-right: 8px;
}

.review-overview .pros-or-cons .review-user__title {
  margin-bottom: 4px;
}

.review-overview .pros-or-cons .review-user__stars .stars {
  margin-right: 6px;
}

.review-bonuses {
  background: #f1f5f8;
  border-radius: 8px;
  padding: 16px;
}

.review-bonuses > *:first-child {
  margin-top: 0;
}

.review-bonuses__btn {
  margin-right: 12px;
}

.review-slots-casino__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

.review-slots-banner {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}

.review-slots-banner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 200px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(25px);
}

.review-slots-banner__wrapper {
  padding: 25px;
  position: relative;
  z-index: 2;
}

.review-slots-banner__logo {
  width: 220px;
  height: 150px;
  margin-right: 20px;
}

.review-slots-banner__info {
  color: #ffffff;
}

.review-slots-banner__title {
  margin-bottom: 12px;
}

.review-slots-banner__rating {
  margin-bottom: 12px;
}

.review-slots-banner__rating .stars {
  margin-right: 8px;
}

.review-slots-banner__rating .stars svg {
  color: rgba(255, 255, 255, 0.5);
}

.review-slots-banner__rating .h5 {
  font-size: 16px;
  line-height: 18px;
}

.review-slots-banner__rating .p2 {
  font-size: 14px;
  line-height: 16px;
}

.review-slots-banner__provider {
  margin-bottom: 12px;
}

.review-slots-banner__provider .name {
  margin-left: 4px;
}

.review-slots-banner__cards {
  padding: 6px;
  background: #ffffff;
  position: relative;
  z-index: 2;
}

.review-slots-banner__cards .card {
  flex: 1 1 auto;
  margin: 6px;
}

.review-slots-banner__cards .card:not(:last-child) {
  border-right: 1px solid #eaeef0;
}

.review-slots-banner__cards .card__title {
  color: #222222;
  margin-bottom: 6px;
  text-transform: capitalize;
}

.review-slots-banner__cards .card__icon {
  width: 34px;
  height: 34px;
  margin-right: 8px;
}

.review-slots-banner__cards .card__value {
  text-transform: uppercase;
}

.review-slots-tags__head {
  background: transparent;
  border: none;
  width: 100%;
}

.review-slots-tags__head svg {
  transform: rotate(180deg);
}

.review-slots-tags__content {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #eaeef0;
}

.review-slots-tags__content > .review-slots-tags__row:first-child {
  margin-top: 0;
}

.review-slots-tags__content > .review-slots-tags__row:last-child {
  margin-bottom: 0;
}

.review-slots-tags__name {
  margin-bottom: 12px;
}

.review-slots-tags__items {
  margin: -6px -4px;
}

.review-slots-tags__item {
  background: #f1f5f8;
  border-radius: 50px;
  padding: 5px 12px;
  margin: 6px 4px;
}

.review-slots-players__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.review-slots-players__table thead tr td:not(:first-child),
.review-slots-players__table tbody tr td:not(:first-child) {
  text-align: right;
}

.review-casino-banner {
  position: relative;
  border-radius: 8px;
}

.review-casino-banner__info {
  color: #ffffff;
  max-width: 560px;
  position: relative;
  min-height: 280px;
  z-index: 2;
  padding: 10px 25px 20px;
}

.review-casino-banner__img {
  content: "";
  position: absolute;
  top: -20px;
  right: 0;
  display: block;
  width: 100%;
  height: 300px;
}

.review-casino-banner__logo {
  width: 70px;
  height: 70px;
}

.review-casino-banner__logo img {
  width: auto;
  height: auto;
}

.review-casino-banner__title {
  margin-bottom: 20px;
}

.review-casino-banner__tags {
  margin-left: 16px;
}

.review-casino-banner__tags .tags__title,
.review-casino-banner__tags .tags__value {
  color: #ffffff;
}

.review-casino-banner__text {
  opacity: 0.6;
  margin: auto 0 0;
}

.review-casino-banner__cards {
  padding: 6px;
  background: #ffffff;
  position: relative;
  z-index: 2;
  border-radius: 0 0 8px 8px;
}

.review-casino-banner__cards .card {
  flex: 1 1 auto;
  margin: 6px;
}

.review-casino-banner__cards .card:not(:last-child) {
  border-right: 1px solid #eaeef0;
}

.review-casino-banner__cards .card__title {
  color: #222222;
  margin-bottom: 6px;
  text-transform: capitalize;
}

.review-casino-banner__cards .card__icon {
  width: 34px;
  height: 34px;
  margin-right: 8px;
}

.review-casino-banner__cards .card__value {
  text-transform: uppercase;
}

.review-casino-demographic .demographic-chart {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
}

.review-casino-demographic .demographic-chart-item {
  border-bottom: 1px solid #eaeef0;
  border-left: 1px solid #eaeef0;
  margin-bottom: 12px;
  padding: 80px 0 50px;
}

.review-casino-demographic .demographic-chart-item__bar {
  width: 100%;
  height: 30px;
}

.review-casino-demographic .demographic-chart-item__bar:not(:last-child) {
  margin-bottom: 20px;
}

.review-casino-demographic .demographic-chart-item__bar:nth-child(2) .value {
  background: #1876f0;
}

.review-casino-demographic .demographic-chart-item__bar .value {
  display: block;
  height: 100%;
  background: #2fb966;
  margin-right: 8px;
  border-radius: 0 6px 6px 0;
}

.review-casino-demographic .demographic-chart-legend .item {
  color: #222222;
}

.review-casino-demographic .demographic-chart-legend .item:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  border-radius: 4px;
  margin-right: 8px;
  background: #1876f0;
}

.review-casino-demographic .demographic-chart-legend .item:not(:last-child) {
  margin-right: 12px;
}

.review-casino-demographic .demographic-chart-legend .item:nth-child(2):before {
  background: #2fb966;
}

.review-casino-demographic .uk-map {
  margin: 0 0 -20px 0 !important;
}

.review-casino-demographic .uk-map > * {
  margin-bottom: 20px;
  flex: 1 1 calc(50% - 30px);
}

.review-casino-demographic .uk-map > *:nth-child(even) {
  margin-left: 30px;
}

.review-casino-demographic .uk-map__iframe {
  margin-left: 30px;
}

.review-casino-demographic .uk-map-country {
  fill: #f1f5f8;
  stroke: #eaeef0;
  stroke-width: 0.2px;
  cursor: not-allowed;
}

.review-casino-demographic .uk-map-country:not([data-local="Ireland"]) {
  cursor: pointer;
}

.review-casino-demographic .uk-map-country.uk-map-country--selected {
  fill: #f0284a;
  stroke: #ffffff;
}

.review-casino-demographic .uk-map__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.review-casino-demographic .uk-map-card {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.review-casino-demographic .uk-map-card__top {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeef0;
}

.review-casino-demographic .uk-map-card__icon {
  width: 45px;
  height: 45px;
  margin-right: 12px;
  border-radius: 50%;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.review-casino-demographic .uk-map-card__text {
  color: #222222;
}

.review-casino-demographic .uk-map-card__text span {
  margin-left: 10px;
  font-weight: 600;
  color: #222222;
}

.review-casino-demographic .uk-map-card__text:not(:last-child) {
  margin-bottom: 12px;
}

.review-casino-demographic .uk-country-card {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.review-casino-demographic .uk-country-card__top {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeef0;
}

.review-casino-demographic .uk-country-card__icon {
  width: 45px;
  height: 45px;
  margin-right: 12px;
  border-radius: 50%;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.review-casino-demographic .uk-country-card__text {
  color: #222222;
}

.review-casino-demographic .uk-country-card__text span {
  margin-left: 10px;
  font-weight: 600;
  color: #222222;
}

.review-casino-demographic .uk-country-card__text:not(:last-child) {
  margin-bottom: 12px;
}

.review-casino-game__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  align-items: center;
}

.review-casino-sports .sports-info-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  margin: 0 0 0 30px;
}

.review-casino-sports .sports-info-block .sports-item {
  padding: 12px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  min-width: 175px;
}

.review-casino-sports .sports-info-block .sports-item__icon {
  width: 45px;
  height: 45px;
  margin: 0 0 0 auto;
  border-radius: 8px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
}

.review-casino-sports .sports-info-block .sports-item__title {
  margin-bottom: 8px;
  color: #222222;
}

.review-casino-sports .sports-info-block .sports-item__card:not(:last-child) {
  margin-right: 20px;
}

.review-casino-sports .sports-info-block .sports-item__text {
  display: block;
  color: #222222;
}

.review-casino-review__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
}

.review-casino-review__cards .review-user.pros .review-user__description {
  border-left: 4px solid #2fb966;
}

.review-casino-review__cards .review-user.cons .review-user__description {
  border-left: 4px solid #f0284a;
}

.review-casino-review__cards .review-user__head {
  margin-bottom: 16px;
}

.review-casino-review__cards .review-user__name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: 1px solid var(--main-color);
  background: var(--main-color);
  border-radius: 50%;
  color: #ffffff;
  margin-right: 8px;
}

.review-casino-review__cards .review-user__title {
  margin-bottom: 4px;
}

.review-casino-review__cards .review-user__stars .stars {
  margin-right: 6px;
}

.review-casino-review__cards .review-user__description {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  padding: 16px 16px 20px;
}

.review-casino-review__cards .review-user__description p {
  font: inherit;
}

.review-casino-faq__wrapper .item {
  position: relative;
}

.review-casino-faq__wrapper .item:not(:last-child) {
  padding-bottom: 40px;
}

.review-casino-faq__wrapper .item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 32px;
  bottom: -34px;
  left: 21px;
  display: block;
  width: 1px;
  height: 100%;
  background: #eaeef0;
}

.review-casino-faq__wrapper .item:last-child .item__content {
  background: #fbfcfd;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  padding: 16px;
}

.review-casino-faq__wrapper .item__icon {
  width: 42px;
  height: 42px;
  box-shadow:
    0px 0px 1.09268px rgba(0, 0, 0, 0.08),
    0px 2.18536px 2.18536px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  margin-right: 16px;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.review-casino-faq__wrapper .item__title-sub {
  color: #222222;
  margin-bottom: 12px;
}

.review-casino-faq__wrapper .item__title {
  margin-bottom: 12px;
}

.review-casino-opinion__group {
  background: #ffffff;
  border: 1px solid #eaeef0;
  border-radius: 8px;
  padding: 12px;
}

.review-casino-opinion__bg {
  border: 3px solid #ffffff;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 25px;
  width: 215px;
  flex-shrink: 0;
  color: #ffffff;
}

.review-casino-opinion__name {
  max-width: 110px;
}

.review-casino-opinion__icon {
  width: 90px;
  height: 90px;
  border: 4px solid #ffffff;
  border-radius: 50%;
  margin-left: -45px;
  flex-shrink: 0;
  align-self: center;
}

.review-casino-opinion__icon img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.review-casino-opinion__description {
  align-self: center;
}

.review-casino-opinion__description svg {
  flex-shrink: 0;
  margin-right: 10px;
}

.review-casino-opinion__description .p1 {
  max-width: 280px;
  color: #222222;
}

.review-casino-opinion .opinion-bonus {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
  padding: 12px;
}

.review-casino-opinion .opinion-bonus__logo {
  margin: 0 auto 12px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.review-casino-opinion .opinion-bonus__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.review-casino-opinion .opinion-bonus__logo img {
  width: auto;
  height: auto;
}

.review-casino-opinion .opinion-bonus__rating {
  margin: 0 auto 12px;
}

.review-casino-support__group {
  margin-bottom: 40px;
}

.review-casino-support__row {
  padding-bottom: 12px;
  border-bottom: 1px solid #eaeef0;
}

.review-casino-support__row:not(:last-child) {
  margin-bottom: 12px;
}

.review-casino-support__icon {
  width: 40px;
  height: 40px;
  border-radius: 6px;
  margin-right: 12px;
}

.review-casino-support__info {
  width: 100%;
}

.review-casino-support__link {
  color: #1876f0;
}

.review-casino-support__link:hover {
  color: #156ee1;
}

.review-casino-verdict {
  padding: 16px;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.review-casino-verdict__logo {
  margin: 0 16px 0 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.review-casino-verdict__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.review-casino-verdict__logo img {
  width: auto;
  height: auto;
}

.review-casino-verdict__head {
  margin-bottom: 8px;
}

.review-casino-verdict__rating {
  margin-left: 12px;
  background: rgba(255, 181, 38, 0.1);
  border-radius: 6px;
  padding: 5px 10px;
}

.review-casino-verdict__rating svg.active {
  color: #ffb526;
  margin-right: 4px;
}

.review-casino-other {
  position: relative;
  overflow: hidden;
}

.review-casino-other:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100px;
  height: 100%;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}

.review-casino-other__wrapper {
  position: relative;
}

.review-casino-other__wrapper .swiper-button-next,
.review-casino-other__wrapper .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  background: #ffffff;
  box-shadow:
    0px 2.33333px 2.33333px rgba(0, 0, 0, 0.12),
    0px 0px 1.16667px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  color: #222222;
}

.review-casino-other__wrapper .swiper-button-next:after,
.review-casino-other__wrapper .swiper-button-next:before {
  display: none;
}

.review-casino-other__wrapper .swiper-button-prev:after,
.review-casino-other__wrapper .swiper-button-prev:before {
  display: none;
}

.review-casino-other__wrapper .swiper-button-disabled {
  opacity: 0;
}

.review-casino-other__wrapper .swiper-button-prev {
  left: -12px;
}

.review-casino-other__wrapper .swiper-button-prev svg {
  transform: rotate(90deg);
}

.review-casino-other__wrapper .swiper-button-next {
  right: -12px;
}

.review-casino-other__wrapper .swiper-button-next svg {
  transform: rotate(-90deg);
}

.review-casino-other__swiper {
  max-width: 760px;
  padding: 3px 0 3px 3px;
}

.review-casino-other__swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
}

.review-casino-other__swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  opacity: 0.5;
  background: #ffffff;
}

.review-casino-other__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  opacity: 1;
}

.review-casino-other .casino-other-slide {
  width: 230px;
  height: auto !important;
}

.review-casino-other .casino-other-slide .card {
  height: 100%;
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.review-casino-other .casino-other-slide .card__logo {
  margin: 0 auto 8px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: var(--main-color);
  border: 2px solid #ffffff;
  padding: 2px;
  flex-shrink: 0;
  position: relative;
}

.review-casino-other .casino-other-slide .card__logo:before {
  content: "";
  display: block;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 50%;
  border: 1px solid var(--main-color);
}

.review-casino-other .casino-other-slide .card__logo img {
  width: auto;
  height: auto;
}

.review-casino-other .casino-other-slide .card__title {
  text-align: center;
  margin-bottom: 12px;
}

.review-casino-other .casino-other-slide .card__row {
  margin: auto 0 12px;
}

.review-casino-other .casino-other-slide .card-item {
  flex: 1 1 auto;
}

.review-casino-other .casino-other-slide .card-item:not(:last-child) {
  margin-right: 20px;
}

.review-casino-other .casino-other-slide .card-item__title {
  color: #222222;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.review-casino-other .casino-other-slide .card-item__icon {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  margin-right: 8px;
}

.review-casino-other .casino-other-slide .card__btn {
  width: 100%;
}

@media only screen and (min-width: 767px) {
  .contact-form__input_textarea {
    grid-column: 1/3;
  }
}

@media only screen and (max-width: 1330px) {
  .container {
    width: 100%;
  }

  .grid-columns--left {
    grid-template-columns: 160px 1fr;
    grid-gap: 20px;
  }

  .grid-columns--between {
    grid-template-columns: 260px 1fr 260px;
  }

  .slots-filter-range .noUi-target {
    margin: 20px 20px 10px !important;
  }
}

@media only screen and (max-width: 576px) {
  .contact-form__btn {
    width: 100%;
  }
}

.best-online-slots-find__description img {
  max-width: 280px;
}

.block-description__block img {
  margin-right: 20px;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.invalid-text {
  display: none;
  margin: 15px 0 0;
  color: red;
}

.invalid-text--active {
  display: inline-block;
}

.wp-image-1016 {
  margin-right: 0 !important;
  margin-left: 30px;
}

.casino-games-head {
  gap: 12px;
}

.casino-games-head .bg-image {
  width: 66px;
  height: 66px;
}

.comment-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin: 20px 0;
}

.comment-list .comment {
  border: 1px solid #e6eaee;
  border-radius: 8px;
}

.comment {
  padding: 17px 14px;
}

.comment .author__avatar {
  width: 44px;
  height: 44px;
  margin-right: 10px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}

.comment .author__info p {
  margin: 0;
}

.comment .author__info p.p3 {
  margin-top: 4px;
  color: #737c88;
}

.comment .author__info svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 2px;
}

.comment__info {
  margin-top: 22px;
}

.comment__info-item {
  margin-right: 20px;
}

.comment__info-item:last-child {
  margin-right: 0;
}

.comment__info .p3 {
  color: #536471;
  margin: 0;
}

.comment__info svg {
  flex-shrink: 0;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}

.comment--bordered {
  border: 1px solid #e6eaee;
  border-radius: 8px;
}

.about__container .comment-list {
  margin: 0;
}

.about__container p {
  margin: 10px 0;
}

.about__container .expert-card {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.about__container p img {
  width: 100px;
  height: auto;
}

.form {
  margin: 24px 0 40px;
}

.form__row {
  width: 100%;
  gap: 25px;
  margin: 0 0 20px;
}

.form__row label {
  position: relative;
  width: 50%;
}

.form__row label p {
  margin: 0 0 4px;
}

.form__row label input,
.form__row label textarea {
  border: 1px solid #d9dee2;
  border-radius: 6px;
  padding: 10px 15px;
  width: 100%;
}

.form__row label input:focus,
.form__row label textarea:focus {
  border-color: #289b58;
  outline: 1px solid #289b58;
}

.form__row label input.error,
.form__row label textarea.error {
  border-color: #dd4531;
  outline: 1px solid #dd4531;
}

.form__row label textarea {
  resize: none;
}

.form__row .btn {
  padding: 12px 50px;
  cursor: pointer;
}

.form .msg {
  margin: 0 0 0 20px;
  display: none;
  font-size: 18px;
}

.form .msg--success {
  display: block;
  color: #289b58;
}

.form .msg--error {
  display: block;
  color: #dd4531;
}

.contact-content {
  margin-right: 38px;
  max-width: 50%;
  flex-shrink: 0;
}

.contact-content h3 {
  margin: 0 0 8px;
}

.contact__container .expert-card {
  box-shadow:
    0px 3px 2px rgba(0, 0, 0, 0.08),
    0px 0px 6px rgba(0, 0, 0, 0.1);
}

.item__value {
  width: 70px;
  flex-shrink: 0;
}

.container__terms p {
  margin: 10px 0;
}

.block-gray {
  border-radius: 8px;
  background: #f2f3f6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.block-gray.position_left {
  flex-direction: row-reverse;
}

.block-gray.position_left .block-gray__img {
  margin-left: 0;
  margin-right: 20px;
}

.block-gray__text {
  flex: 1 1 0;
}

h3.block-gray__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 8px;
}

.cms-description-text .block-gray__desc {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
}

.block-gray__img {
  width: 100px;
  margin-left: 20px;
}

.block-gray__img img {
  width: 100%;
  height: auto;
}

.bonus-casino-deposit__table table tbody:hover {
  background-color: #d6e76a0d;
}

.bonus-casino-deposit__table table tbody tr td {
  background: none;
}

.ajax-slider[data-page="37"],
.ajax-slider[data-page="36"] {
  margin: 0;
}

.bg-gray {
  margin: 20px 0;
}

h2 + .bg-gray {
  margin-top: 10px;
}

.cms-description-text h2 + p {
  margin-top: 15px;
}

.cms-description-text h3 + p {
  margin-top: 10px;
}

.cms-description-text h4 + p {
  margin-top: 15px;
}

.cms-description-text h5 + p {
  margin-top: 15px;
}

.cms-description-text p + h2 {
  margin: 15px 0;
}

.cms-description-text p + h3 {
  margin-top: 15px;
}

.cms-description-text p + h4 {
  margin-top: 15px;
}

.cms-description-text p + h5 {
  margin-top: 15px;
}

.cms-description-text p + img {
  display: none !important;
}

.cms-description-text img + h2 {
  margin-top: 10px;
}

.cms-description-text img + h3 {
  margin-top: 10px;
}

.cms-description-text img + h4 {
  margin-top: 10px;
}

.cms-description-text img + h5 {
  margin-top: 10px;
}

.tablepress td {
  text-align: left;
}

.content .content section.m-20:first-of-type {
  margin-top: 0 !important;
}

div#bonus-wrapper + section#best-uk-casinos {
  margin-top: 20px !important;
}

.contact__container .form {
  position: relative;
}

.contact__container .success-message {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
  border-radius: 8px;
  background: var(--White, #fff);
  box-shadow:
    0px 0px 1px 0px rgba(0, 0, 0, 0.08),
    0px 2px 2px 0px rgba(0, 0, 0, 0.12);
}

.contact__container .form.success .success-message {
  display: flex;
}

.contact__container .form.success .send-form {
  opacity: 0;
}

.contact__container .success-message__top {
  display: flex;
  align-items: center;
}

.contact__container .success-message__top svg {
  margin-right: 15px;
}

.contact__container .success-message__title {
  color: #222;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.contact__container .success-message__title span {
  color: #2fb966;
  font-weight: 700;
}

.contact__container .success-message__btn {
  margin-top: 30px;
  display: block;
  border-radius: 6px;
  background: #1876f0;
  padding: 10px 12px;

  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 130%;
}

.form .form__row .btn {
  padding: 0;
}

.form .msg {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.mobile-casino-banner h2 {
  font-size: 24px;
}

.mobile-casino-banner .mobile-casino-banner__tabs {
  margin-top: 5px;
}

.block-description {
  overflow: hidden;
}

.new-online-slots .bonuses-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.new-online-slots .bonuses-list .bonus {
  margin: 0;
  cursor: initial;
}

.new-online-slots .bonuses-list .bonus:hover {
  border-color: transparent;
}

.block {
  gap: 15px;
}

.graph-modal {
  --transition-time: 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition:
    opacity var(--transition-time),
    visibility var(--transition-time);
  -o-transition:
    opacity var(--transition-time),
    visibility var(--transition-time);
  transition:
    opacity var(--transition-time),
    visibility var(--transition-time);
}

.graph-modal:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.graph-modal__container {
  position: relative;
  width: 1200px;
  display: inline-block;
  vertical-align: middle;
  background-color: #f7f7fb;
  border-radius: 12px;
  cursor: default;
  text-align: left;
  overflow: hidden;
  display: none;
}

@media (max-width: 1024px) {
  .graph-modal__container {
    width: 90%;
  }
}
.graph-modal__close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  padding: 0;
  width: 15px;
  height: 15px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath d='M284.286 256.002L506.143 34.144c7.811-7.811 7.811-20.475 0-28.285-7.811-7.81-20.475-7.811-28.285 0L256 227.717 34.143 5.859c-7.811-7.811-20.475-7.811-28.285 0-7.81 7.811-7.811 20.475 0 28.285l221.857 221.857L5.858 477.859c-7.811 7.811-7.811 20.475 0 28.285a19.938 19.938 0 0014.143 5.857 19.94 19.94 0 0014.143-5.857L256 284.287l221.857 221.857c3.905 3.905 9.024 5.857 14.143 5.857s10.237-1.952 14.143-5.857c7.811-7.811 7.811-20.475 0-28.285L284.286 256.002z'/%3E%3C/svg%3E");
  cursor: pointer;
}

.graph-modal.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transition:
    opacity var(--transition-time),
    visibility var(--transition-time);
  -o-transition:
    opacity var(--transition-time),
    visibility var(--transition-time);
  transition:
    opacity var(--transition-time),
    visibility var(--transition-time);
}

.graph-modal__container.graph-modal-open {
  display: inline-block;
}

.visible {
  opacity: 1;
  visibility: visible;
}
.visible .graph-modal__container {
  display: inline-block;
}