@charset "UTF-8";
/***** FONTS *****/
@font-face {
  font-family: "Inter-Bold";
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter-Regular";
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter-SemiBold";
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter-Regular";
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* функция перевода font px в rem */
/*-----generals-----*/
html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Inter-Regular";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
@media (max-width: 1340px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 340px) {
  html {
    font-size: 14px;
  }
}

body {
  font-family: "Inter-Regular";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
  background: #f0f0f0;
  color: var(--color_5);
  margin: 0;
  position: relative;
}
body.home {
  background-image: url(../img/bg.webp);
}
body.no-scroll {
  position: fixed;
}

@media (max-width: 992px) {
  html,
body {
    overflow-x: hidden;
  }
}

main {
  width: 100%;
}
section {
  margin: 0 auto;
}

@media (min-width: 320px) {
  /* Работает в Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--color_1) transparent;
  }
  /* Работает в Chrome, Edge и Safari */
  *::-webkit-scrollbar {
    width: 0.3125rem;
    height: 0.2125rem;
  }
  *::-webkit-scrollbar-track {
    background: rgba(232, 238, 255, 0.3);
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--color_1);
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.05);
    border-radius: 0.125rem;
  }
  *::-webkit-scrollbar-thumb:hover {
    background-color: var(--color_2);
    cursor: pointer;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
}

.md-hidden {
  display: none;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: 0.3s;
}

*:hover {
  transition: 0.3s;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
  color: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus {
  color: inherit;
}

a:focus {
  outline: none;
  outline-offset: 0;
}

figure {
  margin: 0;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

svg,
svg:hover,
path,
polygon {
  transition: 0.05s;
}

svg:not(:root) {
  overflow: hidden;
}

h1,
h2,
h3 {
  font-weight: normal;
  margin: 0;
}

b,
strong {
  font-weight: bold;
  color: #000;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

mark {
  background: #ff0;
  color: var(--color_4);
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #f2f2f2;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}

input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: none;
  outline-offset: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (max-width: 680px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 280px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1190px) {
  .container {
    width: 81.25rem;
  }
}
/***** BLOCKS GLOBAL *****/
/*----header-----*/
header {
  color: var(--color_0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9998;
  transition: 0.6s;
}
header.sticky .baner-head {
  transition: 0.6s;
}
header.sticky .search-panel.active {
  top: 100%;
}
header.sticky .header-bottom {
  margin-top: -3rem;
  transition: 0.6s;
}
@media (max-width: 992px) {
  header .navigation {
    display: none;
  }
}
header .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4.375rem;
  position: relative;
}
header .header-top {
  background: var(--color_6);
  box-shadow: 0 0.375rem 0.5rem 0 rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 99;
  height: 4.375rem;
}
header .header-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00abc2;
  height: 3rem;
  transition: 0.6s;
  position: relative;
  z-index: 10;
}
@media (max-width: 992px) {
  header .header-bottom {
    display: none;
  }
}
header .lang-search {
  width: 12.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  header .lang-search {
    width: auto;
  }
}
@media (max-width: 992px) {
  header .drop-head {
    display: none;
  }
}

.drop-head .button-lang {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.125rem;
  border: 1px solid var(--border-search, var(--color_8));
  cursor: pointer;
  text-transform: uppercase;
}
.drop-head .button-lang img,
.drop-head .button-lang svg {
  width: 1.125rem;
  height: auto;
}
.drop-head .button-lang:hover {
  background: var(--color_1);
}

.params-form {
  position: absolute;
  top: 100%;
  right: -100%;
  width: 18.75rem;
  padding: 3rem 1.5rem 1.5rem;
  background: var(--color_0);
  box-shadow: 0 0.375rem 0.5rem 0 rgba(0, 0, 0, 0.4);
  transition: 0.8s;
}
@media (max-width: 992px) {
  .params-form {
    position: fixed;
    top: 4.375rem;
    right: auto;
    left: -20rem;
    z-index: 99999;
    width: 18rem;
  }
}
.params-form.active {
  right: -2rem;
  transition: 0.8s;
}
@media (max-width: 992px) {
  .params-form.active {
    left: 1rem;
  }
}
.params-form .button {
  width: 100%;
  height: 2.875rem;
  font-size: 0.875rem;
}
.params-form .close {
  width: 1.375rem;
  height: 1.375rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.params-form .close:before, .params-form .close:after {
  content: "";
  display: block;
  width: 1.375rem;
  height: 2px;
  background: var(--color_5);
  position: absolute;
  transition: 0.6s;
  top: 0.3rem;
}
.params-form .close:before {
  transform: rotate(45deg);
}
.params-form .close:after {
  transform: rotate(-45deg);
}
.params-form .close:hover:before, .params-form .close:hover:after {
  content: "";
  background: var(--color_1);
}

.logo {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--color_10);
}
.logo:hover {
  color: var(--color_10);
}
.logo img,
.logo svg {
  height: 2.25rem;
  width: auto;
}
.logo span {
  color: var(--color_0);
}

.toggle-search {
  width: 1.375rem;
  height: 1.375rem;
  cursor: pointer;
  background-image: url(../img/icons/search-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: 0.6s;
}
@media (max-width: 992px) {
  .toggle-search {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.toggle-search.active {
  background-image: url(../img/icons/search-close.svg);
  transition: 0.6s;
}

.toggle-nav {
  width: 1.375rem;
  height: 1.375rem;
  cursor: pointer;
  background-image: url(../img/icons/burger.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: 0.6s;
  display: none;
}
@media (max-width: 992px) {
  .toggle-nav {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.toggle-nav.active {
  background-image: url(../img/icons/search-close.svg);
  transition: 0.6s;
}

.search-panel {
  height: 4rem;
  position: absolute;
  top: -4rem;
  left: 0;
  right: 0;
  background: var(--color_6);
  padding: 0.5rem 0;
  transition: 0.6s;
  z-index: 15;
}
.search-panel.active {
  top: 100%;
  transition: 0.6s;
}
@media (max-width: 992px) {
  .search-panel.active {
    top: 100%;
  }
}
.search-panel .searchs {
  position: relative;
}
.search-panel .searchs input {
  width: 100%;
  height: 3rem;
  box-sizing: border-box;
  border-radius: 0.1875rem;
  padding: 0.25rem 1rem;
  border: 1px solid var(--border-search, var(--color_8));
  background: var(--select-menu, #2e2f31);
}
.search-panel .searchs input:focus {
  border-color: var(--color_1);
}
.search-panel .ajax-search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--color_0);
  color: #2e2f31;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
  max-height: calc(100vh - 7.5rem);
  overflow-y: auto;
}
.search-panel .ajax-search .result {
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  border-bottom: 1px solid #f1f1f1;
}
.search-panel .ajax-search .result:last-child {
  border: none;
}
.search-panel .ajax-search .result .title {
  width: 100%;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color_1);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.search-panel .ajax-search .result .title img,
.search-panel .ajax-search .result .title svg {
  width: 1.375rem;
  height: auto;
}
.search-panel .ajax-search .result .title img path,
.search-panel .ajax-search .result .title svg path {
  fill: var(--color_1);
}
.search-panel .ajax-search .result .item .title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--color_5);
}
.search-panel .ajax-search .result .item-casino {
  width: calc(25% - 1.5rem);
}
@media (max-width: 992px) {
  .search-panel .ajax-search .result .item-casino {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 680px) {
  .search-panel .ajax-search .result .item-casino {
    width: 100%;
  }
}
.search-panel .ajax-search .result .item-provider {
  width: calc(25% - 1.5rem);
}
@media (max-width: 992px) {
  .search-panel .ajax-search .result .item-provider {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 680px) {
  .search-panel .ajax-search .result .item-provider {
    width: 100%;
  }
}
.search-panel .ajax-search .result .item-provider .post-casino-box {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.search-panel .ajax-search .result .item-guides {
  width: calc(33% - 1.5rem);
}
@media (max-width: 992px) {
  .search-panel .ajax-search .result .item-guides {
    width: calc(50% - 1.5rem);
  }
}
@media (max-width: 680px) {
  .search-panel .ajax-search .result .item-guides {
    width: 100%;
  }
}
.search-panel .ajax-search .result .item-guides .post-guides {
  align-items: center;
}
.search-panel .ajax-search .result .item-guides .post-guides .title {
  text-transform: none;
}
.search-panel .ajax-search .result .item-guides .post-popular {
  display: grid;
  grid-template: 1fr/1fr;
  column-gap: 0.5rem;
  padding: 1rem 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: none;
}
.search-panel .ajax-search .result .item-guides .post-popular .image {
  display: none;
}
.search-panel .ajax-search .result .item-guides .post-popular .subtitle-box {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  margin-top: 0.375rem;
}
.search-panel .ajax-search .result .desc {
  color: #c3c3c3;
}

.navigation {
  display: flex;
  align-items: center;
}
.navigation > ul {
  display: flex;
  gap: 2rem;
  list-style-type: none;
  padding: 0;
}
.navigation > ul li.country-hidden {
  display: none !important;
}
.navigation > ul > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 1.25rem 0;
}
.navigation > ul > li.menu-item-has-children:after {
  content: "";
  min-width: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  border-bottom: 2px solid var(--color_0);
  border-right: 2px solid var(--color_0);
  transform: rotate(45deg);
  margin-top: -2px;
}
.navigation > ul > li.menu-item-has-children:hover:after {
  transform: rotate(-135deg);
  margin-top: 0;
}
.navigation > ul > li > a {
  display: flex;
  align-items: center;
  padding: 0.375rem 0;
  box-sizing: border-box;
  border-bottom: 0.125rem solid transparent;
}
.navigation > ul > li > a svg {
  margin-right: 0.5rem;
}
.navigation > ul > li > a svg path {
  fill: #686a6b;
}
.navigation > ul > li > a:hover {
  border-bottom: 0.125rem solid var(--color_2);
}
.navigation > ul > li > a:hover svg path {
  fill: var(--color_2);
}
.navigation > ul > li .sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  list-style: none;
  padding: 1.5rem 2.5rem 2.5rem;
  background: var(--color_1);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  display: none;
}
.navigation > ul > li .sub-menu:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100%;
  left: -100%;
  z-index: -1;
  background: var(--color_1);
}
.navigation > ul > li .sub-menu .menu-groop {
  width: calc(25% - 1rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.navigation > ul > li .sub-menu li {
  width: calc(25% - 1rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.navigation > ul > li .sub-menu li > a {
  font-family: "Inter-Regular";
  font-size: 1rem;
  transition: 0.3s;
}
.navigation > ul > li .sub-menu li > a:hover {
  color: var(--color_10);
}
.navigation > ul > li .sub-menu li ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0.625rem 0;
}
.navigation > ul > li .sub-menu li ul li {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 0.625rem;
}
.navigation > ul > li .sub-menu li ul li a {
  text-transform: none;
  font-weight: normal;
  color: var(--color_9);
}
.navigation > ul > li .sub-menu li ul li a:hover {
  color: var(--color_3);
}
.navigation > ul > li .sub-menu li.list-30 {
  width: calc(33% - 1rem);
}
.navigation > ul > li .sub-menu li.list-sub-50 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.navigation > ul > li .sub-menu li.list-sub-50 ul li {
  width: calc(50% - 1rem);
}
.navigation > ul > li:hover .sub-menu {
  display: flex;
}

.sub-navigation {
  width: 100%;
  display: flex;
  align-items: center;
}
.sub-navigation > ul {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  list-style-type: none;
  padding: 0;
}
.sub-navigation > ul li.country-hidden {
  display: none !important;
}
.sub-navigation > ul > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.1rem;
  font-family: "Inter-SemiBold";
}
.sub-navigation > ul > li > a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.sub-navigation > ul > li > a:hover {
  color: var(--color_1);
}

.nav-guide {
  background: var(--Color, var(--color_0));
  box-shadow: 0 0.25rem 0.5rem 0 rgba(29, 39, 48, 0.16);
}
.nav-guide ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-guide ul > li {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e3e7ef;
}
.nav-guide ul > li:last-child {
  border: none;
}
.nav-guide ul > li.menu-item-has-children a {
  width: calc(100% - 1.5rem);
}
.nav-guide ul > li.menu-item-has-children .togg {
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../img/icons/arrow-right.svg);
  background-size: contain;
  transform: rotate(90deg);
  opacity: 0.6;
  cursor: pointer;
}
@media (max-width: 992px) {
  .nav-guide ul > li.menu-item-has-children .togg {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.nav-guide ul > li.menu-item-has-children .togg:hover {
  opacity: 1;
}
.nav-guide ul > li.menu-item-has-children .togg.active {
  transform: rotate(-90deg);
}
.nav-guide ul > li.current-menu-item a {
  color: var(--color_12);
}
.nav-guide ul > li a {
  color: var(--color_5);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.nav-guide ul > li a:hover {
  color: var(--color_12);
}
.nav-guide ul > li .sub-menu {
  width: 100%;
  margin-top: 0.5rem;
  display: none;
}
.nav-guide ul > li .sub-menu.active {
  display: block;
}
.nav-guide ul > li .sub-menu li {
  padding: 0.5rem;
  border: none;
}
.nav-guide ul > li .sub-menu li:last-child {
  padding-bottom: 0;
}
.nav-guide ul > li .sub-menu li a {
  color: var(--color_8);
}
.nav-guide ul > li .sub-menu li a:hover {
  color: var(--color_12);
}
.nav-guide ul > li .sub-menu li.current-menu-item a {
  color: var(--color_12);
}

.nav-blog {
  padding: 1.25rem 0 1.5rem;
  margin-top: 4rem;
  margin-bottom: -0.5rem;
  background: #f0f0f0;
  position: relative;
  z-index: 10;
}
@media (max-width: 992px) {
  .nav-blog {
    margin-top: 1.5rem;
  }
}
@media (max-width: 414px) {
  .nav-blog {
    margin-top: 1.1rem;
  }
}
.nav-blog ul {
  margin: 0;
  padding: 0 1.25rem;
  list-style: none;
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid var(--color_5);
}
@media (max-width: 992px) {
  .nav-blog ul {
    overflow-x: auto;
    white-space: nowrap;
  }
}
.nav-blog ul li {
  border-bottom: 0.25rem solid transparent;
}
.nav-blog ul li.active {
  border-bottom-color: var(--color_2);
}
@media (max-width: 992px) {
  .nav-blog ul li.active {
    border-bottom-color: transparent;
  }
  .nav-blog ul li.active a {
    color: var(--color_2);
  }
}
.nav-blog ul li a {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem; /* 120% */
  text-transform: uppercase;
  color: var(--color_5);
  display: flex;
  padding: 0.25rem 0;
}
@media (max-width: 992px) {
  .nav-blog ul li a {
    font-size: 0.9rem;
  }
}
.nav-blog ul li a:hover {
  color: var(--color_2);
}

.blog-page {
  padding-top: 18.75rem;
}

.nav-mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 20rem;
  background: var(--color_6);
  color: var(--color_0);
  box-shadow: 0 0.375rem 0.5rem 0 rgba(0, 0, 0, 0.4);
  z-index: 9999;
  overflow: hidden;
  display: none;
  transition: 0.6s;
}
@media (max-width: 992px) {
  .nav-mobile {
    display: block;
  }
  .nav-mobile.active {
    left: 0;
    transition: 0.6s;
  }
}
.nav-mobile .head {
  height: 4.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid #2e2f31;
}
.nav-mobile .head .close {
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-mobile .head .close:before, .nav-mobile .head .close:after {
  content: "";
  display: block;
  width: 1.375rem;
  height: 2px;
  background: var(--color_0);
  position: absolute;
  transition: 0.6s;
  top: 0.3rem;
}
.nav-mobile .head .close:before {
  transform: rotate(45deg);
}
.nav-mobile .head .close:after {
  transform: rotate(-45deg);
}
.nav-mobile .navs {
  max-height: calc(100% - 4.375rem);
  overflow-y: auto;
}
.nav-mobile ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-mobile ul li {
  padding: 22px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-mobile ul li .togg,
.nav-mobile ul li .togg-in {
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/icons/arrow-white.svg);
  background-size: contain;
  cursor: pointer;
}
.nav-mobile ul li a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-size: 1.2rem;
}
.nav-mobile ul li a svg,
.nav-mobile ul li a img {
  width: 20px;
  height: auto;
  margin-right: 0.5rem;
}
.nav-mobile ul li a svg path,
.nav-mobile ul li a img path {
  fill: #686a6b;
}
.nav-mobile ul li .sub-menu {
  position: absolute;
  top: 4.375rem;
  bottom: 0;
  left: 100%;
  width: 20rem;
  background: var(--color_6);
  color: var(--color_0);
  overflow-y: auto;
  z-index: 999;
}
.nav-mobile ul li .sub-menu.active {
  left: 0;
}
.nav-mobile ul li .sub-menu li {
  flex-wrap: wrap;
  padding: 20px 16px;
}
.nav-mobile ul li .sub-menu li .togg.active {
  transform: rotate(-180deg);
}
.nav-mobile ul li .sub-menu li.sub-head {
  background: #2e2f31;
  padding: 20px 16px;
}
.nav-mobile ul li .sub-menu li.sub-head .togg-in {
  transform: rotate(180deg);
}
.nav-mobile ul li .sub-menu li .sub-sub-menu {
  width: 100%;
  border-top: 1px solid var(--color_9);
  margin: 12px 0 0;
  display: none;
}
.nav-mobile ul li .sub-menu li .sub-sub-menu.active {
  display: block;
}
.nav-mobile ul li .sub-menu li .sub-sub-menu li {
  padding: 16px 0;
  font-size: 14px;
  color: var(--color_9);
}
.nav-mobile .head-nav-2 {
  background: var(--color_1);
  padding: 8px;
}
.nav-mobile .head-nav-2 li {
  padding: 16px 8px;
}
.nav-mobile .head-nav-2 li.menu-item-665 {
  border-top: 1px solid var(--color_0);
}
.nav-mobile .head-nav-2 li.menu-item-665 a sup {
  color: #f8ea14;
}
.nav-mobile .head-nav-2 li.menu-item-665 a svg path {
  fill: #f8ea14;
}

.breadcrumbs {
  width: 100%;
  font-family: "Inter-SemiBold";
}
.breadcrumbs .breadcrumb_last {
  color: var(--color_10);
}

/*-----title-----*/
.page-title {
  width: 100%;
  font-family: "Inter-Semibold";
  color: var(--color_5);
  font-size: 2.25rem;
  line-height: 1.2;
  position: relative;
  padding-bottom: 0.75rem;
}
.page-title:after {
  content: "";
  display: block;
  width: 9.375rem;
  height: 1px;
  border-bottom: 3px dashed var(--color_3);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 680px) {
  .page-title {
    font-size: 2rem;
  }
}
@media (max-width: 414px) {
  .page-title {
    font-size: 1.8rem;
  }
}

.section-title {
  width: 100%;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 1.5rem */
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
@media (max-width: 680px) {
  .section-title {
    font-size: 1.2rem;
  }
}

.widget-title {
  width: 100%;
  color: var(--color_7);
  font-size: 1.25rem;
  font-family: "Inter-Bold";
  line-height: 156%;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media (max-width: 680px) {
  .widget-title {
    font-size: 1.1rem;
  }
}

.nav-title {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.28;
  text-transform: uppercase;
  color: var(--color_5);
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.nav-title img,
.nav-title svg {
  min-width: 1rem;
  width: 1rem;
  height: auto;
}
.nav-title img path,
.nav-title svg path {
  fill: var(--color_12);
}

/*-----buttons----*/
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding: 0.5rem 1rem 0.375rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%; /* 0.5rem */
  text-transform: uppercase;
  min-height: 1.5rem;
  cursor: pointer;
}
.button-global {
  min-height: 2.75rem;
  border-radius: 0.75rem;
  background: var(--color_11);
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.08);
  color: var(--color_0);
  line-height: 1.5;
  letter-spacing: 0.012px;
  text-transform: none;
  font-size: 1rem;
  font-family: "Inter-Bold";
}
.button-global:hover {
  color: var(--color_0);
  background: var(--color_2);
  border-color: var(--color_2);
}
.button-global:active, .button-global:focus {
  color: var(--color_0);
  background: var(--color_2);
  border-color: var(--color_2);
  box-shadow: none;
}
.button-global:disabled, .button-global.disabled {
  color: var(--color_0);
  background: var(--color_1);
  opacity: 0.1;
  cursor: not-allowed;
}
.button-white {
  background: var(--color_0);
  color: var(--color_1);
}
.button-white span {
  background: var(--button, linear-gradient(264deg, var(--color_2) 3%, var(--color_1) 95.71%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button-white:hover {
  transform: scale(1.1);
}
.button-border {
  border-radius: 0.1875rem;
  border: 1px solid var(--color_1);
  color: var(--color_4);
}
.button-border:hover, .button-border:active, .button-border:focus {
  color: var(--color_2);
  border-color: var(--color_2);
  background: var(--color_0);
}
.button-gradient {
  border-radius: 0.1875rem;
  background: linear-gradient(264deg, var(--color_12) 3%, var(--color_11) 95.71%);
  border-color: var(--color_12);
  color: var(--color_0);
  transition: 0.3s;
  gap: 0.5rem;
  text-align: center;
}
.button-gradient:hover {
  color: var(--color_0);
  border-color: var(--color_12);
  background: linear-gradient(264deg, var(--color_12) 3%, var(--color_11) 95.71%);
}

.certificate {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  background: linear-gradient(264deg, #87bbc1 3%, #00abc2 95.71%);
  font-family: "Inter-Bold";
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
.certificate svg {
  width: 1rem;
  height: auto;
}
.certificate svg path {
  fill: #fff;
}

.casino-rating {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.875rem;
  line-height: 1;
}
.casino-rating span {
  font-family: "Inter-Bold";
  font-size: 0.875rem;
  line-height: 1;
}
.casino-rating:before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../img/icons/star.svg);
}

.top {
  width: 100%;
  min-height: 34.375rem;
  padding: 3.75rem 0;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  background-size: cover;
  background-position: 50% 0;
}
@media (max-width: 1140px) {
  .top {
    min-height: 30rem;
  }
}
@media (max-width: 992px) {
  .top {
    min-height: 20rem;
  }
}
@media (max-width: 480px) {
  .top {
    min-height: 14rem;
    background-position: 20% 0;
  }
}
.top .top-title {
  max-width: 37.5rem;
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 119.048%;
  letter-spacing: 0.021px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  color: #fff;
}
@media (max-width: 992px) {
  .top .top-title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}

.top-home {
  min-height: 46rem;
  margin-top: -4rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: 4rem 0 0;
  z-index: 20;
}
@media (max-width: 992px) {
  .top-home {
    margin-top: 2rem;
    padding-top: 4rem;
  }
}
.top-home .container {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  gap: 3rem;
}
.top-home:after {
  content: "";
  width: 100%;
  height: calc(100% - 6.25rem);
  background-color: var(--color_2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 992px) {
  .top-home {
    padding-bottom: 2rem;
  }
}
@media (max-width: 992px) {
  .top-home {
    padding-bottom: 0;
  }
}
.top-home .top-title {
  max-width: 43.75rem;
  font-family: "Inter-Bold";
  font-size: 3rem;
  margin: 0;
}
@media (max-width: 640px) {
  .top-home .top-title {
    font-size: 2.5rem;
  }
}
@media (max-width: 480px) {
  .top-home .top-title {
    font-size: 2rem;
  }
}
.top-home .text {
  max-width: 50rem;
  margin: -3rem auto 0.5rem;
  color: #fff;
}

/*-----form-----*/
.forma {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.25rem 1.25rem;
}
.forma fieldset {
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.25rem 1rem;
}
.forma fieldset.one {
  width: calc(65% - 0.75rem);
}
.forma fieldset.two {
  width: calc(35% - 0.75rem);
}
.forma label {
  display: block;
}
.forma input {
  width: 100%;
  height: 3.25rem;
  padding: 0.625rem 1.625rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  background: #f7f7f7;
  border-radius: 0.875rem;
  font-size: 0.95rem;
}
@media (max-width: 680px) {
  .forma input {
    padding: 0.625rem 1rem;
  }
}
.forma input.no-valid {
  border-color: red;
}
.forma input:focus {
  /* Firefox 19+ */
  /* Firefox 18- */
}
.forma input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.forma input:focus::-moz-placeholder {
  opacity: 0;
}
.forma input:focus:-moz-placeholder {
  opacity: 0;
}
.forma input:focus:-ms-input-placeholder {
  opacity: 0;
}
.forma textarea {
  width: 100%;
  height: 11.875rem;
  padding: 1.25rem 1.625rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  background: #f7f7f7;
  border-radius: 0.875rem;
  font-size: 0.95rem;
}
@media (max-width: 680px) {
  .forma textarea {
    padding: 1rem;
  }
}
.forma textarea.no-valid {
  border-color: red;
}
.forma textarea:focus {
  /* Firefox 19+ */
  /* Firefox 18- */
}
.forma textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
.forma textarea:focus::-moz-placeholder {
  opacity: 0;
}
.forma textarea:focus:-moz-placeholder {
  opacity: 0;
}
.forma textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
.forma p.acept {
  margin: 1rem 0 0;
  font-size: 0.75rem;
  line-height: 130%;
}
.forma p.acept a {
  text-decoration: underline;
}
.forma p.acept a:hover {
  text-decoration: none;
}

.wide-row {
  width: 100%;
  position: relative;
}

.first-row {
  width: calc(50% - 0.625rem);
  position: relative;
}
@media (max-width: 680px) {
  .first-row {
    width: 100%;
  }
}

.last-row {
  width: calc(33.33% - 0.625rem);
  position: relative;
}

.wpcf7-not-valid-tip {
  color: red;
  font-size: 0.75rem;
  margin-left: 0.75rem;
}

.screen-reader-response {
  display: none;
}

.grecaptcha-badge {
  right: -100% !important;
}

/*------ modal ------*/
.state {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.state.active {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(0.625rem);
}

.state-box {
  width: 40rem;
  max-width: 96%;
  max-height: 96%;
  height: auto;
  overflow-y: auto;
  background: var(--color_0);
  border-radius: 0.5rem;
  position: relative;
  padding: 1.875rem 2.1875rem;
}
.state-box.state-complaints {
  width: 60rem;
}
.state-box .close {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
}
@media (max-width: 30rem) {
  .state-box .close {
    top: 1.5rem;
    right: 1rem;
  }
}
.state-box .close:before, .state-box .close:after {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1px;
  background: var(--color_4);
  position: absolute;
  transition: 0.6s;
  top: 0.3rem;
}
.state-box .close:before {
  transform: rotate(45deg);
}
.state-box .close:after {
  transform: rotate(-45deg);
}
.state-box hr {
  margin: 1.5rem 0;
}
.state-box .notes a {
  font-family: "Inter-SemiBold";
  color: var(--color_11);
}
.state-box .notes a:hover {
  color: var(--color_1);
}

.to-state {
  cursor: pointer;
}

.views {
  display: inline-flex;
  gap: 1rem;
}
@media (max-width: 992px) {
  .views {
    display: none;
  }
}
.views .but {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color_5);
  cursor: pointer;
}
.views .but.active, .views .but:hover {
  color: var(--color_2);
}

.toggle-filter {
  text-transform: none;
  gap: 0.5rem;
  min-width: 10.3125rem;
  height: 2rem;
  padding: 0.375rem 1rem 0.25rem;
  display: none;
}
@media (max-width: 992px) {
  .toggle-filter {
    display: inline-flex;
    align-items: center;
    line-height: 1;
  }
}
@media (max-width: 414px) {
  .toggle-filter {
    min-width: calc(50% - 0.5rem);
  }
}
.toggle-filter img,
.toggle-filter svg {
  width: 1rem;
  margin-top: -0.1875rem;
}

.sort-by {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  gap: 1rem;
}

.post-count {
  color: var(--color_5);
  font-size: 1.25rem;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
  margin-right: auto;
}
@media (max-width: 480px) {
  .post-count {
    width: 100%;
    font-size: 1rem;
  }
}

.sorts {
  position: relative;
}
@media (max-width: 414px) {
  .sorts {
    min-width: calc(50% - 0.5rem);
  }
}
.sorts .dropnav {
  min-width: 10.3125rem;
  top: 100%;
  right: 0;
  display: none;
  position: absolute;
  z-index: 500;
}
@media (max-width: 414px) {
  .sorts .dropnav {
    width: 100%;
  }
}
.sorts .dropnav ul {
  border-radius: 3;
  background: #e8e8e8;
  box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.08);
  padding: 0;
  margin: 0;
  list-style: none;
}
.sorts .dropnav ul li {
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 0.5rem 1rem;
}
.sorts .dropnav ul li:last-child {
  border: none;
}
.sorts .dropnav.active {
  display: block;
}
.sorts .check > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.sorts .check > span {
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--color_4);
  cursor: pointer;
}
.sorts .check > span:after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.25rem;
}
.sorts .check > input:not(:disabled):not(:checked) + span:hover {
  color: var(--color_1);
}
.sorts .check > input:checked + span {
  color: var(--color_1);
}
.sorts .check > input:checked + span:after {
  content: "";
  background-image: url(../img/icons/check.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.select-sort {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 10.3125rem;
  height: 2rem;
  padding: 0.375rem 1rem 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.75rem;
  line-height: 1;
  border: 1px solid var(--color_1);
  background: #e8e8e8;
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  cursor: pointer;
}
.select-sort:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url(../img/icons/sort.svg);
  background-size: contain;
  margin-top: -0.1875rem;
  display: block;
}
.select-sort:after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/icons/arrow-right.svg);
  background-size: contain;
  transform: rotate(90deg);
  margin-top: -0.1875rem;
  opacity: 0.8;
  display: block;
  transition: 0.3s;
  margin-left: auto;
}
.select-sort.active:after {
  content: "";
  transform: rotate(-90deg);
}

.params {
  position: relative;
  margin-bottom: 1.5rem;
  color: var(--color_5);
}
.params.loads {
  opacity: 0.5;
}
.params .title {
  color: var(--color_5);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 16.8px */
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.params .dropnav {
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  position: absolute;
  z-index: 500;
}
.params .dropnav ul {
  border-radius: 3;
  background: var(--color_0);
  box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.08);
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
}
.params .dropnav ul li {
  width: 100%;
  border-bottom: 1px solid #eee;
  padding: 0.75rem 1rem;
}
.params .dropnav ul li:last-child {
  border: none;
}
.params .dropnav.active {
  display: block;
}
.params .check {
  display: flex;
  align-items: center;
}
.params .check > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.params .check > span {
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 400;
  color: var(--color_4) 614;
  cursor: pointer;
}
.params .check > span img,
.params .check > span svg {
  width: 1rem;
  height: auto;
}
.params .check > input:not(:disabled):not(:checked) + span:hover {
  color: var(--color_1);
}
.params .check > input:checked + span {
  color: var(--color_1);
}
.params .check > input:checked + span:after {
  content: "";
  background-image: url(../img/icons/check.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.select-param {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 10.3125rem;
  height: 2.875rem;
  padding: 0.375rem 1rem 0.25rem;
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1;
  border: 1px solid var(--color_1);
  position: relative;
  cursor: pointer;
}
.select-param .param {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.select-param .param img,
.select-param .param svg {
  width: 1rem;
  height: auto;
}
.select-param:after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background-image: url(../img/icons/arrow-right.svg);
  background-size: contain;
  transform: rotate(90deg);
  margin-top: -0.1875rem;
  opacity: 0.8;
  display: block;
  transition: 0.3s;
  margin-left: auto;
}
.select-param.active:after {
  content: "";
  transform: rotate(-90deg);
}

.pagination {
  width: 100%;
}
.pagination .nav-links {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
.pagination .nav-links .prev,
.pagination .nav-links .next {
  color: var(--color_1) !important;
  background-image: url(../img/icons/arrow-right.svg);
  background-size: 1rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.pagination .nav-links .prev {
  transform: rotate(180deg);
}
.pagination .nav-links .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  color: var(--color_5);
  font-size: 1rem;
  font-weight: 600;
}
.pagination .nav-links .current {
  border-radius: 0.1875rem;
  background-color: var(--color_2);
  color: var(--color_0);
}

/*-----footer-----*/
footer {
  display: flex;
  justify-content: center;
  width: 100%;
  color: var(--color_0);
  background-color: var(--color_1);
  position: relative;
  z-index: 10;
}
footer .footer-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 81.25rem;
  width: 100%;
  padding-top: 2.8125rem;
}
footer .footer-wrapper .logo_footer {
  margin-bottom: 1.875rem;
}
footer .footer-wrapper .lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 1.25rem;
  padding: 1.875rem 0;
  border-top: 0.125rem solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.125rem solid rgba(255, 255, 255, 0.2);
}
footer .footer-wrapper .lists .widget {
  width: calc(25% - 1rem);
}
@media (max-width: 992px) {
  footer .footer-wrapper .lists .widget {
    width: calc(50% - 1rem);
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 540px) {
  footer .footer-wrapper .lists .widget {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
footer .footer-wrapper .lists .widget .widget-title {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  text-transform: uppercase;
  font-size: 1rem;
  color: var(--color_0);
  margin-bottom: 1rem;
}
footer .footer-wrapper .lists .widget .widget-title img,
footer .footer-wrapper .lists .widget .widget-title svg {
  width: 1rem;
  height: auto;
}
footer .footer-wrapper .lists .widget .widget-title img path,
footer .footer-wrapper .lists .widget .widget-title svg path {
  fill: var(--color_12);
}
footer .footer-wrapper .lists .list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}
@media (max-width: 540px) {
  footer .footer-wrapper .lists .list {
    width: 100%;
    border-bottom: 0.125rem solid rgba(255, 255, 255, 0.2);
  }
  footer .footer-wrapper .lists .list:last-child {
    border-bottom: none;
  }
}
footer .footer-wrapper .lists .list li a {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1; /* 16.0.5rem */
}
footer .footer-wrapper .lists .list li a:hover {
  color: rgba(255, 255, 255, 0.6);
}
footer .footer-wrapper .lists .list li .sub-menu {
  list-style: none;
  padding: 0;
  margin-top: 1rem;
}
@media (max-width: 540px) {
  footer .footer-wrapper .lists .list li .sub-menu {
    margin: 1.5rem 0;
  }
}
@media (max-width: 540px) {
  footer .footer-wrapper .lists .list li .sub-menu li {
    margin-bottom: 0.6rem;
  }
}
footer .footer-wrapper .lists .list li .sub-menu li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: none;
}
footer .footer-wrapper .lists .list li .sub-menu li a img,
footer .footer-wrapper .lists .list li .sub-menu li a svg {
  width: 1.5rem;
  height: auto;
}
footer .footer-wrapper .lists .widget:nth-child(1) {
  width: 40%;
}
@media (max-width: 992px) {
  footer .footer-wrapper .lists .widget:nth-child(1) {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
footer .footer-wrapper .lists .widget:nth-child(1) .list {
  flex-direction: row;
  flex-wrap: wrap;
}
footer .footer-wrapper .lists .widget:nth-child(1) .list li {
  width: calc(50% - 0.5rem);
}

.subscribe {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2.5rem 0;
  border-bottom: 0.125rem solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 540px) {
  .subscribe {
    padding: 1.5rem 0;
  }
}
.subscribe .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
}
.subscribe .input-box {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-top: 1rem;
}
@media (max-width: 540px) {
  .subscribe .input-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 540px) {
  .subscribe .input-box .wpcf7-form-control-wrap {
    width: 100%;
  }
}
.subscribe .input-box input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26.875rem;
  padding: 0.875rem;
  border-radius: 0.625rem;
  border: 1px solid var(--color_0);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: -0.3125rem -0.3125rem 15.625rem 0 rgba(255, 255, 255, 0.02) inset;
  backdrop-filter: blur(1.5625rem);
}
@media (max-width: 540px) {
  .subscribe .input-box input {
    width: 100%;
  }
}
.subscribe .input-box input:focus {
  border-color: var(--color_2);
}
.subscribe .input-box input:focus::-webkit-input-placeholder {
  color: transparent;
}
.subscribe .input-box input:focus::-moz-placeholder {
  color: transparent;
}
.subscribe .input-box input:focus:-moz-placeholder {
  color: transparent;
}
.subscribe .input-box input:focus:-ms-input-placeholder {
  color: transparent;
}
.subscribe .input-box .submit {
  display: flex;
  width: 12.5rem;
  padding: 0.9375rem 2.5rem;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: 0.625rem;
  background: linear-gradient(264deg, var(--color_2) 3%, var(--color_1) 95.71%);
}
@media (max-width: 540px) {
  .subscribe .input-box .submit {
    width: 100%;
  }
}
.subscribe .input-box .submit:hover {
  background: linear-gradient(264deg, var(--color_1) 3%, var(--color_1) 95.71%);
}
.subscribe .checkbox-wrap {
  margin-top: 1.25rem;
}

.wpcf7-spinner {
  display: none;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.wpcf7-acceptance label > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.wpcf7-acceptance label > span.wpcf7-list-item-label {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
}

.wpcf7-acceptance label > span.wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #a3a7be;
  border-radius: 0.25rem;
  margin-right: 0.75rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60% 60%;
}

.wpcf7-acceptance label > input:checked + span.wpcf7-list-item-label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1499 0.0336408C10.9769 0.0899873 11.2201 -0.176468 7.70606 3.80576C5.74764 6.0251 4.94156 6.91796 4.85125 6.9679C4.67866 7.06331 4.43054 7.06244 4.26552 6.9658C4.1989 6.9268 3.44254 6.2499 2.58474 5.46161C1.55898 4.51896 0.979521 4.00758 0.891938 3.96772C0.599301 3.83449 0.222322 3.97239 0.073838 4.26701C-0.0182869 4.44985 -0.0247071 4.67919 0.0573937 4.85587C0.096097 4.93915 0.718803 5.55825 2.12433 6.91084C3.23064 7.97552 4.19229 8.88142 4.26125 8.92394C4.35904 8.98422 4.42669 9.00095 4.56836 8.99996C4.76691 8.99854 4.88241 8.95014 5.01963 8.81085C5.06727 8.76248 6.62739 6.99978 8.48658 4.89369C10.7672 2.31023 11.8889 1.01738 11.9346 0.919752C12.0261 0.724302 12.0219 0.560953 11.9199 0.355514C11.7754 0.0644736 11.4601 -0.0673312 11.1499 0.0336408Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.wpcf7-acceptance label > input:disabled + span.wpcf7-list-item-label::before {
  background-color: #e9ecef;
}

.wpcf7 form .wpcf7-response-output {
  margin: 1rem 0 0;
  padding: 1rem;
}

.footer-brands {
  width: 100%;
  padding: 2.5rem 0;
  border-bottom: 0.125rem solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 540px) {
  .footer-brands {
    padding: 1.5rem 0;
  }
}
.footer-brands p {
  opacity: 0.7;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.footer-brands ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 1rem;
  margin: 0;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 540px) {
  .footer-brands ul {
    justify-content: flex-start;
    gap: 2rem;
    padding: 1.5rem 0 0;
  }
}
@media (max-width: 992px) {
  .footer-brands ul li img {
    max-height: 2.4rem;
  }
}

.copyright {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 2.5rem 0;
}
@media (max-width: 992px) {
  .copyright {
    flex-wrap: wrap;
  }
}
@media (max-width: 540px) {
  .copyright {
    padding: 1.5rem 0 2.5rem;
  }
}
.copyright .text {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 120%; /* 14.0.25rem */
  max-width: 50rem;
  opacity: 0.7;
}
@media (max-width: 992px) {
  .copyright .text {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.copyright .text p {
  margin: 0;
}
.copyright .years {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 100%; /* 1.125rem */
  text-transform: uppercase;
}
.copyright .years:before {
  content: "©";
  opacity: 0.7;
  margin-right: 4px;
}

.product-carousel,
.product-carousel-home,
.casino-carousel,
.post-grid-carousel,
.game-grid-carousel,
.casino-grid-carousel,
.providers-grid-carousel,
.payments-grid-carousel,
.types-games-grid-carousel,
.licensing-grid-carousel {
  margin: 1.875rem -0.625rem 1.875rem;
  position: relative;
}
@media (max-width: 992px) {
  .product-carousel .swiper-button-next,
.product-carousel .swiper-button-prev,
.product-carousel-home .swiper-button-next,
.product-carousel-home .swiper-button-prev,
.casino-carousel .swiper-button-next,
.casino-carousel .swiper-button-prev,
.post-grid-carousel .swiper-button-next,
.post-grid-carousel .swiper-button-prev,
.game-grid-carousel .swiper-button-next,
.game-grid-carousel .swiper-button-prev,
.casino-grid-carousel .swiper-button-next,
.casino-grid-carousel .swiper-button-prev,
.providers-grid-carousel .swiper-button-next,
.providers-grid-carousel .swiper-button-prev,
.payments-grid-carousel .swiper-button-next,
.payments-grid-carousel .swiper-button-prev,
.types-games-grid-carousel .swiper-button-next,
.types-games-grid-carousel .swiper-button-prev,
.licensing-grid-carousel .swiper-button-next,
.licensing-grid-carousel .swiper-button-prev {
    display: none;
  }
}
.product-carousel .swiper-button-next .swiper-button-disabled,
.product-carousel .swiper-button-prev .swiper-button-disabled,
.product-carousel-home .swiper-button-next .swiper-button-disabled,
.product-carousel-home .swiper-button-prev .swiper-button-disabled,
.casino-carousel .swiper-button-next .swiper-button-disabled,
.casino-carousel .swiper-button-prev .swiper-button-disabled,
.post-grid-carousel .swiper-button-next .swiper-button-disabled,
.post-grid-carousel .swiper-button-prev .swiper-button-disabled,
.game-grid-carousel .swiper-button-next .swiper-button-disabled,
.game-grid-carousel .swiper-button-prev .swiper-button-disabled,
.casino-grid-carousel .swiper-button-next .swiper-button-disabled,
.casino-grid-carousel .swiper-button-prev .swiper-button-disabled,
.providers-grid-carousel .swiper-button-next .swiper-button-disabled,
.providers-grid-carousel .swiper-button-prev .swiper-button-disabled,
.payments-grid-carousel .swiper-button-next .swiper-button-disabled,
.payments-grid-carousel .swiper-button-prev .swiper-button-disabled,
.types-games-grid-carousel .swiper-button-next .swiper-button-disabled,
.types-games-grid-carousel .swiper-button-prev .swiper-button-disabled,
.licensing-grid-carousel .swiper-button-next .swiper-button-disabled,
.licensing-grid-carousel .swiper-button-prev .swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.product-carousel .swiper .post,
.product-carousel .swiper .game-item,
.product-carousel .swiper .provider-item,
.product-carousel .swiper .post-casino,
.product-carousel .swiper .casino-item,
.product-carousel .swiper .casino-item.item-box,
.product-carousel .swiper .payment-item,
.product-carousel .swiper .types-item,
.product-carousel .swiper .licensing-item,
.product-carousel-home .swiper .post,
.product-carousel-home .swiper .game-item,
.product-carousel-home .swiper .provider-item,
.product-carousel-home .swiper .post-casino,
.product-carousel-home .swiper .casino-item,
.product-carousel-home .swiper .casino-item.item-box,
.product-carousel-home .swiper .payment-item,
.product-carousel-home .swiper .types-item,
.product-carousel-home .swiper .licensing-item,
.casino-carousel .swiper .post,
.casino-carousel .swiper .game-item,
.casino-carousel .swiper .provider-item,
.casino-carousel .swiper .post-casino,
.casino-carousel .swiper .casino-item,
.casino-carousel .swiper .casino-item.item-box,
.casino-carousel .swiper .payment-item,
.casino-carousel .swiper .types-item,
.casino-carousel .swiper .licensing-item,
.post-grid-carousel .swiper .post,
.post-grid-carousel .swiper .game-item,
.post-grid-carousel .swiper .provider-item,
.post-grid-carousel .swiper .post-casino,
.post-grid-carousel .swiper .casino-item,
.post-grid-carousel .swiper .casino-item.item-box,
.post-grid-carousel .swiper .payment-item,
.post-grid-carousel .swiper .types-item,
.post-grid-carousel .swiper .licensing-item,
.game-grid-carousel .swiper .post,
.game-grid-carousel .swiper .game-item,
.game-grid-carousel .swiper .provider-item,
.game-grid-carousel .swiper .post-casino,
.game-grid-carousel .swiper .casino-item,
.game-grid-carousel .swiper .casino-item.item-box,
.game-grid-carousel .swiper .payment-item,
.game-grid-carousel .swiper .types-item,
.game-grid-carousel .swiper .licensing-item,
.casino-grid-carousel .swiper .post,
.casino-grid-carousel .swiper .game-item,
.casino-grid-carousel .swiper .provider-item,
.casino-grid-carousel .swiper .post-casino,
.casino-grid-carousel .swiper .casino-item,
.casino-grid-carousel .swiper .casino-item.item-box,
.casino-grid-carousel .swiper .payment-item,
.casino-grid-carousel .swiper .types-item,
.casino-grid-carousel .swiper .licensing-item,
.providers-grid-carousel .swiper .post,
.providers-grid-carousel .swiper .game-item,
.providers-grid-carousel .swiper .provider-item,
.providers-grid-carousel .swiper .post-casino,
.providers-grid-carousel .swiper .casino-item,
.providers-grid-carousel .swiper .casino-item.item-box,
.providers-grid-carousel .swiper .payment-item,
.providers-grid-carousel .swiper .types-item,
.providers-grid-carousel .swiper .licensing-item,
.payments-grid-carousel .swiper .post,
.payments-grid-carousel .swiper .game-item,
.payments-grid-carousel .swiper .provider-item,
.payments-grid-carousel .swiper .post-casino,
.payments-grid-carousel .swiper .casino-item,
.payments-grid-carousel .swiper .casino-item.item-box,
.payments-grid-carousel .swiper .payment-item,
.payments-grid-carousel .swiper .types-item,
.payments-grid-carousel .swiper .licensing-item,
.types-games-grid-carousel .swiper .post,
.types-games-grid-carousel .swiper .game-item,
.types-games-grid-carousel .swiper .provider-item,
.types-games-grid-carousel .swiper .post-casino,
.types-games-grid-carousel .swiper .casino-item,
.types-games-grid-carousel .swiper .casino-item.item-box,
.types-games-grid-carousel .swiper .payment-item,
.types-games-grid-carousel .swiper .types-item,
.types-games-grid-carousel .swiper .licensing-item,
.licensing-grid-carousel .swiper .post,
.licensing-grid-carousel .swiper .game-item,
.licensing-grid-carousel .swiper .provider-item,
.licensing-grid-carousel .swiper .post-casino,
.licensing-grid-carousel .swiper .casino-item,
.licensing-grid-carousel .swiper .casino-item.item-box,
.licensing-grid-carousel .swiper .payment-item,
.licensing-grid-carousel .swiper .types-item,
.licensing-grid-carousel .swiper .licensing-item {
  width: 100%;
}
.product-carousel .swiper .product-item,
.product-carousel-home .swiper .product-item,
.casino-carousel .swiper .product-item,
.post-grid-carousel .swiper .product-item,
.game-grid-carousel .swiper .product-item,
.casino-grid-carousel .swiper .product-item,
.providers-grid-carousel .swiper .product-item,
.payments-grid-carousel .swiper .product-item,
.types-games-grid-carousel .swiper .product-item,
.licensing-grid-carousel .swiper .product-item {
  margin-bottom: 1.875rem;
}
.product-carousel .swiper .product-item:hover,
.product-carousel-home .swiper .product-item:hover,
.casino-carousel .swiper .product-item:hover,
.post-grid-carousel .swiper .product-item:hover,
.game-grid-carousel .swiper .product-item:hover,
.casino-grid-carousel .swiper .product-item:hover,
.providers-grid-carousel .swiper .product-item:hover,
.payments-grid-carousel .swiper .product-item:hover,
.types-games-grid-carousel .swiper .product-item:hover,
.licensing-grid-carousel .swiper .product-item:hover {
  box-shadow: 0 0.4375rem 1.25rem rgba(212, 215, 231, 0.5);
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 3.375rem;
  height: 3.375rem;
  margin-top: -1.5625rem;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color_2);
  background: var(--color_0);
  border-radius: 0.75rem;
  border: none;
  font-size: 0.75rem;
}
@media (max-width: 640px) {
  .swiper-button-next,
.swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.6rem;
  }
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.125rem;
}
@media (max-width: 640px) {
  .swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 0.8rem;
  }
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: var(--color_2);
  color: var(--color_0);
}

.swiper-button-next {
  right: -1.5rem;
}
@media (max-width: 81.25rem) {
  .swiper-button-next {
    right: -3rem;
  }
}
@media (max-width: 1140px) {
  .swiper-button-next {
    right: -1.5rem;
  }
}
@media (max-width: 414px) {
  .swiper-button-next {
    right: -0.5rem;
  }
}

.swiper-button-prev {
  left: -1.5rem;
}
@media (max-width: 81.25rem) {
  .swiper-button-prev {
    left: -3rem;
  }
}
@media (max-width: 1140px) {
  .swiper-button-prev {
    left: -1.5rem;
  }
}
@media (max-width: 414px) {
  .swiper-button-prev {
    left: -0.5rem;
  }
}

.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-pagination {
  display: none;
}
@media (max-width: 992px) {
  .swiper-pagination {
    display: block;
    bottom: -2rem !important;
  }
}

.swiper-pagination-bullet-active {
  background: #2c3345;
}

/***** COMPONENTS GLOBAL *****/
.preview-casino {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 2rem;
}
.preview-casino .item {
  width: calc(50% - 1rem);
  border: 2px solid #eaf5fb;
  border-radius: 0.75rem;
  padding: 1.25rem;
}
@media (max-width: 640px) {
  .preview-casino .item {
    width: 100%;
  }
}
.preview-casino .item .title-big {
  font-size: 1rem;
  font-family: "Inter-Bold";
  text-transform: uppercase;
  margin-bottom: 0.75rem;
  color: var(--color_4);
}
.preview-casino .item .title-big span {
  color: var(--color_9);
}
.preview-casino .item .title {
  font-size: 1rem;
  font-family: "Inter-Bold";
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.preview-casino .item .title::before {
  content: "";
  width: 1.65rem;
  height: 1.65rem;
  margin-left: -0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.preview-casino .item .certificate {
  margin-left: auto;
}
.preview-casino .item .more {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.875rem;
  color: var(--color_12);
  cursor: pointer;
}
.preview-casino .item .more:after {
  content: "↓";
  width: 1rem;
  display: block;
}
.preview-casino .item.ratings-item, .preview-casino .item.games-item, .preview-casino .item.providers-item, .preview-casino .item.two-item, .preview-casino .item.there-item, .preview-casino .item.for-item, .preview-casino .item.five-item {
  background: var(--color_0);
}
.preview-casino .item.ratings-item {
  width: 100%;
}
.preview-casino .item.ratings-item .title::before {
  background-image: url(../img/icons/rating.png);
}
.preview-casino .item.games-item .title::before {
  background-image: url(../img/icons/games.png);
}
.preview-casino .item.providers-item .title::before {
  background-image: url(../img/icons/providers.png);
}
.preview-casino .item.one-item {
  border: none;
  display: flex;
  gap: 1.875rem;
  padding: 0;
}
@media (max-width: 480px) {
  .preview-casino .item.one-item {
    gap: 1rem;
  }
}
@media (max-width: 375px) {
  .preview-casino .item.one-item {
    flex-direction: column;
  }
}
.preview-casino .item.one-item .col-1 {
  width: 9.375rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 375px) {
  .preview-casino .item.one-item .col-1 {
    width: 100%;
    justify-content: center;
  }
}
.preview-casino .item.one-item .col-1 .casino-logo {
  width: 9rem;
}
.preview-casino .item.one-item .col-1 .casino-logo img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1.4rem 0 rgba(0, 0, 0, 0.05);
}
.preview-casino .item.one-item .col-2 {
  width: calc(100% - 11.25rem);
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (max-width: 375px) {
  .preview-casino .item.one-item .col-2 {
    width: 100%;
  }
}
.preview-casino .item.one-item .col-2 .info-bonus {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: 2px solid #eaf5fb;
  background: var(--color_0);
  border-radius: 0.75rem;
  padding: 0.65rem;
}
.preview-casino .item.one-item .col-2 .info-bonus .title-bonus {
  display: inline-flex;
  align-items: flex-end;
  gap: 0.5rem;
  font-family: "Inter-Bold";
  text-transform: uppercase;
  color: var(--color_12);
  font-size: 1.125rem;
  line-height: 1;
}
.preview-casino .item.one-item .col-2 .info-bonus .text {
  font-family: "Inter-Bold";
  font-size: 1.125rem;
  color: var(--color_3);
}
@media (max-width: 640px) {
  .preview-casino .item.one-item .col-2 .info-bonus .text {
    font-size: 1.12rem;
  }
}
@media (max-width: 480px) {
  .preview-casino .item.one-item .col-2 .info-bonus .text {
    font-size: 1rem;
  }
}
.preview-casino .item.there-item .title::before {
  background-image: url(../img/icons/chery.png);
}
.preview-casino .item.for-item .title::before {
  background-image: url(../img/icons/pay.png);
}
.preview-casino .item.five-item {
  width: 100%;
}
@media (max-width: 540px) {
  .preview-casino .item.five-item {
    padding: 0.75rem 0.65rem;
  }
}
.preview-casino .info {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.preview-casino .info li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding-left: 0;
  margin: 0;
  position: relative;
}
.preview-casino .info li:before {
  display: none;
}
.preview-casino .info li span {
  font-size: 14px;
}
.preview-casino .info li span:nth-child(1) {
  width: 12rem;
  color: #b3b3b3;
}
.preview-casino .info li span:nth-child(2) {
  display: flex;
  width: calc(100% - 7.625rem);
  color: #3e3e3e;
}
.preview-casino .info li span:nth-child(2) em {
  font-style: normal;
}
.preview-casino .info-ratings {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0;
}
.preview-casino .info-ratings li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
}
.preview-casino .info-ratings li .name {
  width: 11rem;
  font-size: 1rem;
}
.preview-casino .info-ratings li .progres {
  background: #fafafa;
  flex-grow: 1;
  border-radius: 0 0.5rem 0.5rem 0;
}
.preview-casino .info-ratings li .progres .line {
  padding: 0.25rem 1rem;
  border-radius: 0 0.5rem 0.5rem 0;
  background: #d1fae8;
  color: #047844;
  text-align: right;
}
.preview-casino .info-ratings li .progres .line span {
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.preview-casino .info-ratings li .progres .line span:before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icons/star.svg);
  background-position: 50% 50%;
}
.preview-casino .info-games {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.preview-casino .info-games li {
  width: auto;
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0;
  margin: 0;
  position: relative;
  box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.05);
  font-size: 0.75rem;
  color: #3e3e3e;
}
.preview-casino .info-games li span {
  display: inline-flex;
  padding: 0.5rem 1rem;
}
.preview-casino .info-games li img {
  width: 3rem;
}
@media (max-width: 992px) {
  .preview-casino .info-games li img {
    width: 3.2rem;
  }
}
@media (max-width: 480px) {
  .preview-casino .info-games li img {
    width: 3rem;
  }
}
@media (max-width: 414px) {
  .preview-casino .info-games li img {
    width: 3.5rem;
  }
}
.preview-casino .info-games li:before {
  display: none;
}
.preview-casino .info-providers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.preview-casino .info-providers li {
  width: auto;
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0;
  margin: 0;
  position: relative;
  box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.05);
  font-size: 0.75rem;
  color: #3e3e3e;
}
.preview-casino .info-providers li span {
  display: inline-flex;
  padding: 0.5rem 1rem;
}
.preview-casino .info-providers li img {
  width: 4.75rem;
}
@media (max-width: 992px) {
  .preview-casino .info-providers li img {
    width: 5rem;
  }
}
@media (max-width: 480px) {
  .preview-casino .info-providers li img {
    width: 4rem;
  }
}
@media (max-width: 414px) {
  .preview-casino .info-providers li img {
    width: 3.2rem;
  }
}
.preview-casino .info-providers li:before {
  display: none;
}
.preview-casino .info-payment {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.preview-casino .info-payment li {
  width: auto;
  min-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0;
  margin: 0;
  position: relative;
  box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.05);
  font-size: 0.75rem;
  color: #3e3e3e;
}
.preview-casino .info-payment li span {
  display: inline-flex;
  padding: 0.5rem 1rem;
}
.preview-casino .info-payment li img {
  width: 3.85rem;
}
@media (max-width: 992px) {
  .preview-casino .info-payment li img {
    width: 4rem;
  }
}
@media (max-width: 480px) {
  .preview-casino .info-payment li img {
    width: 4.5rem;
  }
}
@media (max-width: 414px) {
  .preview-casino .info-payment li img {
    width: 4.75rem;
  }
}
.preview-casino .info-payment li:before {
  display: none;
}
.preview-casino .info-pros {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.preview-casino .info-pros li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}
.preview-casino .info-pros li:before {
  content: "";
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../img/icons/pros-circle.svg);
  position: relative;
  top: 0;
  border-radius: 0;
}
.preview-casino .info-bonuses {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.preview-casino .info-bonuses li {
  padding: 0;
  margin: 0;
}
.preview-casino .info-bonuses li:before {
  display: none;
}
.preview-casino .info-bonuses li a {
  display: flex;
  border: 2px solid var(--color_3);
  font-family: "Inter-Bold";
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--color_3);
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
}
.preview-casino .info-bonuses li a:hover {
  color: var(--color_10);
  border-color: var(--color_10);
}
@media (max-width: 540px) {
  .preview-casino .info-bonuses li a {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
  }
}

@media (max-width: 640px) {
  .ratings-list .preview-casino .two-item,
.ratings-list .preview-casino .there-item,
.ratings-list .preview-casino .for-item {
    display: none;
  }
}

.preview-group {
  background: var(--color_3);
  padding: 0.25rem;
  border-radius: 0.625rem;
  box-shadow: 0 0.25rem 1rem 0 rgba(147, 149, 204, 0.15);
}
.preview-group .group-head {
  color: var(--color_0);
  font-family: "Inter-Bold";
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.5rem;
  display: flex;
  gap: 1rem;
}
@media (max-width: 640px) {
  .preview-group .group-head {
    font-size: 1.2rem;
  }
}
.preview-group .preview-casino {
  background: var(--color_0);
  border-radius: 0 0 0.625rem 0.625rem;
  padding: 0.625rem;
}
.preview-group.preview-group-1 {
  background: #ffcb52;
}
.preview-group.preview-group-2 {
  background: #a3a3a5;
}
.preview-group.preview-group-3 {
  background: #f2994a;
}

.post {
  width: calc(33% - 0.5rem);
}
@media (max-width: 540px) {
  .post {
    width: calc(50% - 0.9375rem);
  }
}
@media (max-width: 414px) {
  .post {
    width: 100%;
  }
}
.post .image {
  display: block;
  aspect-ratio: 4/2.5;
  object-fit: cover;
  border-radius: 0.625rem;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 0.5rem;
  border: 1px solid #d9d9d9;
}
.post .title {
  color: var(--color_5);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.5rem;
}
.post .title:hover {
  color: var(--color_1);
}
.post .text {
  color: var(--color_7);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160.768%;
  margin-bottom: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.post .subtitle-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
}
.post .subtitle-box .tag {
  font-weight: 400;
  font-size: 0.75rem;
  color: var(--color_11);
}
.post .subtitle-box .date {
  font-size: 0.75rem;
}

.post-big {
  width: 100%;
  height: 23.125rem;
  border-radius: 1.125rem;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 1.5rem;
  position: relative;
  padding: 1.5rem 3rem;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 480px) {
  .post-big {
    height: 20rem;
    padding: 1rem;
    border-radius: 0.625rem;
  }
}
@media (max-width: 360px) {
  .post-big {
    height: 16rem;
  }
}
.post-big:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 1.125rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}
@media (max-width: 480px) {
  .post-big:after {
    border-radius: 0.625rem;
  }
}
.post-big .title {
  position: relative;
  z-index: 10;
  color: var(--color_0);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 138.889%;
  letter-spacing: 0.018px;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .post-big .title {
    font-size: 1.2rem;
  }
}
.post-big:hover .title {
  opacity: 0.7;
}

.post-popular {
  display: grid;
  grid-template: 1fr 1fr/1fr 5rem;
  column-gap: 0.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #f1f1f1;
}
.post-popular .title a {
  color: var(--color_5);
  font-size: 1rem;
  font-weight: 700;
  line-height: 128.571%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-popular .title a:hover {
  color: var(--color_1);
}
.post-popular .subtitle-box .tag {
  color: var(--color_11);
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
}
.post-popular .subtitle-box .date {
  color: var(--color_5);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.post-popular .image {
  grid-column: 2/3;
  grid-row: 1/3;
  border-radius: 0.625rem;
  background-size: cover;
  background-position: 50% 50%;
  border: 1px solid #d9d9d9;
}

.post-hot {
  margin-bottom: 0.5rem;
}
.post-hot .image {
  width: 100%;
  aspect-ratio: 4/3.5;
  object-fit: cover;
  position: relative;
  border: 1px solid #d9d9d9;
}
.post-hot .stiker {
  min-width: 6.25rem;
  height: 1.875rem;
  padding: 0 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color_0);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 0.375rem 0.375rem 0 0.375rem;
  background: #e42a48;
  box-shadow: 0 1rem 2.5rem 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.post-hot .title {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.post-hot .text {
  color: var(--color_7);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160.768%;
  margin-bottom: 0.5rem;
}
.post-hot .subtitle-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
}
.post-hot .subtitle-box .tag {
  font-weight: 400;
  font-size: 0.75rem;
}
.post-hot .subtitle-box .date {
  font-size: 0.75rem;
}

.casino-item {
  width: 100%;
  border-radius: 0.625rem;
  padding: 1rem;
  background: var(--color_0);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 480px) {
  .casino-item {
    width: calc(50% - 0.5rem);
    padding: 1rem 0.5rem;
  }
}
.casino-item .group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .casino-item .group {
    flex-direction: column;
    height: 100%;
  }
}
.casino-item .image {
  display: block;
  min-width: 5.25rem;
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 0.5rem;
  border: 1px solid #d9d9d9;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.08);
}
.casino-item .num {
  min-width: 4.5rem;
  width: 4.5rem;
  height: 5.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125rem;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
}
@media (max-width: 480px) {
  .casino-item .num {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1rem;
    border-radius: 0.5rem;
  }
}
.casino-item .num.num-1 {
  background: #fdc81e;
  color: var(--color_0);
}
.casino-item .num.num-2 {
  background: #bdbdbd;
  color: var(--color_0);
}
.casino-item .num.num-3 {
  background: #f2994a;
  color: var(--color_0);
}
.casino-item .caption {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex-grow: 1;
  padding-right: 1rem;
}
@media (max-width: 480px) {
  .casino-item .caption {
    align-items: center;
    text-align: center;
    padding: 0;
  }
}
.casino-item .caption .title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 480px) {
  .casino-item .caption .title .certificate {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
  }
}
.casino-item .caption .title-link {
  font-family: "Inter-Bold";
  color: var(--color_1);
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .casino-item .caption .title-link {
    font-size: 1rem;
  }
}
@media (max-width: 480px) {
  .casino-item .caption .casino-rating {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
}
.casino-item .caption .casino-rating:before {
  content: "";
}
@media (max-width: 480px) {
  .casino-item .caption .casino-rating:before {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 480px) {
  .casino-item .caption .casino-rating span {
    font-size: 0.75rem;
  }
}
.casino-item .caption hr {
  width: 100%;
  height: 1px;
  margin: 0.2rem 0;
  border-top: 1px solid #f1f1f1;
}
.casino-item .caption .bonus {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter-Bold";
  line-height: 1;
  color: var(--color_3);
}
@media (max-width: 480px) {
  .casino-item .caption .bonus {
    font-size: 0.9rem;
  }
}
.casino-item .caption .bonus svg {
  min-width: 1.25rem;
  width: 1.25rem;
  height: auto;
}
@media (max-width: 480px) {
  .casino-item .caption .bonus svg {
    display: none;
  }
}
.casino-item .buttons {
  width: 9.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .casino-item .buttons {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.casino-item .buttons .button {
  width: 100%;
  height: 2rem;
  gap: 0.5rem;
  font-size: 0.75rem;
  line-height: 1;
}
.casino-item .buttons .button img,
.casino-item .buttons .button svg {
  width: auto;
  height: 0.875rem;
}
.casino-item .info-bonuses {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (max-width: 480px) {
  .casino-item .info-bonuses {
    display: none;
  }
}
.casino-item .info-bonuses li {
  padding: 0;
  margin: 0;
}
.casino-item .info-bonuses li:before {
  display: none;
}
.casino-item .info-bonuses li a {
  display: flex;
  border: 2px solid var(--color_3);
  font-family: "Inter-Bold";
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--color_3);
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
}
.casino-item .info-bonuses li a:hover {
  color: var(--color_10);
  border-color: var(--color_10);
}
@media (max-width: 540px) {
  .casino-item .info-bonuses li a {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
  }
}
.casino-item.item-box {
  width: calc(25% - 0.95rem);
}
@media (max-width: 992px) {
  .casino-item.item-box {
    width: calc(33.33% - 0.95rem);
    padding: 1rem 0.5rem;
  }
}
@media (max-width: 480px) {
  .casino-item.item-box {
    width: calc(50% - 0.5rem);
    padding: 1rem 0.5rem;
  }
}
.casino-item.item-box .group {
  flex-direction: column;
  height: 100%;
}
.casino-item.item-box .num {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
}
.casino-item.item-box .caption {
  align-items: center;
  text-align: center;
  padding: 0;
}
.casino-item.item-box .caption .title .certificate {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.casino-item.item-box .caption .title-link {
  font-size: 1rem;
}
.casino-item.item-box .caption .casino-rating {
  font-size: 0.75rem;
  gap: 0.25rem;
}
.casino-item.item-box .caption .casino-rating:before {
  content: "";
  width: 1rem;
  height: 1rem;
}
.casino-item.item-box .caption .casino-rating span {
  font-size: 0.75rem;
}
.casino-item.item-box .caption .bonus {
  font-size: 0.9rem;
}
.casino-item.item-box .caption .bonus svg {
  display: none;
}
.casino-item.item-box .buttons {
  width: 100%;
  margin-top: 0.5rem;
}

.post-casino {
  width: calc(25% - 1rem);
  border-radius: 0.1875rem;
  padding: 0.5rem;
  background: var(--color_3);
  text-align: center;
  position: relative;
}
@media (max-width: 540px) {
  .post-casino {
    width: calc(503% - 0.8rem);
  }
}
@media (max-width: 480px) {
  .post-casino {
    width: calc(50% - 0.4rem);
  }
}
.post-casino .groop {
  background: var(--color_0);
  border-radius: 0.1875rem;
  padding: 0.625rem;
}
.post-casino .num {
  font-family: "Inter-Bold";
  font-size: 1.5rem;
  margin-bottom: 0.625rem;
}
.post-casino .image {
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 0 auto 0.625rem;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: 0 1rem 1.875rem 0 rgba(0, 0, 0, 0.08);
}
.post-casino .title {
  color: var(--color_12);
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
}
.post-casino .desc {
  color: var(--color_5);
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 400;
  margin: 0.5rem 0;
  min-height: 2rem;
}
.post-casino .button-gradient svg,
.post-casino .button-gradient img {
  width: 0.5rem;
  margin-top: -0.125rem;
}
.post-casino .casino-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--color_0);
  padding-top: 0.625rem;
  margin-top: 0.625rem;
  border-top: 1px solid var(--color_0);
}
.post-casino .casino-rating span {
  font-family: "Inter-Bold";
  font-size: 0.875rem;
  line-height: 1;
}
.post-casino .casino-rating:before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../img/icons/star.svg);
}

.casino-grid.grid-view {
  width: 100%;
  padding: 0;
  justify-content: center;
  gap: 0.5rem 0.75rem;
}
.casino-grid.grid-view .post-casino {
  width: calc(18% - 1rem);
}
@media (max-width: 1140px) {
  .casino-grid.grid-view .post-casino {
    width: calc(20% - 0.65rem);
  }
}
@media (max-width: 992px) {
  .casino-grid.grid-view .post-casino {
    width: calc(28% - 0.8rem);
  }
}
@media (max-width: 540px) {
  .casino-grid.grid-view .post-casino {
    width: calc(33.33% - 0.8rem);
  }
}
@media (max-width: 480px) {
  .casino-grid.grid-view .post-casino {
    width: calc(50% - 0.4rem);
  }
}

.top-home .post-casino-1 {
  order: 3;
}
.top-home .post-casino-1 .num {
  color: #f8c563;
}
.top-home .post-casino-1:before {
  content: "";
  width: 4.25rem;
  height: 4.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../img/top-1.png);
  position: absolute;
  top: -2.5rem;
  left: -1.5rem;
  z-index: 20;
}
.top-home .post-casino-2 {
  order: 2;
}
.top-home .post-casino-2 .num {
  color: #a3a3a5;
}
.top-home .post-casino-2:before {
  content: "";
  width: 4.25rem;
  height: 4.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../img/top-2.png);
  position: absolute;
  top: -2.5rem;
  left: -1rem;
  z-index: 20;
}
.top-home .post-casino-3 {
  order: 4;
}
.top-home .post-casino-3 .num {
  color: #f2994a;
}
.top-home .post-casino-3:before {
  content: "";
  width: 4.25rem;
  height: 4.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../img/top-3.png);
  position: absolute;
  top: -2.5rem;
  left: -0.75rem;
  z-index: 20;
}
.top-home .post-casino-4 {
  order: 1;
}
.top-home .post-casino-4 .num {
  color: #01304b;
}
.top-home .post-casino-5 {
  order: 5;
}
.top-home .post-casino-5 .num {
  color: #01304b;
}
@media (max-width: 992px) {
  .top-home .post-casino-1 {
    order: 1;
  }
  .top-home .post-casino-2 {
    order: 2;
  }
  .top-home .post-casino-3 {
    order: 3;
  }
  .top-home .post-casino-4 {
    order: 4;
  }
  .top-home .post-casino-5 {
    order: 5;
  }
}

.game-item {
  width: calc(25% - 0.75rem);
  text-align: center;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 680px) {
  .game-item {
    width: calc(33.33% - 0.75rem);
  }
}
@media (max-width: 480px) {
  .game-item {
    width: calc(50% - 0.5rem);
  }
}
.game-item:hover {
  background: var(--color_0);
}
.game-item .image {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0.625rem;
  background-size: cover;
  background-position: 50% 50%;
  margin-bottom: 0.5rem;
}
@media (max-width: 380px) {
  .game-item .image {
    height: 10.5rem;
  }
}
.game-item .title {
  color: var(--color_7);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 0.625rem;
}
.game-item .desc {
  color: var(--color_11);
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
}

.provider-item {
  width: calc(50% - 0.5rem);
  display: flex;
  gap: 1rem;
  border-radius: 0.5rem;
  background: #fff;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
@media (max-width: 680px) {
  .provider-item {
    width: 100%;
  }
}
.provider-item .image {
  min-width: 8.75rem;
  width: 8.75rem;
  height: 8.75rem;
  background-size: cover;
  background-position: 50% 50%;
  border-right: 1px solid #d9d9d9;
}
.provider-item .caption {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.provider-item .caption .info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  color: var(--color_11);
  font-size: 0.875rem;
}
.provider-item .caption .info svg,
.provider-item .caption .info img {
  min-width: 1.2rem;
  width: 1.2rem;
  height: auto;
}
.provider-item .caption .info svg.arrows,
.provider-item .caption .info img.arrows {
  min-width: 1.1rem;
  width: 1.1rem;
  height: auto;
}
.provider-item .caption .info svg.arrows path,
.provider-item .caption .info img.arrows path {
  fill: var(--color_11);
}
.provider-item .title {
  color: var(--color_5);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 116.667%;
  text-transform: uppercase;
}
.provider-item .buttons {
  min-width: 18rem;
  width: 18rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  margin-left: auto;
  padding: 1rem;
}
.provider-item .button {
  width: 15rem;
  height: 2.625rem;
  display: flex;
  justify-content: flex-start;
  font-size: 0.875rem;
  text-transform: none;
  gap: 0.5rem;
}
.provider-item .button svg,
.provider-item .button img {
  min-width: 1.5rem;
  width: 1.5rem;
  height: auto;
}
.provider-item .button svg.arrows,
.provider-item .button img.arrows {
  min-width: 1.5rem;
  width: 1.5rem;
  height: auto;
  margin-left: auto;
}

.offer-item {
  width: calc(33.33% - 0.75rem);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  border: 1px solid #d9d9d9;
  background: var(--color_0);
}
@media (max-width: 992px) {
  .offer-item {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 480px) {
  .offer-item {
    width: 100%;
  }
}
.offer-item .image {
  display: block;
  width: 100%;
  aspect-ratio: 6/4;
  border-radius: 0.625rem 0.625rem 0 0;
  background-size: cover;
  background-position: 50% 50%;
}
.offer-item .desc {
  width: 100%;
  color: #c3c3c3;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
}
.offer-item .title {
  color: var(--color_7);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.offer-item .more {
  color: var(--color_12);
}
.offer-item .more:hover {
  color: var(--color_1);
}

.payment-item {
  width: calc(25% - 0.75rem);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 680px) {
  .payment-item {
    width: calc(33.33% - 0.75rem);
  }
}
@media (max-width: 480px) {
  .payment-item {
    width: calc(50% - 0.5rem);
  }
}
.payment-item .image {
  border-radius: 0.625rem 0.625rem 0 0;
}
.payment-item .image img {
  width: 100%;
  aspect-ratio: 6/4;
  object-fit: cover;
}
@media (max-width: 480px) {
  .payment-item .image img {
    aspect-ratio: 6/3;
  }
}
.payment-item .caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 1rem;
}
.payment-item .caption .title {
  color: var(--color_7);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 0.625rem;
}
@media (max-width: 480px) {
  .payment-item .caption .title {
    font-size: 0.875rem;
  }
}
.payment-item .caption .count {
  color: var(--color_11);
  font-size: 0.875rem;
  font-weight: 400;
}

.single-casinos .payment-item {
  width: calc(33.33% - 0.75rem);
}
@media (max-width: 680px) {
  .single-casinos .payment-item {
    width: calc(33.33% - 0.75rem);
  }
}
@media (max-width: 480px) {
  .single-casinos .payment-item {
    width: calc(50% - 0.5rem);
  }
}

.types-item {
  width: calc(20% - 0.85rem);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  background-color: #d9d9d9;
  overflow: hidden;
  background-blend-mode: multiply;
}
@media (max-width: 992px) {
  .types-item {
    width: calc(25% - 0.75rem);
  }
}
@media (max-width: 680px) {
  .types-item {
    width: calc(33.33% - 0.75rem);
  }
}
@media (max-width: 360px) {
  .types-item {
    width: calc(50% - 0.5rem);
  }
}
.types-item .image {
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: #d9d9d9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  aspect-ratio: 6/4;
  object-fit: cover;
  background-blend-mode: multiply;
}
.types-item .caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 0 1rem 1rem;
}
.types-item .caption .title {
  color: var(--color_7);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .types-item .caption .title {
    font-size: 0.75rem;
  }
}
.types-item .caption .count {
  color: var(--color_11);
  font-size: 0.875rem;
  font-weight: 400;
}

.single-casinos .types-item {
  width: calc(25% - 0.75rem);
}
@media (max-width: 992px) {
  .single-casinos .types-item {
    width: calc(25% - 0.75rem);
  }
}
@media (max-width: 680px) {
  .single-casinos .types-item {
    width: calc(33.33% - 0.75rem);
  }
}
@media (max-width: 360px) {
  .single-casinos .types-item {
    width: calc(50% - 0.5rem);
  }
}

.licensing-item {
  width: calc(33.33% - 0.875rem);
  padding: 1rem;
  border-radius: 0.75rem;
  background: var(--color_0);
  box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.02);
  border: 1px solid #d9d9d9;
  text-align: center;
  display: block;
}
@media (max-width: 680px) {
  .licensing-item {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 480px) {
  .licensing-item {
    width: 100%;
  }
}
.licensing-item .image {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(230, 230, 230, 0.6);
}
.licensing-item .image img {
  width: 70%;
  aspect-ratio: 6/4;
  object-fit: cover;
}
@media (max-width: 480px) {
  .licensing-item .image img {
    width: 60%;
  }
}
.licensing-item .text {
  text-align: center;
  color: var(--color_7);
  font-size: 0.9375rem;
}

.single-casinos .licensing-item {
  width: calc(50% - 0.5rem);
}
@media (max-width: 680px) {
  .single-casinos .licensing-item {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 480px) {
  .single-casinos .licensing-item {
    width: 100%;
  }
}

.presets-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid #d9d9d9;
  background: #fff;
}
.presets-item:hover {
  color: var(--color_3);
  border-color: var(--color_3);
}

article h1,
article h2,
article h3,
article h4 {
  font-family: "Inter-Semibold";
  color: var(--color_5);
  margin: 1.5rem 0;
}
article h1:first-child,
article h2:first-child,
article h3:first-child,
article h4:first-child {
  margin-top: 0;
}
article h1 {
  font-size: 2.25rem;
  line-height: 1.2;
}
@media (max-width: 680px) {
  article h1 {
    font-size: 1.2rem;
  }
}
article h2 {
  font-size: 2rem;
  line-height: 1.2;
}
@media (max-width: 680px) {
  article h2 {
    font-size: 1.6rem;
  }
}
article h3 {
  font-size: 1.5rem;
  line-height: 1.2;
}
@media (max-width: 680px) {
  article h3 {
    font-size: 1.2rem;
  }
}
article h1,
article h2 {
  position: relative;
  padding-bottom: 0.75rem;
}
article h1:after,
article h2:after {
  content: "";
  display: block;
  width: 9.375rem;
  height: 1px;
  border-bottom: 3px dashed var(--color_3);
  position: absolute;
  bottom: 0;
  left: 0;
}
article p {
  color: var(--color_7);
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  margin: 1rem 0;
}
article p:first-child {
  margin-top: 0;
}
article p.has-small-font-size {
  font-size: 0.875rem;
  margin: 1rem 0;
  color: var(--color_8);
}
article p.has-large-font-size {
  font-size: 1.5rem !important;
  margin-bottom: 0.5rem;
  margin-top: -1.5rem;
}
article p a {
  color: var(--color_2);
  text-decoration: underline;
}
article ul {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
  width: 100%;
}
article ul li {
  padding-left: 1.25rem;
  margin: 0.5em 0;
  position: relative;
}
article ul li:before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  background: linear-gradient(264deg, var(--color_2) 3%, var(--color_1) 95.71%);
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0.5rem;
}
article ul.class-1 li:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url(../img/icons/fishka.svg);
  background-size: contain;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0.5rem;
}
article ol {
  padding: 0 0 0 1.25rem;
  margin: 1.5rem 0;
  width: 100%;
}
article ol li {
  counter-increment: listCounter;
  padding-left: 0.3125rem;
  margin: 0.5em 0;
  position: relative;
}
article ol li::marker {
  color: var(--color_2);
  font-size: 1rem;
  margin-top: 0.3125rem;
}
article ol li ul li {
  padding-left: 1.25rem;
}
article table {
  width: 100% !important;
  border: 1px solid #dddddd;
  border-radius: 1rem;
}
article table tr th,
article table tr td {
  border: none;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
article table tr th {
  background: #fff;
  padding: 0.75rem 1.5rem;
}
article table tr td {
  background: #fff;
  padding: 0.75rem 1.5rem;
}
article table tr:nth-child(even) td {
  background: #f9fbff;
}
article .wp-block-table {
  margin: 1.5rem 0;
}
article .wp-block-image {
  margin: 1.5rem 0;
}
article .wp-block-image img {
  border-radius: 0.625rem;
}
article .wp-block-image.size-full img {
  width: 100%;
}
article .ratings-list, article .game-grid, article .providers-grid {
  margin: 2rem 0;
}
article .ratings-list:first-child, article .game-grid:first-child, article .providers-grid:first-child {
  margin-top: 0;
}
article .ratings-list:last-child, article .game-grid:last-child, article .providers-grid:last-child {
  margin-bottom: 0;
}

.section-comments {
  margin: 1.5rem 0;
  padding: 1rem 0.625rem;
  background-color: var(--color_0);
}

.rewiews-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media (max-width: 414px) {
  .rewiews-top {
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.rewiews-top .button {
  min-width: 11.25rem;
  height: 2.125rem;
}

.comments-list {
  margin-bottom: 1rem;
}
.comments-list .comment {
  padding: 2rem 1rem;
  border-bottom: 1px solid #f1f1f1;
}
@media (max-width: 680px) {
  .comments-list .comment {
    padding: 1rem 0;
  }
}
.comments-list .title {
  color: var(--color_7);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0.375rem;
}
.comments-list .text {
  margin-bottom: 1rem;
  color: var(--color_7);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 128.571%;
  letter-spacing: 0.07px;
}
.comments-list .text p {
  margin: 0;
}
.comments-list .text .rev {
  display: none;
}
.comments-list .comment-reply-link,
.comments-list .comment-reply-login {
  margin-top: 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 128.571%;
  letter-spacing: 0.07px;
  margin: 1rem 0;
  color: var(--color_1);
}

.no-comments {
  padding: 0 1rem;
}

.comment-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.comment-author .author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.comment-author .avatar {
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  border: 1px solid var(--color_2);
  overflow: hidden;
}
.comment-author .name {
  color: var(--color_7);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0.375rem;
}
.comment-author .date {
  color: var(--color_9);
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}

.comment-rating {
  text-align: center;
}
.comment-rating .smile {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 100%;
  background-size: cover;
  margin: 0 auto 0.25rem;
}
.comment-rating .smile.red {
  background-image: url(../img/smile-red.svg);
}
.comment-rating .smile.yellow {
  background-image: url(../img/smile-yellow.svg);
}
.comment-rating .smile.green {
  background-image: url(../img/smile-green.svg);
}

.comment-awaiting-moderation {
  color: var(--color_2);
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.comment-respond {
  padding: 1rem;
}
@media (max-width: 680px) {
  .comment-respond {
    padding: 1rem 0 0;
  }
}
.comment-respond .logged-in-as {
  display: none;
}
.comment-respond .must-log-in a {
  color: var(--color_1);
}
.comment-respond .must-log-in .required-field-message {
  display: block;
}
.comment-respond p {
  color: var(--color_5);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 128.571%;
  letter-spacing: 0.07px;
  margin: 1rem 0;
}
.comment-respond .comment-reply-title {
  color: var(--color_5);
  font-size: 1rem;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: 0.08px;
  text-transform: uppercase;
}
.comment-respond .comment-reply-title #cancel-comment-reply-link {
  text-transform: none;
  margin-top: 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 128.571%;
  letter-spacing: 0.07px;
  margin: 1rem 0;
  color: var(--color_1);
  display: block;
}
.comment-respond input#email,
.comment-respond input#author {
  width: 100%;
  max-width: 32.5rem;
  padding: 0.625rem;
  height: 2.75rem;
  border-radius: 0.1875rem;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  font-size: 1rem;
  line-height: 1;
}
.comment-respond textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 1rem 1rem 1rem 2rem;
  border-radius: 0.1875rem;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  font-size: 1rem;
  line-height: 1;
}
.comment-respond textarea#comment {
  height: 12.5rem;
  min-height: 2.75rem;
  border-left: 2px solid var(--color_1);
  background-image: url(../img/icons/chat-blue.svg);
  background-repeat: no-repeat;
  background-position: 0.5rem 0.85rem;
  background-size: 20px auto;
}
.comment-respond textarea#positive {
  min-height: 2.75rem;
  border-left: 2px solid #1bae72;
  background-image: url(../img/icons/pros.svg);
  background-repeat: no-repeat;
  background-position: 0.5rem 0.85rem;
}
.comment-respond textarea#negative {
  min-height: 2.75rem;
  border-left: 2px solid #f64747;
  background-image: url(../img/icons/cons.svg);
  background-repeat: no-repeat;
  background-position: 0.5rem 1rem;
}
.comment-respond .validation-error {
  display: block;
  color: red;
  font-size: 0.75rem;
}
.comment-respond .comment-form-cookies-consent {
  display: none;
}
.comment-respond .form-submit input {
  min-width: 11.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 100%; /* 0.5rem */
  text-transform: uppercase;
  min-height: 2.125rem;
  border-radius: 0.1875rem;
  background: var(--color_1);
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.08);
  color: var(--color_0);
  cursor: pointer;
}
.comment-respond .form-submit input:hover {
  color: var(--color_0);
  background: var(--color_2);
  border-color: var(--color_2);
}
.comment-respond .form-submit input:active, .comment-respond .form-submit input:focus {
  color: var(--color_0);
  background: var(--color_2);
  border-color: var(--color_2);
  box-shadow: none;
}
.comment-respond .form-submit input:disabled, .comment-respond .form-submit input.disabled {
  color: var(--color_0);
  background: var(--color_1);
  opacity: 0.1;
  cursor: not-allowed;
}

.comments-rating {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 680px) {
  .comments-rating {
    display: block;
    margin-top: 1rem;
  }
}
.comments-rating .title {
  color: var(--color_5);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.comments-rating .rait-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 15rem;
}
.comments-rating .star {
  margin: 0 0.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.comments-rating .star input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.comments-rating .star span {
  display: inline-flex;
  align-items: center;
}
.comments-rating .star span::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  background-image: url(../img/icons/star-off.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.comments-rating .star input:checked + span::before {
  background-image: url(../img/icons/star-active.svg);
}
.comments-rating .star.active > span::before {
  background-image: url(../img/icons/star-active.svg);
}

.comments-list .comment-respond .comments-rating,
.comments-list .comment-respond .comment-form-positive,
.comments-list .comment-respond .comment-form-negative {
  display: none;
}

.comment-form {
  display: flex;
  flex-direction: column;
}
.comment-form .comment-notes {
  order: 1;
  margin-bottom: 0;
}
.comment-form .comment-form-author {
  order: 2;
  margin-bottom: 0;
}
.comment-form .comment-form-email {
  order: 3;
  margin-bottom: 0;
}
.comment-form .comments-rating {
  order: 4;
  margin-bottom: 0;
  margin-top: 1rem;
}
.comment-form .comment-form-positive {
  order: 5;
  margin-bottom: 0;
}
.comment-form .comment-form-negative {
  order: 6;
  margin-bottom: 0;
}
.comment-form .comment-form-comment {
  order: 7;
  margin-bottom: 0;
}
.comment-form .comment-form-cookies-consent {
  order: 8;
  margin-bottom: 0;
}
.comment-form .form-submit {
  order: 9;
  margin-bottom: 0;
}

/***** SECTIONS GLOBAL (Custom blocks) *****/
.pros-cons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 1.25rem;
}
.pros-cons .section-title {
  width: 100%;
  margin-bottom: 1rem;
}
.pros-cons .block {
  width: calc(50% - 1rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 480px) {
  .pros-cons .block {
    width: 100%;
  }
  .pros-cons .block:last-child {
    margin-top: 1rem;
  }
}
.pros-cons .block .title {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  color: var(--color_5);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.pros-cons .block .item {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.pros-cons .block .item img,
.pros-cons .block .item svg {
  min-width: 1.5rem;
  width: 1.5rem;
  height: auto;
  margin-top: -0.15rem;
}

.game-type-all {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.game-type {
  width: 100%;
  display: flex;
  gap: 0.625rem;
}
@media (max-width: 480px) {
  .game-type {
    flex-direction: column;
    gap: 1rem;
  }
}
.game-type .block-info {
  width: 11.25rem;
  padding: 1.5rem;
  background-color: #d9d9d9;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 480px) {
  .game-type .block-info {
    width: 100%;
  }
}
.game-type .block-info .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
}
.game-type .block-info .box .image {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 100%;
  background: var(--color_10);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .game-type .block-info .box .image {
    width: 5rem;
    height: 5rem;
  }
}
.game-type .block-info .box .image img {
  width: 100%;
  border-radius: 100%;
}
.game-type .block-info .box .title {
  font-family: "Inter-Bold";
  color: var(--color_7);
  font-size: 1rem;
  text-transform: uppercase;
}
.game-type .block-info .box .text {
  color: var(--color_5);
  font-size: 0.75rem;
  text-transform: uppercase;
}
.game-type .block-info .box:hover .image {
  background: var(--color_3);
}
.game-type .game-grid {
  width: calc(100% - 11.875rem);
  margin: 0;
  gap: 0.625rem;
}
@media (max-width: 480px) {
  .game-type .game-grid {
    width: 100%;
    gap: 1.5rem 1rem;
  }
}
.game-type .game-grid .game-item {
  width: calc(25% - 0.5rem);
}
@media (max-width: 992px) {
  .game-type .game-grid .game-item {
    width: calc(33.33% - 0.5rem);
  }
}
@media (max-width: 480px) {
  .game-type .game-grid .game-item {
    width: calc(50% - 0.5rem);
  }
}
.game-type .game-grid .game-item .game-item .title {
  font-size: 0.875rem;
}

.tabs-info .tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}
@media (max-width: 680px) {
  .tabs-info .tabs {
    flex-wrap: wrap;
  }
}
.tabs-info .tabs-list {
  width: calc(40% - 0.5rem);
  margin: 0;
  padding: 0;
}
@media (max-width: 680px) {
  .tabs-info .tabs-list {
    display: none;
  }
}
.tabs-info .tabs-list .li_tab {
  padding: 1rem;
  margin: 0 0 1rem;
  border-radius: 0.625rem;
  background: var(--color_0);
  color: var(--color_7);
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  cursor: pointer;
}
.tabs-info .tabs-list .li_tab.active {
  background: var(--color_2);
  color: var(--color_0);
}
.tabs-info .tabs-list .li_tab:before {
  display: none;
}
.tabs-info .tabs-list .li_tab:after {
  content: "";
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: #f1f1f1;
  background-image: url(../img/icons/arrow-right.svg);
  background-size: 70% 70%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.tabs-info .tabs-list .li_tab:last-child {
  margin-bottom: 0;
}
.tabs-info .tabs-flex {
  width: calc(60% - 0.5rem);
}
@media (max-width: 680px) {
  .tabs-info .tabs-flex {
    display: none;
  }
}
.tabs-info .tabs-flex .block {
  padding: 1rem;
  border-radius: 0.625rem;
  background: var(--color_0);
  display: flex;
  gap: 1rem;
}
.tabs-info .tabs-flex .block .icon {
  width: 5rem;
  min-width: 5rem;
}
@media (max-width: 680px) {
  .tabs-info .tabs-flex .block .icon {
    width: 3rem;
    min-width: 3rem;
  }
}
.tabs-info .tabs-flex .block .icon img {
  width: 100%;
  height: auto;
}
.tabs-info .tabs-flex .block .text {
  color: var(--color_7);
}
.tabs-info .tabs-flex .block .text p {
  margin: 0;
}
.tabs-info .accordion {
  display: none;
}
@media (max-width: 680px) {
  .tabs-info .accordion {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
  }
  .tabs-info .accordion .accordion-title-box {
    padding: 1rem;
    border-radius: 0.7rem;
    background: var(--color_0);
    color: var(--color_7);
    font-size: 0.9rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.1);
  }
  .tabs-info .accordion .accordion-title-box::after {
    content: "";
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #f1f1f1;
    background-image: url(../img/icons/arrow-right.svg);
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: rotate(90deg);
    transition: 0.3s;
  }
  .tabs-info .accordion .accordion-title-box.active {
    background: var(--color_2);
    color: var(--color_0);
  }
  .tabs-info .accordion .accordion-title-box.active:after {
    transform: rotate(-90deg);
    transition: 0.3s;
  }
  .tabs-info .accordion .accordion-text {
    display: none;
    border-radius: 0.7rem;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.1);
  }
  .tabs-info .accordion .accordion-text p:last-child {
    margin-bottom: 0;
  }
  .tabs-info .accordion .accordion-text-visible {
    display: flex;
    margin-top: 0.5rem;
    padding: 1rem;
  }
}

.questions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.questions .accordion .accordion-title-box {
  position: relative;
  display: flex;
  padding: 0 1rem;
  justify-content: space-between;
  align-items: center;
  height: 3.4375rem;
  border-radius: 0.1875rem;
  background: var(--color_0);
  box-shadow: 0 1px 0 0 #e3e7ef;
  cursor: pointer;
  gap: 1.5rem;
}
.questions .accordion .accordion-title-box .accordion-title {
  color: var(--color_5);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.08px;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 480px) {
  .questions .accordion .accordion-title-box .accordion-title {
    font-size: 0.88rem;
  }
}
.questions .accordion .accordion-title-box .accordion-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  transform: rotate(180deg);
}
.questions .accordion .accordion-title-box .accordion-arrow:after {
  content: "";
  position: absolute;
  width: 0.125rem;
  height: 0.75rem;
  transform: translateX(-0.1875rem) rotate(45deg);
  background-color: var(--color_8);
}
.questions .accordion .accordion-title-box .accordion-arrow:before {
  content: "";
  position: absolute;
  width: 0.125rem;
  height: 0.75rem;
  transform: translateX(0.25rem) rotate(-45deg);
  background-color: var(--color_8);
}
.questions .accordion .accordion-title-box .accordion-arrow_active {
  transform: none;
}
.questions .accordion .accordion-text {
  display: none;
  color: var(--color_7);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: 0.08px;
  padding: 1rem 2rem;
  margin: 0;
  border-radius: 0 0 0.1875rem 0.1875rem;
  background: #e3e7ef;
  box-shadow: 0 0.25rem 1.875rem 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 480px) {
  .questions .accordion .accordion-text {
    padding: 1rem;
  }
}
.questions .accordion .accordion-text p:last-child {
  margin-bottom: 0;
}
.questions .accordion .accordion-text.accordion-text-visible {
  display: flex;
}

.note {
  padding: 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid #007dff;
  background: #d9ecff;
  color: var(--color_5);
}
.note .widget-title,
.note h3 {
  margin: 0;
  display: flex;
  gap: 0.5rem;
}
.note .widget-title img,
.note .widget-title svg,
.note h3 img,
.note h3 svg {
  min-width: 1.25rem;
  width: 1.25rem;
  height: auto;
}
.note p {
  margin: 0.5rem 0 0;
}
.note a {
  color: var(--color_2);
  text-decoration: none;
}

.example {
  padding: 1.5rem;
  border-radius: 0.25rem;
  border: 1px solid var(--color_12);
  background: #e7f9e8;
  color: var(--color_5);
}
.example .widget-title,
.example h3 {
  margin: 0;
  display: flex;
  gap: 0.5rem;
}
.example .widget-title img,
.example .widget-title svg,
.example h3 img,
.example h3 svg {
  min-width: 1.25rem;
  width: 1.25rem;
  height: auto;
}
.example p {
  margin: 0.5rem 0 0;
}
.example a {
  color: var(--color_2);
  text-decoration: none;
}

.cover {
  position: relative;
}
.cover:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(90deg, #010101 0%, rgba(1, 1, 1, 0) 56.85%);
}
.cover img {
  width: 100%;
  aspect-ratio: 5/3;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.cover .box {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  margin: auto 0;
  padding: 2.5rem;
  color: var(--color_0);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .cover .box {
    font-size: 1.5rem;
    padding: 1.5rem;
  }
}

.video-box .caption {
  text-align: center;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  color: var(--color_5);
}
.video-box .video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 !important;
  border-radius: 0.5rem;
}
.video-box .video__button {
  width: 7.5rem;
  height: 6.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  margin: auto;
  border: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
@media (max-width: 480px) {
  .video-box .video__button {
    width: 5.5rem;
    height: 4rem;
    border-radius: 1rem;
  }
}
.video-box .video__button:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 1.875rem solid transparent;
  border-left: 3.125rem solid #1a132f;
  border-bottom: 1.875rem solid transparent;
  margin-left: 0.3125rem;
}
@media (max-width: 480px) {
  .video-box .video__button:after {
    border-top: 0.875rem solid transparent;
    border-left: 1.5rem solid #1a132f;
    border-bottom: 0.875rem solid transparent;
  }
}
.video-box .video--enabled {
  cursor: pointer;
}
.video-box .video {
  width: 100%;
  height: 0;
  padding-bottom: 64%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  justify-content: space-around;
  overflow: hidden;
  border-radius: 0.5rem;
}
.video-box .video:hover .video__button {
  background: var(--color_0);
}
.video-box .video:hover .video__button:focus {
  background: var(--color_0);
}

.boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.boxes .item {
  width: calc(33.33% - 0.875rem);
  padding: 1rem;
  border-radius: 0.75rem;
  background: var(--color_0);
  box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.08);
  text-align: center;
  color: var(--color_7);
  font-size: 0.9375rem;
}
@media (max-width: 680px) {
  .boxes .item {
    width: 100%;
    font-size: 1rem;
  }
}
.boxes .image {
  height: 6.875rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(230, 230, 230, 0.6);
}
.boxes .image img {
  width: auto;
  height: 5rem;
}

.collapsing-text {
  overflow: hidden;
}
.collapsing-text .entry-text p:last-child {
  margin-bottom: 0;
}
.collapsing-text .more-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.5rem;
  gap: 0.5rem;
  color: var(--color_2);
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  height: 3rem;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(250, 250, 250) 36%, rgb(250, 250, 250) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(36%, rgb(250, 250, 250)), color-stop(100%, rgb(250, 250, 250)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(250, 250, 250) 36%, rgb(250, 250, 250) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(250, 250, 250) 36%, rgb(250, 250, 250) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(250, 250, 250) 36%, rgb(250, 250, 250) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(250, 250, 250) 36%, rgb(250, 250, 250) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
  position: relative;
  z-index: 10;
}
.collapsing-text .more-link:after {
  content: "↓";
  width: 1rem;
  display: block;
}
.collapsing-text .more-link .open:after {
  transform: rotate(-180deg);
}

.gallery {
  position: relative;
}
.gallery .swiper {
  width: 100%;
}
.gallery .mySwiper {
  padding-top: 1rem;
}
.gallery .mySwiper .swiper-slide {
  border-radius: 0.625rem;
  background-size: cover;
  background-position: 50% 50%;
  height: 7.5rem;
  opacity: 0.6;
}
.gallery .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.gallery .mySwiper2 {
  width: 100%;
}
.gallery .mySwiper2 .swiper-slide {
  border-radius: 0.625rem;
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 60%;
}
.gallery .swiper-pagination {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 99;
  bottom: 0;
  top: 0;
  /* Установите z-index */
}
.gallery .swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(264deg, var(--color_2) 3%, var(--color_1) 95.71%);
}

.complaints-casinos {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem 1rem;
}
.complaints-casinos .section-title {
  max-width: 70%;
  margin: 0;
}
.complaints-casinos .complaints-info {
  width: 100%;
  margin-bottom: 0;
}
.complaints-casinos .complaints-info .info-box {
  gap: 1rem;
  margin-top: 0;
}
.complaints-casinos .complaints-info .block {
  width: calc(100% - 8.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.complaints-casinos .complaints-info .block .text {
  font-size: 1rem;
  padding: 0.5rem;
  margin: 0;
  background: #f0f7eb;
}
.complaints-casinos .complaints-info .block .resultats {
  display: flex;
  gap: 1.5rem;
}
.complaints-casinos .complaints-info .block .resultats .item {
  font-size: 1.25rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.complaints-casinos .complaints-info .block .resultats .item:nth-child(1) {
  color: #1bae72;
}
.complaints-casinos .complaints-info .block .resultats .item:nth-child(2) {
  color: #d80027;
}
.complaints-casinos .complaints-info .block .resultats .item:nth-child(3) {
  color: #ffda44;
}
.complaints-casinos .complaints-info .block .resultats .item:nth-child(4) {
  color: #c3c3c3;
}
.complaints-casinos .complaints-info .block .resultats .item span {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #000;
  display: block;
}
.complaints-casinos .bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}
.complaints-casinos .bottom .button {
  min-width: 12rem;
}
.complaints-casinos .bottom .text {
  font-size: 0.875rem;
}

/***** SECTIONS GLOBAL (Widgets) *****/
.widget-top-casinos {
  width: 100%;
}
@media (max-width: 992px) {
  .widget-top-casinos {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .widget-top-casinos {
    width: 100%;
  }
}
.widget-top-casinos .top-casinos {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.widget-top-casinos .button {
  width: 13.75rem;
  margin: 0 auto;
  display: flex;
}
.widget-top-casinos .post-casino-box {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  width: 100%;
}
.widget-top-casinos .post-casino-box .image {
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 0.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border: 1px solid #d9d9d9;
}
.widget-top-casinos .post-casino-box .title-box {
  width: calc(100% - 5.375rem);
}
.widget-top-casinos .post-casino-box .title-box .title {
  color: var(--color_12);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.widget-top-casinos .post-casino-box .title-box .text {
  color: var(--color_5);
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 600;
  margin: 0;
}
.widget-top-casinos .post-casino-box .arrow {
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color_8);
  margin-left: auto;
}
.widget-top-casinos .post-casino-box:hover .arrow {
  color: #000;
}

.widget-img-bg {
  width: 100%;
  max-width: 18.75rem;
  height: auto;
  display: block;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 992px) {
  .widget-img-bg {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .widget-img-bg {
    width: 100%;
    max-width: 25rem;
  }
}

.baner-head {
  width: 100%;
  transition: 0.6s;
  display: block;
  margin: 0;
  position: relative;
  z-index: 20;
}

.baner-content {
  width: 100%;
  margin: 1.5rem 0;
}

.baner-full {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-size: cover;
}

.baner-full-2 {
  min-height: 17.5rem;
  margin-bottom: -2rem;
  display: block;
  position: relative;
  z-index: 10;
}
.baner-full-2 img {
  display: none;
}
@media (max-width: 540px) {
  .baner-full-2 img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 992px) {
  .baner-full-2 {
    min-height: 22rem;
  }
}

.context-box {
  box-shadow: 0 0.25rem 0.5rem 0 rgba(29, 39, 48, 0.16);
}

.context-menu-title {
  display: flex;
  padding: 1rem;
  font-family: "Inter-Bold";
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.3;
  border-bottom: 1px solid #e3e7ef;
  background: var(--color_0);
  position: relative;
  cursor: pointer;
}
.context-menu-title .arrow {
  width: 1.15rem;
  height: 1.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color_8);
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.75rem;
  transform: rotate(90deg);
}
.context-menu-title.active .arrow {
  transform: rotate(-90deg);
}

.context-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #f7f7f7;
  display: none;
}
.context-menu.active {
  display: block;
}
.context-menu li {
  border-bottom: 1px solid #e3e7ef;
}
.context-menu li a {
  display: flex;
  padding: 1rem;
  font-family: "Inter-Bold";
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.3;
}
.context-menu li a:hover {
  color: var(--color_12);
}

.section-slider-casino .section-title {
  width: 100%;
}
.section-slider-casino .casino-carousel {
  width: 100%;
  position: relative;
  margin-top: 1.5rem;
}
.section-slider-casino .casino-carousel .post-casino {
  width: 100%;
}
.section-slider-casino .casino-carousel .swiper-pagination {
  bottom: -2rem;
}

.section-related {
  margin: 2rem 0;
}

.slider-related {
  position: relative;
}
.slider-related .post {
  width: 100%;
}
.slider-related .related-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.slider-related .slider-nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.slider-related .slider-nav .swiper-button-next,
.slider-related .slider-nav .swiper-button-prev {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.slider-related .slider-nav .swiper-button-next:after,
.slider-related .slider-nav .swiper-button-prev:after {
  font-size: 1.125rem !important;
  color: var(--color_5);
}
.slider-related .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
}
.slider-related .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.slider-related .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 2rem;
  height: 0.25rem;
  border-radius: 1px;
  background: var(--color_7);
}
@media (max-width: 992px) {
  .slider-related .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.slider-related .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 1rem;
  }
}
.slider-related .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.slider-related .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color_2);
}

.popular-news {
  width: 100%;
}
@media (max-width: 992px) {
  .popular-news {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .popular-news {
    width: 100%;
  }
}
.popular-news .tabs .tabs-list {
  display: flex;
  list-style-type: none;
  gap: 0.625rem;
  padding: 0;
  border-bottom: 1px solid var(--color_5);
}
.popular-news .tabs .tabs-list li {
  color: var(--color_5);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  padding: 0.5rem;
}
.popular-news .tabs .tabs-list .active {
  position: relative;
}
.popular-news .tabs .tabs-list .active::after {
  content: "";
  width: 100%;
  height: 0.25rem;
  left: 0;
  bottom: -0.1875rem;
  background-color: var(--color_2);
  position: absolute;
  z-index: 10;
}

.widget-latest-articles {
  width: 100%;
}
@media (max-width: 992px) {
  .widget-latest-articles {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .widget-latest-articles {
    width: 100%;
  }
}
.widget-latest-articles .post-hot {
  width: 100%;
}
.widget-latest-articles .post-popular {
  display: grid;
  grid-template: 1fr/1fr;
  column-gap: 0.5rem;
  padding: 1rem 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: none;
}
.widget-latest-articles .post-popular .image {
  display: none;
}
.widget-latest-articles .post-popular .subtitle-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.75rem;
}
.widget-latest-articles .game-popular {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: none;
  cursor: pointer;
  width: 100% 280px;
}
.widget-latest-articles .game-popular .title-box {
  width: calc(100% - 4.375rem);
}
.widget-latest-articles .game-popular .image {
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 0.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.widget-latest-articles .game-popular .title a {
  color: var(--color_5);
  font-size: 1rem;
  font-weight: 700;
  line-height: 128.571%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.widget-latest-articles .game-popular .subtitle-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.widget-latest-articles .game-popular .subtitle-box a {
  color: var(--color_11);
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0;
}
.widget-latest-articles .button {
  width: 13.75rem;
  margin: 1rem auto 0;
  display: flex;
}

.widget-casino-news {
  width: 100%;
}
@media (max-width: 992px) {
  .widget-casino-news {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .widget-casino-news {
    width: 100%;
  }
}
.widget-casino-news .post-hot {
  width: 100%;
}
.widget-casino-news .post-popular {
  display: grid;
  grid-template: 1fr 1fr/1fr 5rem;
  column-gap: 0.5rem;
  padding: 0.5rem 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: none;
}
.widget-casino-news .button {
  width: 13.75rem;
  margin: 1rem auto 0;
  display: flex;
}

.widget-tags {
  width: 100%;
}
@media (max-width: 992px) {
  .widget-tags {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .widget-tags {
    width: 100%;
  }
}
.widget-tags .button {
  width: 13.75rem;
  margin: 1.5rem auto 0;
  display: flex;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tags a {
  height: 1.875rem;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: #fff;
  border: 1px solid var(--color_3);
  color: var(--color_3);
}
.tags a:hover {
  color: var(--color_2);
  border-color: var(--color_2);
}

/*-----filter-----*/
.widget-filter {
  color: #d0d1d4;
}
.widget-filter .widget-title {
  color: var(--color_5);
  font-size: 1rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.widget-filter .widget-title:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../img/icons/filter.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.filter-results {
  display: none;
}
.filter-results .results {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.filter-results .result {
  display: inline-flex;
  border-radius: 0.625rem;
  border: 1px solid #e9e9e9;
  background: #f6f6f7;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  color: var(--color_2);
  font-size: 0.75rem;
  line-height: 1;
  cursor: pointer;
}
.filter-results .result b {
  font-family: "Inter-SemiBold";
  color: var(--color_2);
}
.filter-results .result .clear {
  width: 0.75rem;
  height: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 0.35rem;
  margin-top: 1px;
}
.filter-results .result .clear:before, .filter-results .result .clear:after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 1px;
  background: var(--color_5);
  position: absolute;
  transition: 0.6s;
}
.filter-results .result .clear:before {
  transform: rotate(45deg);
}
.filter-results .result .clear:after {
  transform: rotate(-45deg);
}
.filter-results .result:hover .clear:before, .filter-results .result:hover .clear:after {
  content: "";
  background: var(--color_1);
}

.preset-filter,
.additional-filter {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 0.125rem solid #f4f4f5;
}

.preset-filter .result {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.preset-filter .result:last-child {
  margin-bottom: 0;
}
.preset-filter .result .result-title {
  width: 100%;
  color: var(--color_9);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.preset-filter .result .result-item {
  display: inline-flex;
  border-radius: 0.625rem;
  border: 1px solid var(--color_1);
  background: #f6f6f7;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: var(--color_5);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  cursor: pointer;
}
.preset-filter .result .result-item img,
.preset-filter .result .result-item svg {
  width: 1rem;
  height: auto;
}
.preset-filter .result .result-item[data-filter=preset] svg path {
  fill: var(--color_2);
}
.preset-filter .result .result-item .clear {
  width: 0.5rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.preset-filter .result .result-item .clear:before, .preset-filter .result .result-item .clear:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 1px;
  background: var(--color_5);
  position: absolute;
  transition: 0.6s;
}
.preset-filter .result .result-item .clear:before {
  transform: rotate(45deg);
}
.preset-filter .result .result-item .clear:after {
  transform: rotate(-45deg);
}
.preset-filter .result .result-item:hover {
  background: var(--color_2);
  border-color: var(--color_2);
  color: var(--color_0);
}
.preset-filter .result .result-item:hover[data-filter=preset] svg path {
  fill: var(--color_0);
}
.preset-filter .result .result-item:hover .clear:before, .preset-filter .result .result-item:hover .clear:after {
  content: "";
  background: var(--color_0);
}

.additional-filter .result {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
}
.additional-filter .result:last-child {
  margin-bottom: 0;
}
.additional-filter .result .result-title {
  width: 100%;
  color: var(--color_9);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.additional-filter .result .result-item {
  display: inline-flex;
  border-radius: 0.625rem;
  background: #f6f6f7;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: var(--color_5);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  cursor: pointer;
}
.additional-filter .result .result-item .clear {
  width: 0.5rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.additional-filter .result .result-item .clear:before, .additional-filter .result .result-item .clear:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 1px;
  background: var(--color_5);
  position: absolute;
  transition: 0.6s;
}
.additional-filter .result .result-item .clear:before {
  transform: rotate(45deg);
}
.additional-filter .result .result-item .clear:after {
  transform: rotate(-45deg);
}
.additional-filter .result .result-item:hover {
  background: var(--color_2);
  color: var(--color_0);
}
.additional-filter .result .result-item:hover .clear:before, .additional-filter .result .result-item:hover .clear:after {
  content: "";
  background: var(--color_0);
}

.filter-block {
  border-radius: 0.625rem;
  border: 1px solid #e9e9e9;
  background: #f6f6f7;
  padding: 1rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 992px) {
  .filter-block {
    padding: 1rem 0.8rem;
  }
}
.filter-block .head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.filter-block .head .ico {
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.filter-block .head .ico img,
.filter-block .head .ico svg {
  width: 100%;
  height: auto;
}
.filter-block .head .title {
  padding-top: 0.25rem;
}
.filter-block .head .title .name {
  color: var(--color_5);
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.filter-block .head .title .info {
  color: var(--color_9);
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 0.25rem;
}
.filter-block .head .togg {
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter-block .head .togg:before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background-image: url(../img/icons/arrow-right.svg);
  background-size: contain;
  transform: rotate(90deg);
  opacity: 0.6;
  display: block;
  transition: 0.3s;
}
.filter-block .body {
  display: none;
  padding-top: 0.75rem;
}
.filter-block .body input.filter-search {
  width: 100%;
  height: 1.875rem;
  border-radius: 0.3125rem;
  padding: 0.25rem 0.5rem 0.25rem 1.875rem;
  font-size: 0.875rem;
  border: 1px solid var(--color_3);
  background-color: transparent;
  margin-bottom: 0.625rem;
  background-image: url(../img/icons/search.svg);
  background-repeat: no-repeat;
  background-position: 0.5rem 50%;
  background-size: 1rem 1rem;
  color: var(--color_1);
}
.filter-block .body input.filter-search:focus {
  border-color: var(--color_1);
  /* Firefox 19+ */
  /* Firefox 18- */
}
.filter-block .body input.filter-search:focus::-webkit-input-placeholder {
  opacity: 0;
}
.filter-block .body input.filter-search:focus::-moz-placeholder {
  opacity: 0;
}
.filter-block .body input.filter-search:focus:-moz-placeholder {
  opacity: 0;
}
.filter-block .body input.filter-search:focus:-ms-input-placeholder {
  opacity: 0;
}
.filter-block .body .clear-filter {
  color: var(--color_5);
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
  width: 4.5rem;
  margin-left: auto;
  cursor: pointer;
  text-align: right;
}
.filter-block .body .clear-filter:hover {
  color: var(--color_2);
}
.filter-block .body ul {
  width: calc(100% + 0.375rem);
  max-height: 11.125rem;
  overflow-y: auto;
  list-style: none;
  margin: 0.625rem 0 0;
  padding: 0 0.375rem;
}
.filter-block .body ul::-webkit-scrollbar {
  width: 0.125rem;
  height: 0.125rem;
}
.filter-block .body ul li {
  margin-bottom: 0.625rem;
}
.filter-block .body ul li:last-child {
  margin-bottom: 0;
}
.filter-block .body .checkbox {
  cursor: pointer;
}
.filter-block .body .checkbox > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.filter-block .body .checkbox > span {
  display: flex;
  align-items: flex-start;
  user-select: none;
  gap: 0.625rem;
}
.filter-block .body .checkbox > span:before {
  content: "";
  display: inline-block;
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 0.1875rem;
  border: 0.1875rem solid var(--color_9);
  background-color: var(--color_0);
  background-size: 100% 100%;
}
.filter-block .body .checkbox > span .name {
  color: var(--color_5);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  width: calc(100% - 4.5rem);
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.filter-block .body .checkbox > span .name svg,
.filter-block .body .checkbox > span .name img {
  width: 1rem;
  height: auto;
}
.filter-block .body .checkbox > span .count {
  width: 2.8125rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  color: var(--color_2);
  text-align: right;
}
.filter-block .body .checkbox > input:not(:disabled):not(:checked) + span:hover::before {
  border-color: var(--color_2);
}
.filter-block .body .checkbox > input:focus + span::before {
  border-color: var(--color_2);
}
.filter-block .body .checkbox > input:checked + span::before {
  border: none;
  background-color: var(--color_0);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='1' y='1' width='14' height='14' rx='2' stroke='url(%23paint0_linear_263_1695)' stroke-width='2'/%3e%3crect x='3.99994' y='4' width='8' height='8' fill='url(%23paint1_linear_263_1695)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_263_1695' x1='15.4717' y1='2.23972e-07' x2='-0.672092' y2='1.59954' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231BAE72'/%3e%3cstop offset='1' stop-color='%23146444'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_263_1695' x1='11.7358' y1='4' x2='3.66389' y2='4.79977' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231BAE72'/%3e%3cstop offset='1' stop-color='%23146444'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
}
.filter-block .body .inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-block .body .inputs input {
  display: flex;
  width: 5rem;
  height: 1.625rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0.5rem;
  border: 1px solid var(--color_9);
  font-size: 0.875rem;
  color: var(--color_2);
  font-weight: 700;
}
.filter-block.active .head .title .info {
  display: none;
}
.filter-block.active .head .togg:before {
  content: "";
  transform: rotate(-90deg);
}
.filter-block.active .body {
  display: block;
}
.filter-block .irs--flat .irs-from,
.filter-block .irs--flat .irs-to,
.filter-block .irs--flat .irs-single,
.filter-block .irs--flat .irs-min,
.filter-block .irs--flat .irs-max {
  display: none;
}
.filter-block .irs--flat {
  height: 0.75rem;
  margin: 0.625rem 0;
}
.filter-block .irs--flat .irs-line {
  top: 0.3125rem;
  height: 0.125rem;
  background-color: var(--color_9);
  border-radius: 0.125rem;
}
.filter-block .irs--flat .irs-bar {
  top: 0.3125rem;
  height: 0.125rem;
  background-color: var(--color_2);
}
.filter-block .irs--flat .irs-handle {
  top: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 100%;
  background-color: var(--color_2);
  cursor: pointer;
}
.filter-block .irs--flat .irs-handle:hover {
  background-color: var(--color_1);
}
.filter-block .irs--flat .irs-handle > i:first-child {
  display: none;
}

/***** Page GLOBAL *****/
.section-top-page {
  padding-top: 2.5rem;
  padding-bottom: 5.5rem;
  background-color: #fff;
  background-image: url(../img/bg.webp);
}
.section-top-page .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.section-top-page .text {
  max-width: calc(100% - 19.5rem);
}
@media (max-width: 992px) {
  .section-top-page .text {
    max-width: 100%;
  }
}

.post-type-archive-casinos .section-top-page .container {
  margin-bottom: 4rem;
}

.content {
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.625rem;
  box-sizing: border-box;
  background: #fafafa;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-top: -3.75rem;
  margin-bottom: 4rem;
  gap: 2rem;
  box-sizing: border-box;
  z-index: 10;
}
@media (max-width: 1140px) {
  .content {
    margin-bottom: 0;
  }
}
.content.content-single {
  margin-top: 0;
  border-radius: 0 0 0.625rem 0.625rem;
}
.content.content-home {
  margin-top: -6.5rem;
  padding-top: 11rem;
  border-radius: 0 0 0.625rem 0.625rem;
}
.content .content-main {
  width: calc(100% - 19.5rem);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 1140px) {
  .content .content-main {
    width: 100%;
  }
}
.content .content-main.main-guides, .content .content-main.main-casino {
  width: calc(100% - 19.5rem - 17rem);
}
@media (max-width: 1140px) {
  .content .content-main.main-guides, .content .content-main.main-casino {
    width: 100%;
  }
}
.content .right-column {
  width: 17.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 1140px) {
  .content .right-column {
    display: none;
  }
}
.content .left-column {
  width: 15rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 1140px) {
  .content .left-column {
    width: 18.75rem;
    position: fixed;
    bottom: 0;
    top: 5rem;
    left: -100%;
    background: var(--color_0);
    z-index: 600;
    padding: 1rem;
    overflow-y: auto;
    margin: 0;
  }
}
.content .left-column.active {
  left: 0;
}
.content .column-stiky {
  position: sticky;
  top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.casino-results {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.ratings-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
}
@media (max-width: 480px) {
  .ratings-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.post-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
  margin: 0;
}

.game-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
  margin: 0;
}

.casino-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin: 0;
}
@media (max-width: 1140px) {
  .casino-grid {
    gap: 0.5rem 0.8rem;
    padding: 0;
  }
}

.offer-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1rem;
  margin: 0;
}
@media (max-width: 480px) {
  .offer-grid {
    gap: 1rem;
  }
}

.providers-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
}

.payments-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
}

.types-games-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
}

.licensing-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
}

.presets-grid {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.loads {
  position: relative;
}
.loads:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
}

.right-mobile {
  display: none;
}
@media (max-width: 680px) {
  .right-mobile {
    display: block;
    padding: 3.5rem 1.5rem;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    z-index: 9997;
    background: #fff;
  }
  .right-mobile .close {
    width: 1.375rem;
    height: 1.375rem;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
  }
  .right-mobile .close:before, .right-mobile .close:after {
    content: "";
    display: block;
    width: 1.375rem;
    height: 2px;
    background: var(--color_4);
    position: absolute;
    transition: 0.6s;
    top: 0.3rem;
  }
  .right-mobile .close:before {
    transform: rotate(45deg);
  }
  .right-mobile .close:after {
    transform: rotate(-45deg);
  }
  .right-mobile .widget-top-casinos {
    width: calc(100% - 3rem);
    min-width: 18.75rem;
    margin: 0 auto;
    max-height: calc(100vh - 7rem);
    overflow-y: auto;
  }
}
.right-mobile.active {
  left: 0;
}

.toggle-right {
  width: 3rem;
  height: 4rem;
  border-radius: 0.75rem;
  background: #272a2c;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: -1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.5rem;
}
.toggle-right:after, .toggle-right::before {
  content: "";
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
  background-image: url(../img/icons/arrow-white.svg);
  background-size: contain;
  cursor: pointer;
}
.toggle-right:before {
  transform: rotate(180deg);
}

.toggle-guid {
  display: none;
}
@media (max-width: 1140px) {
  .toggle-guid {
    display: flex;
    width: 20rem;
  }
}
@media (max-width: 480px) {
  .toggle-guid {
    width: 100%;
  }
}

.content-single .page-title {
  padding: 0;
}
.content-single .page-title:after {
  display: none;
}
.content-single article {
  margin-bottom: 1.5rem;
}
.content-single article h1 {
  max-width: 46.875rem;
  margin-bottom: 0;
}
.content-single .previos {
  color: var(--color_5);
}
.content-single article .single-meta {
  padding: 1.5rem 0 1rem;
  border-top: 1px solid var(--color_2);
}

.single-meta {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  font-size: 0.875rem;
  color: var(--color_8);
}
.single-meta .origin {
  line-height: 114.286%;
  text-transform: uppercase;
  font-weight: 700;
}
.single-meta .date {
  text-transform: uppercase;
  display: flex;
  gap: 0.25rem;
}
.single-meta .date:before {
  content: "";
  height: 0.1875rem;
  width: 0.1875rem;
  border-radius: 100%;
  background: var(--color_8);
  margin-top: 0.1875rem;
}
.single-meta .read {
  border-left: 1px solid #a2aeb7;
  padding-left: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.single-meta .read:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url(../img/icons/clock.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.single-meta-bottom {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color_5);
  font-size: 0.875rem;
  line-height: 1;
  color: var(--color_8);
}
.single-meta-bottom .item {
  width: 100%;
  display: flex;
  gap: 0.75rem;
}
.single-meta-bottom .item .label {
  height: 1.875rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 414px) {
  .single-meta-bottom .item .label {
    width: 30%;
  }
}
.single-meta-bottom .item .tags {
  width: 70%;
}
.single-meta-bottom .item .relate {
  min-height: 1.875rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: var(--color_5);
}
@media (max-width: 414px) {
  .single-meta-bottom .item .relate {
    width: 70%;
  }
}
.single-meta-bottom .item .relate a:after {
  content: ",";
  margin-right: 0.3125rem;
}
.single-meta-bottom .item .relate a:last-child::after {
  display: none;
}
.single-meta-bottom .item .relate a:hover {
  color: var(--color_2);
}
.single-meta-bottom .item.share {
  justify-content: flex-end;
  align-items: center;
}
.single-meta-bottom .item.share .share-box {
  display: flex;
  gap: 0.75rem;
}
.single-meta-bottom .item.share .share-box a {
  display: inline-flex;
  align-items: center;
  color: var(--color_8);
}
.single-meta-bottom .item.share .share-box a img,
.single-meta-bottom .item.share .share-box a svg {
  width: auto;
  height: 1.25rem;
}
.single-meta-bottom .item.share .share-box a:hover {
  color: var(--color_2);
}

.single-image {
  padding-top: 50%;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0.25rem;
  margin-bottom: 1.5rem;
}

.casino-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 1140px) {
  .casino-info {
    width: 18rem;
  }
}
@media (max-width: 680px) {
  .casino-info {
    width: calc(100% - 2rem);
  }
}
.casino-info .casino-logo {
  width: 3.75rem;
}
@media (max-width: 680px) {
  .casino-info .casino-logo {
    width: 5rem;
  }
}
.casino-info .casino-logo img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.625rem;
  box-shadow: 0 1rem 1.4rem 0 rgba(0, 0, 0, 0.05);
}
.casino-info .box {
  width: calc(100% - 4.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 680px) {
  .casino-info .box {
    width: calc(100% - 6rem);
  }
}
.casino-info .box .casino-title {
  font-family: "Inter-Bold";
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.2;
  text-transform: uppercase;
}

.bonus-offer {
  min-height: 2.75rem;
  border-radius: 0 0.75rem 0.75rem 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  background: #00abc2;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-left: -3rem;
  position: relative;
}
@media (max-width: 1140px) {
  .bonus-offer {
    margin-left: -2rem;
    border-radius: 0 0.75rem 0.75rem 0;
  }
}
@media (max-width: 480px) {
  .bonus-offer {
    gap: 0.75rem;
  }
}
@media (max-width: 680px) {
  .bonus-offer {
    margin-left: -1.5rem;
  }
}
.bonus-offer:before {
  content: "";
  width: 1rem;
  aspect-ratio: 102/77;
  background-image: url(../img/icons/corner.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: absolute;
  top: -0.75rem;
  left: 0;
}
@media (max-width: 1140px) {
  .bonus-offer:before {
    display: none;
  }
}
.bonus-offer .text {
  font-family: "Inter-Bold";
  font-size: 0.875rem;
  color: var(--color_0);
}
@media (max-width: 1140px) {
  .bonus-offer .text {
    font-size: 1rem;
  }
}
@media (max-width: 640px) {
  .bonus-offer .text {
    font-size: 0.75rem;
  }
}
@media (max-width: 480px) {
  .bonus-offer .text {
    font-size: 1rem;
  }
}
.bonus-offer svg {
  min-width: 1.2rem;
  width: 1.2rem;
  height: auto;
}
@media (max-width: 480px) {
  .bonus-offer svg {
    width: 1.5rem;
  }
}
.bonus-offer .button {
  min-width: 5.5rem;
  min-height: 2rem;
  font-size: 1rem;
  line-height: 1.2;
  margin-left: auto;
  padding: 0.4rem;
  background: var(--color_0);
  color: var(--color_1);
}

/*
.bonus-offer {
	max-width: 24rem;
	height: 2.75rem;
	border-radius: 0.1875rem;
	padding: 0.5rem 1rem;
	background: var(--color_1);
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 2rem;
	@media (max-width: 480px) {
		max-width: 100%;
	}
	img,
	svg {
		min-width: 1.5rem;
		width: 1.5rem;
		height: auto;
	}
	.text {
		color: var(--color_0);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	.button {
		min-width: 5.625rem;
		font-size: 0.625rem;
		margin-left: auto;
		padding: 0.4rem;
	}
}
*/
.bonuses {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1140px) {
  .bonuses {
    width: calc(100% - 20rem);
  }
}
@media (max-width: 680px) {
  .bonuses {
    width: 100%;
  }
}
.bonuses .widget-title {
  width: 100%;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.bonuses .widget-title img,
.bonuses .widget-title svg {
  width: 1.5rem;
  height: auto;
  margin-top: -2px;
}
.bonuses .item {
  width: 100%;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.125rem;
  border-left: 0.25rem solid var(--color_8);
  background-color: #fbfbfb;
  box-shadow: 0 1px 0 0 #e3e7ef;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: relative;
}
@media (max-width: 992px) {
  .bonuses .item {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .bonuses .item {
    width: 100%;
  }
}
.bonuses .item .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color_4);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1; /* 0.875rem */
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.bonuses .item .title .arrow {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color_8);
  position: absolute;
  top: 50%;
  right: 0.5rem;
  margin-top: -0.75rem;
}
.bonuses .item .title .arrow:hover {
  color: var(--color_4);
}
.bonuses .item .text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
  text-transform: uppercase;
  color: var(--color_12);
}
.bonuses .item.bonus-1 {
  border-left-color: var(--color_2);
  background-image: url(../img/bonuses-1.svg);
}
.bonuses .item.bonus-2 {
  border-left-color: var(--color_2);
  background-image: url(../img/bonuses-1.svg);
}
.bonuses .item.bonus-3 {
  border-left-color: var(--color_2);
  background-image: url(../img/bonuses-1.svg);
}
.bonuses .item.bonus-4 {
  border-left-color: #8143f4;
  background-image: url(../img/bonuses-2.svg);
}
.bonuses .item.bonus-5 {
  border-left-color: #ffda44;
  background-image: url(../img/bonuses-2.svg);
}
.bonuses .item.bonus-not {
  box-shadow: none;
  background-color: #fff;
  border-left-color: var(--color_9);
}
.bonuses .item.bonus-not .text {
  color: var(--color_9);
}

.main-casino .preview-casino {
  gap: 0.75rem 1rem;
}
.main-casino .preview-casino .item {
  width: calc(50% - 0.5rem);
}
@media (max-width: 640px) {
  .main-casino .preview-casino .item {
    width: 100%;
  }
}
.main-casino .preview-casino .item.ratings-item {
  width: 100%;
}

.casino-item-mob {
  width: 100%;
  padding: 1rem;
  background: var(--color_0);
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  display: none;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.4);
}
@media (max-width: 992px) {
  .casino-item-mob {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
  }
}
@media (max-width: 480px) {
  .casino-item-mob {
    padding: 1rem 0.5rem;
  }
}
.casino-item-mob .group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .casino-item-mob .group {
    flex-wrap: wrap;
  }
}
.casino-item-mob .image {
  display: block;
  min-width: 5.25rem;
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 0.5rem;
  border: 1px solid #d9d9d9;
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.08);
}
@media (max-width: 480px) {
  .casino-item-mob .image {
    display: none;
  }
}
.casino-item-mob .caption {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex-grow: 1;
  padding-right: 1rem;
}
.casino-item-mob .caption .title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.casino-item-mob .caption .title-link {
  font-family: "Inter-Bold";
  color: var(--color_1);
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .casino-item-mob .caption .title-link {
    font-size: 1rem;
  }
}
.casino-item-mob .caption .casino-rating {
  display: none;
}
.casino-item-mob .caption hr {
  width: 100%;
  height: 1px;
  margin: 0.2rem 0;
  border-top: 1px solid #f1f1f1;
}
.casino-item-mob .caption .bonus {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter-Bold";
  line-height: 1;
  color: var(--color_3);
}
@media (max-width: 480px) {
  .casino-item-mob .caption .bonus {
    font-size: 1rem;
  }
}
.casino-item-mob .caption .bonus svg {
  min-width: 1.25rem;
  width: 1.25rem;
  height: auto;
}
.casino-item-mob .buttons {
  width: 3.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
}
@media (max-width: 480px) {
  .casino-item-mob .buttons {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.casino-item-mob .buttons .button-play {
  width: 3.75rem;
  height: 3.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%; /* 0.5rem */
  text-transform: uppercase;
  background-color: var(--color_3);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .casino-item-mob .buttons .button-play {
    width: 100%;
    height: 2.5rem;
  }
}
.casino-item-mob .buttons .button-play img,
.casino-item-mob .buttons .button-play svg {
  width: auto;
  height: 2rem;
}
@media (max-width: 480px) {
  .casino-item-mob .buttons .button-play img,
.casino-item-mob .buttons .button-play svg {
    height: 1rem;
  }
}
.casino-item-mob .buttons .button-play span {
  display: none;
}
@media (max-width: 480px) {
  .casino-item-mob .buttons .button-play span {
    display: inline-flex;
  }
}
.casino-item-mob .info-bonuses {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (max-width: 480px) {
  .casino-item-mob .info-bonuses {
    display: none;
  }
}
.casino-item-mob .info-bonuses li {
  padding: 0;
  margin: 0;
}
.casino-item-mob .info-bonuses li:before {
  display: none;
}
.casino-item-mob .info-bonuses li a {
  display: flex;
  border: 2px solid var(--color_3);
  font-family: "Inter-Bold";
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--color_3);
  border-radius: 0.25rem;
  padding: 0.25rem 1rem;
}
.casino-item-mob .info-bonuses li a:hover {
  color: var(--color_10);
  border-color: var(--color_10);
}
@media (max-width: 540px) {
  .casino-item-mob .info-bonuses li a {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
  }
}
.casino-item-mob.item-box {
  width: calc(25% - 0.95rem);
}
@media (max-width: 992px) {
  .casino-item-mob.item-box {
    width: calc(33.33% - 0.95rem);
    padding: 1rem 0.5rem;
  }
}
@media (max-width: 480px) {
  .casino-item-mob.item-box {
    width: calc(50% - 0.5rem);
    padding: 1rem 0.5rem;
  }
}
.casino-item-mob.item-box .group {
  flex-direction: column;
  height: 100%;
}
.casino-item-mob.item-box .num {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
}
.casino-item-mob.item-box .caption {
  align-items: center;
  text-align: center;
  padding: 0;
}
.casino-item-mob.item-box .caption .title .certificate {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.casino-item-mob.item-box .caption .title-link {
  font-size: 1rem;
}
.casino-item-mob.item-box .caption .casino-rating {
  font-size: 0.75rem;
  gap: 0.25rem;
}
.casino-item-mob.item-box .caption .casino-rating:before {
  content: "";
  width: 1rem;
  height: 1rem;
}
.casino-item-mob.item-box .caption .casino-rating span {
  font-size: 0.75rem;
}
.casino-item-mob.item-box .caption .bonus {
  font-size: 0.9rem;
}
.casino-item-mob.item-box .caption .bonus svg {
  display: none;
}
.casino-item-mob.item-box .buttons {
  width: 100%;
  margin-top: 0.5rem;
}

@media (max-width: 1140px) {
  .single-casinos .left-column {
    width: 100%;
    position: static;
    bottom: 0;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 600;
    padding: 0;
    overflow-y: visible;
    margin: 0;
  }
  .single-casinos .left-column .column-stiky {
    position: static;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
  }
}

.presets-casino {
  border-radius: 0.5rem 0.5rem 0 0;
  background: #fafafa;
  display: flex;
  margin-top: -5.2rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .presets-casino {
    margin: -1.5rem -1rem 1.5rem;
  }
}
@media (max-width: 480px) {
  .presets-casino {
    overflow-y: auto;
  }
}
.presets-casino .preset {
  width: 25%;
  cursor: pointer;
  border-right: 1px solid #c3c3c3;
  position: relative;
}
@media (max-width: 480px) {
  .presets-casino .preset {
    min-width: 88px;
  }
}
.presets-casino .preset:last-child {
  border: none;
}
.presets-casino .preset input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.presets-casino .preset span {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0.5rem;
  color: var(--color_5);
  font-size: 0.85rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 680px) {
  .presets-casino .preset span {
    font-size: 0.65rem;
  }
}
.presets-casino .preset span svg,
.presets-casino .preset span img {
  width: 1.25rem;
  height: auto;
  display: block;
  margin: 0 auto 0.3rem;
}
.presets-casino .preset input:checked + span {
  color: var(--color_2);
  border-bottom: none;
}
.presets-casino .preset .count {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  color: var(--color_2);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 120%;
  background: #d9d9d9;
  padding: 0.4rem 0.3rem 0.2rem;
}
@media (max-width: 680px) {
  .presets-casino .preset .count {
    font-size: 0.6rem;
  }
}

.preview-game {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.preview-game .game-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
.preview-game .game-info .item {
  width: calc(33.33% - 1rem);
}
@media (max-width: 480px) {
  .preview-game .game-info .item {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 414px) {
  .preview-game .game-info .item {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .preview-game .game-info .item.game-logo {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 414px) {
  .preview-game .game-info .item.game-logo {
    width: 100%;
  }
}
.preview-game .game-info .item.game-logo img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.2rem;
}
.preview-game .game-info .item .title {
  font-family: "Inter-Bold";
  font-size: 1rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.preview-game .game-info .item .title:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/icons/game.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.preview-game .game-info .item ul {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.preview-game .game-info .item ul li {
  color: var(--color_5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0;
}
.preview-game .game-info .item ul li:before {
  display: none;
}
.preview-game .game-info .item ul li .no {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/icons/no.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.preview-game .game-info .item ul li .yes {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/icons/yes.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.preview-game .game-info .item .button {
  width: 100%;
}
.preview-game .cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.preview-game .cards .card {
  position: relative;
  display: flex;
  width: calc(25% - 0.75rem);
  min-height: 5.9375rem;
  padding: 0.5rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  border-left: 0.25rem solid var(--color_11);
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: 5rem 4.125rem;
}
@media (max-width: 992px) {
  .preview-game .cards .card {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 414px) {
  .preview-game .cards .card {
    width: 100%;
  }
}
.preview-game .cards .card:nth-child(1) {
  background-image: url(../img/card-1.svg);
}
.preview-game .cards .card:nth-child(2) {
  background-image: url(../img/card-2.svg);
}
.preview-game .cards .card:nth-child(3) {
  background-image: url(../img/card-3.svg);
}
.preview-game .cards .card:nth-child(3) .card__desc {
  font-size: 1rem;
}
.preview-game .cards .card:nth-child(4) {
  background-image: url(../img/card-4.svg);
}
.preview-game .cards .card__title-box .card__title {
  margin: 0;
  color: var(--color_8);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}
.preview-game .cards .card__title-box .card__info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.1875rem solid var(--color_8);
  border-radius: 50%;
  font-family: monospace;
  font-weight: 600;
  color: var(--color_8);
  font-size: 0.875rem;
  cursor: pointer;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.preview-game .cards .card__title-box .card__info:hover {
  color: var(--color_2);
  border-color: var(--color_2);
}
.preview-game .cards .card__desc {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--color_8);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-transform: uppercase;
}
.preview-game .cards .card__desc svg,
.preview-game .cards .card__desc img {
  position: static;
  min-width: 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
}
.preview-game .cards .card__desc svg path,
.preview-game .cards .card__desc img path {
  fill: var(--color_11);
}
.preview-game .cards .card__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color_11);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
}
.preview-game .cards .card__link:before {
  content: "➞";
  transform: rotate(90deg);
  font-size: 1rem;
}
.preview-game .cards .card__link:hover {
  color: var(--color_2);
}

.provider-game {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.provider-game .box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.1875rem;
  background: #f0f0f0;
  overflow: hidden;
}
@media (max-width: 480px) {
  .provider-game .box {
    flex-wrap: wrap;
  }
}
.provider-game .box .image {
  min-width: 8.75rem;
  width: 8.75rem;
  height: 8.75rem;
  background-size: cover;
  background-position: 50% 50%;
}
.provider-game .box .caption {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.provider-game .box .caption .info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  color: var(--color_11);
  font-size: 0.875rem;
}
.provider-game .box .title {
  color: var(--color_5);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 116.667%;
  text-transform: uppercase;
}
.provider-game .box .buttons {
  min-width: 18rem;
  width: 18rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-left: auto;
  padding: 1rem;
}
@media (max-width: 480px) {
  .provider-game .box .buttons {
    width: 100%;
  }
}
.provider-game .box .button {
  width: 15rem;
  height: 2.625rem;
  display: flex;
  justify-content: flex-start;
  font-size: 0.875rem;
  text-transform: none;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .provider-game .box .button {
    width: 100%;
  }
}
.provider-game .box .button svg,
.provider-game .box .button img {
  min-width: 1.5rem;
  width: 1.5rem;
  height: auto;
}
.provider-game .box .button svg.arrows,
.provider-game .box .button img.arrows {
  min-width: 1.5rem;
  width: 1.5rem;
  height: auto;
  margin-left: auto;
}

.frame-box {
  width: 100%;
  aspect-ratio: 6/4;
  background-color: var(--color_6);
  margin: 1.5rem auto;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 10;
}
.frame-box .title {
  width: 100%;
  min-height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color_10);
  padding: 0.4rem 2rem;
}
.frame-box .title span {
  color: var(--color_0);
  font-weight: 400;
  font-size: 0.75rem;
}
.frame-box .box {
  position: absolute;
  top: 2.5rem;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: 50% 50%;
}
.frame-box .box iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.frame-box .box .play-free {
  width: 12.5rem;
  height: 3rem;
  border-radius: 0.125rem;
  border: 1px solid var(--color_3);
  background: linear-gradient(270deg, #21c12e 0%, #0f8815 100%);
  color: var(--color_0);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.frame-box .box .play-free:hover {
  background: linear-gradient(270deg, #0f8815 0%, #0f8815 100%);
  border-color: #0f8815;
  transition: 0.6s;
}
.frame-box .box .play-free .ico {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/icons/play.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.frame-box .box .play-free .text {
  font-size: 0.625rem;
  font-weight: 400;
}
.frame-box .box .play-free .text span {
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
}
.frame-box .button-screen {
  position: absolute;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  border: none;
  background-color: transparent;
  background-image: url(../img/icons/up-screen.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-box .button-screen.active {
  background-image: url(../img/icons/close-screen.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-box.active {
  position: fixed;
  z-index: 99999999;
  width: 100%;
  height: calc(100vh - 3rem);
  top: 3rem;
  right: 0;
  left: 0;
  bottom: 0;
  max-width: 100%;
}
.frame-box.active .frame-box {
  width: 100%;
  aspect-ratio: 6/3;
}
.frame-box.active .play-free {
  transform: scale(1.5);
}

.section-news {
  margin-bottom: 1.5rem;
}
.section-news .text {
  color: var(--color_5);
}
@media (max-width: 680px) {
  .section-news .post-grid .post {
    width: calc(50% - 0.9375rem);
  }
}
@media (max-width: 414px) {
  .section-news .post-grid .post {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .section-news .post-grid .post.post-hot {
    width: calc(33.33% - 0.9375rem);
  }
}
@media (max-width: 680px) {
  .section-news .post-grid .post.post-hot {
    width: calc(50% - 0.9375rem);
  }
}
@media (max-width: 414px) {
  .section-news .post-grid .post.post-hot {
    width: 100%;
  }
}
.section-news .news-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.section-news .news-row .left-block {
  width: calc(33% - 0.75rem);
}
@media (max-width: 680px) {
  .section-news .news-row .left-block {
    width: 100%;
  }
}
.section-news .news-row .left-block .widget-title {
  text-transform: uppercase;
}
.section-news .news-row .left-block .widget-title a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
@media (max-width: 680px) {
  .section-news .news-row .left-block .widget-title a {
    justify-content: flex-start;
  }
}
.section-news .news-row .left-block .widget-title a img,
.section-news .news-row .left-block .widget-title a svg {
  min-width: 1.125rem;
  width: 1.125rem;
  height: auto;
}
.section-news .news-row .left-block .widget-title a:hover {
  color: var(--color_2);
}
.section-news .news-row .post-grid {
  width: calc(67% - 0.75rem);
  margin: 0;
}
@media (max-width: 680px) {
  .section-news .news-row .post-grid {
    width: 100%;
  }
}
.section-news .news-row .post-grid .post {
  width: calc(50% - 0.75rem);
}
@media (max-width: 540px) {
  .section-news .news-row .post-grid .post {
    width: calc(50.33% - 0.9375rem);
  }
}
@media (max-width: 414px) {
  .section-news .news-row .post-grid .post {
    width: 100%;
  }
}

.blog-banner {
  margin: 1.5rem 0;
}
@media (max-width: 992px) {
  .blog-banner {
    margin: 0 0 1rem;
  }
}

.page-error {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color_6);
  color: var(--color_0);
  overflow: hidden;
}

.section-error {
  padding: 3rem 0;
}
.section-error img {
  width: 100%;
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .section-error img {
    width: 160%;
    max-width: 160%;
    margin-left: -30%;
  }
}
@media (max-width: 680px) {
  .section-error img {
    width: 200%;
    max-width: 200%;
    margin-left: -50%;
  }
}
.section-error .no-post {
  max-width: 36rem;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 680px) {
  .section-error .no-post {
    padding: 0 1.5rem;
  }
}
.section-error .section-title {
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 900;
}
@media (max-width: 680px) {
  .section-error .section-title {
    font-size: 2rem;
  }
}
.section-error .big-text {
  font-size: 1.25rem;
  font-weight: bold;
}
.section-error .button {
  width: 20.875rem;
  height: 4rem;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 2rem;
}

.dictionary-head {
  box-shadow: 0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.05);
}

.dictionary-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--color_3);
}
.dictionary-list li {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--color_3);
  flex-grow: 1;
  cursor: pointer;
}
.dictionary-list li.active, .dictionary-list li:hover {
  background: var(--color_3);
  color: #fff;
}

.dictionary-search input {
  width: 100%;
  min-height: 2.5rem;
  background: #fff;
  color: var(--color_1);
  padding: 0.25rem 1rem;
  border: none;
}

.dictionary p {
  margin-top: 0;
}

.complaints-top {
  min-height: 76px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  gap: 1rem;
}
.complaints-top .casino-info {
  padding: 0.5rem;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
}
.complaints-top .author {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.complaints-top .author .avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.complaints-top .author .name {
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
}
.complaints-top .author .date {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
}
.complaints-top .comment-count {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  padding: 1rem;
}
.complaints-top .comment-count img {
  width: 1rem;
  height: auto;
}

.complaint {
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.complaint .numbers {
  font-size: 14px;
}
.complaint .status {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #fff;
  margin-left: auto;
}
.complaint .status .item {
  height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;
}
.complaint .status .item.item-1 {
  background-color: #1bae72;
}
.complaint .status .item.item-2 {
  background-color: #d80027;
}
.complaint .status .item.item-3 {
  background-color: #ffda44;
}
.complaint .status .item.item-4 {
  background-color: #c3c3c3;
}
.complaint .section-title {
  width: 100%;
}
.complaint article {
  width: 100%;
  color: #000;
}
.complaint .dublicate {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.complaint .dublicate a {
  color: var(--color_1);
}
.complaint .amount {
  height: 1.5rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  background-color: #f0f1f2;
  font-size: 14px;
}
.complaint .conclusion {
  width: 100%;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  background-color: #c3c3c3;
  color: #000;
}
.complaint .conclusion .title {
  text-transform: uppercase;
  font-weight: 700;
}
.complaint .conclusion p {
  margin-bottom: 0;
}

.single-casino_complaints .casino-info {
  width: 100%;
  padding: 0.5rem;
  border-right: none;
  margin: 0;
}

.complaints-info {
  padding: 0;
  margin-bottom: 3.5rem;
}
.complaints-info .info-box {
  margin-top: 2.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2.25rem;
}
.complaints-info .graf {
  width: 7.25rem;
  height: 7.25rem;
  border-radius: 100%;
  background-color: #c3c3c3;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.complaints-info .graf .num {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #000;
  font-weight: 600;
  position: absolute;
}
.complaints-info .graf canvas {
  width: 100%;
  height: 100%;
}
.complaints-info .block {
  width: calc(100% - 9.5rem);
}
.complaints-info .block .text {
  color: #000;
  font-size: 14px;
  margin-bottom: 1.5rem;
}

.complaints-filter {
  display: flex;
  flex-wrap: wrap;
  margin-top: -5.2rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: #fafafa;
}
.complaints-filter label {
  width: 20%;
  border-right: 1px solid #c3c3c3;
  position: relative;
}
.complaints-filter label:last-child {
  border: none;
}
.complaints-filter label > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.complaints-filter label > span {
  display: flex;
  align-items: center;
  user-select: none;
  gap: 0.5rem;
  padding: 1rem;
  min-height: 3rem;
  color: var(--color_1);
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #c3c3c3;
  cursor: pointer;
}
.complaints-filter label > span:before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 100%;
}
.complaints-filter label > span .count {
  color: #c3c3c3;
}
.complaints-filter label:nth-child(1) > span:before {
  background: var(--color_6);
}
.complaints-filter label:nth-child(2) > span:before {
  background: #1bae72;
}
.complaints-filter label:nth-child(3) > span:before {
  background: #d80027;
}
.complaints-filter label:nth-child(4) > span:before {
  background: #ffda44;
}
.complaints-filter label:nth-child(5) > span:before {
  background: #c3c3c3;
}
.complaints-filter label > input:checked + span {
  border-color: transparent;
  color: #000;
}

.complaints-list {
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.complaints-list .section-title {
  color: #c3c3c3;
  margin-bottom: 1rem;
}
.complaints-list .complaint {
  padding: 1rem;
  align-items: center;
  background: #fff;
  border-radius: 0.5rem;
  gap: 1rem 1.5rem;
}
.complaints-list .complaint .complaints-top {
  width: 100%;
  min-height: 1rem;
  border: none;
  margin-bottom: 0;
}
.complaints-list .complaint .entry-title {
  max-width: 70%;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color_1);
}
.complaints-list .complaint .amount {
  margin: 0;
}

.author-previev {
  width: 100%;
  background: var(--color_0);
  border: 2px solid #eaf5fb;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.author-previev .image {
  width: calc(33.33% - 0.75rem);
}
@media (max-width: 540px) {
  .author-previev .image {
    width: 100%;
  }
}
.author-previev .image img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}
.author-previev .block {
  width: calc(66.66% - 0.75rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.75rem;
}
@media (max-width: 540px) {
  .author-previev .block {
    width: 100%;
  }
}
.author-previev .block p:first-child {
  margin-top: 0;
}
.author-previev .block p:last-child {
  margin-bottom: 0;
}
.author-previev .block .subtitle {
  color: var(--color_8);
}
.author-previev .block .socials {
  margin-top: auto;
  display: flex;
  gap: 0.5rem;
}
.author-previev .block .socials a img,
.author-previev .block .socials a svg {
  width: 1.5rem;
}
.author-previev .block .socials a img path,
.author-previev .block .socials a svg path {
  fill: var(--color_8);
}
.author-previev .block .socials a:hover svg path {
  fill: var(--color_1);
}

@media (max-width: 992px) {
  .cn-close-icon {
    right: 10px;
    top: 15px;
  }
}

@media (max-width: 480px) {
  .cookie-notice-container,
.cookie-revoke-container {
    padding: 15px 35px;
  }
}

#cookie-notice .cn-button:not(.cn-button-custom) {
  padding: 0.25rem 2rem;
  min-height: 2rem;
  border-radius: 0.1875rem;
  background: var(--color_1);
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.08);
  color: var(--color_0);
  line-height: 1.5;
  letter-spacing: 0.012px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #cookie-notice .cn-button:not(.cn-button-custom) {
    margin: 15px 0 0;
  }
}
/*# sourceMappingURL=style.min.css.map */