@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 */
/***** BLOCKS GLOBAL *****/
/*-----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);
}

/***** COMPONENTS GLOBAL *****/
.preview-casino {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.preview-casino .item {
  width: calc(50% - 0.5rem);
  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 .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.deposits-item, .preview-casino .item.payments-item, .preview-casino .item.five-item {
  background: var(--color_0);
}
.preview-casino .item.info-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  border: none;
  border-radius: 0;
  padding: 0;
}
.preview-casino .item.ratings-item {
  width: 100%;
}
.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.deposits-item .title::before {
  background-image: url(../img/icons/chery.png);
}
.preview-casino .item.payments-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;
  line-height: 1.2;
}
.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.45rem 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;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
}
.preview-casino .info-ratings li .progres .line span:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  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.5rem;
}
@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: flex-start;
  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;
  margin-top: 0.15rem;
}
.preview-casino .info-cons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.preview-casino .info-cons li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}
.preview-casino .info-cons 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/cons-circle.svg);
  position: relative;
  top: 0;
  border-radius: 0;
  margin-top: 0.15rem;
}
.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 .deposits-item,
.ratings-list .preview-casino .payments-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;
}

.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.5rem;
  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;
  text-decoration: none;
}
@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%;
  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;
  }
}

/***** 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 .button {
  width: 13.75rem;
  margin: 0.5rem 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%;
  }
}

.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 *****/
.casino-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  gap: 0.625rem;
  width: 12rem;
}
@media (max-width: 1140px) {
  .casino-info {
    width: 18rem;
  }
}
@media (max-width: 680px) {
  .casino-info {
    width: calc(100% - 2rem);
  }
}
.casino-info .casino-logo {
  width: 8rem;
}
.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: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.casino-info .box .casino-title {
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.2;
  text-transform: uppercase;
}
.casino-info .box .casino-rating {
  justify-content: center;
}

.bonus-offer {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (max-width: 480px) {
  .bonus-offer {
    max-width: 100%;
  }
}
.bonus-offer img,
.bonus-offer svg {
  min-width: 1.5rem;
  width: 1.5rem;
  height: auto;
}
.bonus-offer .text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: normal;
  min-width: 65%;
}
.bonus-offer .button {
  margin-left: auto;
  max-width: 35%;
  min-width: 7rem;
}

.bonuses {
  width: calc(100% - 14rem);
  display: flex;
  flex-wrap: wrap;
}
@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: none;
  border-left: 0.25rem solid #b3b3b3;
  background-color: #fbfbfb;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: relative;
  color: inherit;
  text-decoration: none;
}
@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;
  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;
  background-color: transparent;
  padding: 0;
  border: none;
}
.bonuses .item .title .arrow:hover {
  color: #b3b3b3;
}
.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;
}
.bonuses .item .desc {
  font-size: 0.875rem;
  line-height: 1.2;
  opacity: 0.7;
}
.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;
}

.preview-game {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 2rem;
}
.preview-game .game-logo {
  width: calc(33.33% - 1rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 480px) {
  .preview-game .game-logo {
    width: calc(50% - 0.5rem);
  }
}
@media (max-width: 414px) {
  .preview-game .game-logo {
    width: 100%;
  }
}
.preview-game .game-logo img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 0.625rem;
}
.preview-game .cards {
  width: calc(66.66% - 1rem);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.preview-game .cards .card {
  position: relative;
  display: flex;
  width: calc(50% - 0.5rem);
  min-height: 5.9375rem;
  padding: 0.5rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem 0.5rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  border-left: 0.25rem solid #b3b3b3;
  background-color: #fbfbfb;
  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(4) {
  background-image: url(../img/card-4.svg);
}
.preview-game .cards .title {
  margin: 0;
  font-size: 1rem;
  font-family: "Inter-Bold";
  line-height: 1;
  text-transform: none;
}
.preview-game .cards .desc {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-transform: uppercase;
}
.preview-game .cards .desc svg,
.preview-game .cards .desc img {
  position: static;
  min-width: 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.preview-game-info {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.preview-game-info .item {
  width: calc(50% - 0.5rem);
  border: 2px solid #eaf5fb;
  border-radius: 0.75rem;
  padding: 1.25rem;
}
.preview-game-info .item .title {
  font-size: 1rem;
  font-family: "Inter-Bold";
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.preview-game-info .item ul {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.preview-game-info .item ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0;
}
.preview-game-info .item ul li:before {
  display: none;
}
.preview-game-info .item ul li .no {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/icons/cons-circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.preview-game-info .item ul li .yes {
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/icons/pros-circle.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.preview-game-info .item .button {
  width: 100%;
}

.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;
  border: 1px solid #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;
  text-decoration: none;
}
.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 {
  text-decoration: none;
  color: inherit;
  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.35rem;
  width: 1.35rem;
  height: auto;
}
.provider-game .box .button svg.arrows,
.provider-game .box .button img.arrows {
  min-width: 1rem;
  width: 1rem;
  height: auto;
  margin-left: auto;
}

.frame-box {
  width: 100%;
  aspect-ratio: 6/4;
  background-color: #1d2730;
  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: 1rem;
  font-weight: 700;
  color: #fff;
  padding: 0.4rem 2rem;
}
.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%;
  align-content: center;
}
.frame-box .box iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.frame-box .box .play-free {
  width: 16rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  align-self: center;
}
.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 {
  text-align: left;
}
.frame-box .box .play-free .text span {
  font-size: 0.875rem;
  font-weight: 400;
  display: block;
}
.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: 100vh;
  top: 0;
  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);
}

@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 */