.zzka-overlay {

  position: fixed;

  height: 100%;

  right: 0;

  top: var(--header-height);

  bottom: 64px;

  left: 0;

  z-index: 29;

  padding: 20px 20px;

  overflow-y: scroll;

  background: rgba(var(--bg-b), 0.8);

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 1s;

  transition: all 1s;

  -webkit-transition-delay: 0.5s;

  transition-delay: 0.5s;

  pointer-events: none;

}

.zzka-overlay::-webkit-scrollbar {

  display: none;

}

.zzka-overlay.active {

  display: grid;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  visibility: visible;

  opacity: 1;

  -webkit-transition: all 0.6s;

  transition: all 0.6s;

  pointer-events: initial;

}



:root {

  --body-bg: #161b28;

  --body-font-size: 16px;

  --content-width: 1180px;

  --container-offset: clamp(16px, 1.6949vw, 20px);

  --container-width: calc(var(--content-width) + (var(--container-offset) * 2));

  --header-height: 72px;

  --scrollbar-thumb: #ff2200cb;

  --scrollbar-track: #13171f;

  --scrollbar-track-hover: #13171f;

  --overlay-bg: rgba(0, 0, 0, 0.5);

  --font-family: Verdana, Tahoma, sans-serif;

  --second-family: "Gill Sans", "Segoe UI", Tahoma, sans-serif;

  --font-3: "Trebuchet MS", "Gill Sans", sans-serif;

  

  --cl-a: 255, 255, 255;

  --cl-b: 0, 0, 0;

  --cl-c: 182, 185, 191;

  --cl-d: 249, 249, 249;

  --cl-e: 255, 36, 0;

  --cl-f: 0, 207, 166;

  --bg-a: 255, 255, 255;

  --bg-b: 0, 0, 0;

  --bg-c: 27, 36, 49;

  --bg-d: 239, 79, 0;

  --bg-e: 18, 23, 33;

  --bg-f: 68, 72, 82;

  --bg-g: 243, 34, 147;

  --bg-h: 0, 207, 166;

  --br-a: #24bcae;

  --br-b: #fff;

  --br-c: #ff2400;

  --gr-a: radial-gradient(84.73% 98.43% at 100% 60.83%, red, #f000);

  --gr-b: linear-gradient(180deg, #fff 39.5%, #cecece 69.19%);

  --gr-c: linear-gradient(180deg, #ffc700 26.48%, #ff8a00);

  --gr-d: linear-gradient(110.74deg, #ff240066, #ff240000);

  --gr-e: linear-gradient(110.74deg, #00cfa6cc, #00cfa600);

  --gr-f: linear-gradient(110.74deg,#00cfa666,#00cfa600);

  --gr-g: linear-gradient(90deg, rgba(255, 36, 0, 0) 0%, #ff2400 50.52%, rgba(255, 36, 0, 0) 100%);

  --gr-h: linear-gradient(110.74deg, #fff6, #fff0);

  --gr-j: linear-gradient(110.74deg, #fff6, #fff0);

  --gr-k: linear-gradient(136.34deg, #00cfa6 0%, #444852 59.09%);

  --gr-l: linear-gradient(360deg, rgba(19, 23, 31, .3) 0%, rgba(19, 23, 31, .243) 33.56%, rgba(19, 23, 31, 0) 100%), linear-gradient(360deg, #13171f 0%, rgba(19, 23, 31, .81) 33.56%, rgba(19, 23, 31, 0) 100%);

  --gr-m: linear-gradient(90deg, rgba(30, 35, 46, 0) 0%, rgba(128, 133, 143, .252417) 27.6%, rgba(128, 133, 143, .5) 52.62%, rgba(128, 133, 143, .291283) 74.48%, rgba(13, 16, 22, 0) 100%);

  --gr-n: linear-gradient(180deg, #80858f 0%, rgba(13, 16, 22, 0) 92.5%);

  --gr-o: linear-gradient(90deg, rgba(255, 36, 0, 0) 0%, #ff2400 50.52%, rgba(255, 36, 0, 0) 100%);

}

@media (max-width: 1024px) {

  :root {

    --header-height: 58x;

  }

}

@media (max-width: 576px) {

  :root {

    --header-height: 44px;

  }

}



.splide__container {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  position: relative;

}



.splide__list {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  height: 100%;

  margin: 0 !important;

  padding: 0 !important;

}



.splide.is-initialized:not(.is-active) .splide__list {

  display: block;

}



.splide__pagination {

  -ms-flex-align: center;

  -webkit-box-align: center;

  align-items: center;

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: center;

  -webkit-box-pack: center;

  justify-content: center;

  margin: 0;

  pointer-events: none;

}



.splide__pagination li {

  display: inline-block;

  line-height: 1;

  list-style-type: none;

  margin: 0;

  pointer-events: auto;

}



.splide:not(.is-overflow) .splide__pagination {

  display: none;

}



.splide__progress__bar {

  width: 0;

}



.splide {

  position: relative;

  visibility: hidden;

}



.splide.is-initialized,

.splide.is-rendered {

  visibility: visible;

}



.splide__slide {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  list-style-type: none !important;

  margin: 0;

  position: relative;

}



.splide__slide img {

  vertical-align: bottom;

}



.splide__spinner {

  -webkit-animation: splide-loading 1s linear infinite;

  animation: splide-loading 1s linear infinite;

  border: 2px solid #999;

  border-left-color: transparent;

  border-radius: 50%;

  bottom: 0;

  contain: strict;

  display: inline-block;

  height: 20px;

  left: 0;

  margin: auto;

  position: absolute;

  right: 0;

  top: 0;

  width: 20px;

}



.splide__sr {

  clip: rect(0 0 0 0);

  border: 0;

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}



.splide__toggle.is-active .splide__toggle__play,

.splide__toggle__pause {

  display: none;

}



.splide__toggle.is-active .splide__toggle__pause {

  display: inline;

}



.splide__track {

  overflow: hidden;

  position: relative;

  z-index: 0;

}



@-webkit-keyframes splide-loading {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  to {

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn);

  }

}



@keyframes splide-loading {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  to {

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn);

  }

}

.splide__track--draggable {

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -ms-user-select: none;

  -moz-user-select: none;

  user-select: none;

}



.splide__track--fade > .splide__list > .splide__slide {

  margin: 0 !important;

  opacity: 0;

  z-index: 0;

}



.splide__track--fade > .splide__list > .splide__slide.is-active {

  opacity: 1;

  z-index: 1;

}



.splide--rtl {

  direction: rtl;

}



.splide__track--ttb > .splide__list {

  display: block;

}



.splide__arrow {

  -ms-flex-align: center;

  -webkit-box-align: center;

  align-items: center;

  background: #ccc;

  border: 0;

  border-radius: 50%;

  cursor: pointer;

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  height: 2em;

  -ms-flex-pack: center;

  -webkit-box-pack: center;

  justify-content: center;

  opacity: 0.7;

  padding: 0;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 2em;

  z-index: 1;

}



.splide__arrow svg {

  fill: #000;

  height: 1.2em;

  width: 1.2em;

}



.splide__arrow:hover:not(:disabled) {

  opacity: 0.9;

}



.splide__arrow:disabled {

  opacity: 0.3;

}



.splide__arrow:focus-visible {

  outline: 3px solid #0bf;

  outline-offset: 3px;

}



.splide__arrow--prev {

  left: 1em;

}



.splide__arrow--prev svg {

  -webkit-transform: scaleX(-1);

  -ms-transform: scaleX(-1);

  transform: scaleX(-1);

}



.splide__arrow--next {

  right: 1em;

}



.splide.is-focus-in .splide__arrow:focus {

  outline: 3px solid #0bf;

  outline-offset: 3px;

}



.splide__pagination {

  bottom: 0.5em;

  left: 0;

  padding: 0 1em;

  position: absolute;

  right: 0;

  z-index: 1;

}



.splide__pagination__page {

  background: #ccc;

  border: 0;

  border-radius: 50%;

  display: inline-block;

  height: 8px;

  margin: 3px;

  opacity: 0.7;

  padding: 0;

  position: relative;

  -webkit-transition: -webkit-transform 0.2s linear;

  transition: -webkit-transform 0.2s linear;

  transition: transform 0.2s linear;

  transition: transform 0.2s linear, -webkit-transform 0.2s linear;

  width: 8px;

}



.splide__pagination__page.is-active {

  background: #fff;

  -webkit-transform: scale(1.4);

  -ms-transform: scale(1.4);

  transform: scale(1.4);

  z-index: 1;

}



.splide__pagination__page:hover {

  cursor: pointer;

  opacity: 0.9;

}



.splide__pagination__page:focus-visible {

  outline: 3px solid #0bf;

  outline-offset: 3px;

}



.splide.is-focus-in .splide__pagination__page:focus {

  outline: 3px solid #0bf;

  outline-offset: 3px;

}



.splide__progress__bar {

  background: #ccc;

  height: 3px;

}



.splide__slide {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.splide__slide:focus {

  outline: 0;

}



@supports (outline-offset: -3px) {

  .splide__slide:focus-visible {

    outline: 3px solid #0bf;

    outline-offset: -3px;

  }

}

@media screen and (-ms-high-contrast: none) {

  .splide__slide:focus-visible {

    border: 3px solid #0bf;

  }

}

@supports (outline-offset: -3px) {

  .splide.is-focus-in .splide__slide:focus {

    outline: 3px solid #0bf;

    outline-offset: -3px;

  }

}

@media screen and (-ms-high-contrast: none) {

  .splide.is-focus-in .splide__slide:focus {

    border: 3px solid #0bf;

  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {

    border-color: #0bf;

  }

}

.splide__toggle {

  cursor: pointer;

}



.splide__toggle:focus-visible {

  outline: 3px solid #0bf;

  outline-offset: 3px;

}



.splide.is-focus-in .splide__toggle:focus {

  outline: 3px solid #0bf;

  outline-offset: 3px;

}



.splide__track--nav > .splide__list > .splide__slide {

  border: 3px solid transparent;

  cursor: pointer;

}



.splide__track--nav > .splide__list > .splide__slide.is-active {

  border: 3px solid #000;

}



.splide__arrows--rtl .splide__arrow--prev {

  left: auto;

  right: 1em;

}



.splide__arrows--rtl .splide__arrow--prev svg {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

}



.splide__arrows--rtl .splide__arrow--next {

  left: 1em;

  right: auto;

}



.splide__arrows--rtl .splide__arrow--next svg {

  -webkit-transform: scaleX(-1);

  -ms-transform: scaleX(-1);

  transform: scaleX(-1);

}



.splide__arrows--ttb .splide__arrow {

  left: 50%;

  -webkit-transform: translate(-50%);

  -ms-transform: translate(-50%);

  transform: translate(-50%);

}



.splide__arrows--ttb .splide__arrow--prev {

  top: 1em;

}



.splide__arrows--ttb .splide__arrow--prev svg {

  -webkit-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  transform: rotate(-90deg);

}



.splide__arrows--ttb .splide__arrow--next {

  bottom: 1em;

  top: auto;

}



.splide__arrows--ttb .splide__arrow--next svg {

  -webkit-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  transform: rotate(90deg);

}



.splide__pagination--ttb {

  bottom: 0;

  display: -ms-flexbox;

  display: -webkit-box;

  display: flex;

  -ms-flex-direction: column;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  flex-direction: column;

  left: auto;

  padding: 1em 0;

  right: 0.5em;

  top: 0;

}



html {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  width: 100%;

}



body {

  position: relative;

  overflow-x: hidden;

  width: 100%;

  min-height: -webkit-fill-available;

  margin: 0 auto;

  font-weight: 400;

  font-size: 16px;

  line-height: normal;

  font-family: var(--font-family);

  color: rgba(var(--cl-a), 1);

  -webkit-text-size-adjust: 100%;

  background: var(--body-bg);

}



main {

  margin: 0 auto;

  min-width: 0 !important;

}

main.no-padding {

  padding: 0;

}



*,

*::after,

*::before {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



* {

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin: 0;

  font-style: inherit;

  font-weight: inherit;

  font-family: inherit;

  color: inherit;

  text-decoration: none;

  cursor: pointer;

}



button {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin: 0;

  padding: 0;

  line-height: initial;

  color: inherit;

  background-color: transparent;

  border: none;

  outline: none;

  cursor: pointer;

}



ul,

ol,

li {

  margin: 0;

  padding: 0;

  list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

  padding: 0;

}



p {

  font-size: clamp(14px, 1.3559vw, 16px);

  font-family: var(--font-family);

  font-weight: 400;

  line-height: 1.4;

  color: rgba(var(--cl-d), 1);

}



img {

  max-width: 100%;

  height: auto;

  -o-object-fit: cover;

  object-fit: cover;

}



picture {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



label {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



input {

  width: 100%;

  background-color: transparent;

  border: none;

  outline: none;

}

input::-webkit-input-placeholder {

  font-weight: inherit;

  font-size: inherit;

  line-height: inherit;

  font-family: inherit;

}

input::-moz-placeholder {

  font-weight: inherit;

  font-size: inherit;

  line-height: inherit;

  font-family: inherit;

}

input:-ms-input-placeholder {

  font-weight: inherit;

  font-size: inherit;

  line-height: inherit;

  font-family: inherit;

}

input::-ms-input-placeholder {

  font-weight: inherit;

  font-size: inherit;

  line-height: inherit;

  font-family: inherit;

}

input::placeholder {

  font-weight: inherit;

  font-size: inherit;

  line-height: inherit;

  font-family: inherit;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  margin: 0;

  -webkit-appearance: none;

  appearance: none;

}



textarea {

  border: none;

  outline: none;

  resize: none;

}



input[type=number] {

  -webkit-appearance: textfield;

  -moz-appearance: textfield;

  appearance: textfield;

}



.zzka-container {

  position: relative;

  width: 100%;

  max-width: var(--container-width);

  margin: 0 auto;

  padding: 0 var(--container-offset);

}



.panel,

[data-content] {

  z-index: 20;

  max-height: 0;

  overflow: hidden;

  -webkit-transition: max-height 0.2s;

  transition: max-height 0.2s;

}



.dis-scroll {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  overflow: hidden;

  -ms-scroll-chaining: none !important;

  overscroll-behavior: none !important;

  scroll-behavior: none !important;

}



*::-webkit-scrollbar {

  width: 8px;

  height: 7px;

  cursor: pointer;

}

@media (max-width: 767px) {

  *::-webkit-scrollbar {

    display: none;

  }

}

*::-webkit-scrollbar-thumb {

  background-color: var(--scrollbar-thumb);

  cursor: pointer;

  border-radius: 2px;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

*::-webkit-scrollbar-track {

  background-color: var(--scrollbar-track);

}

*::-webkit-scrollbar-button {

  display: none;

  background-color: transparent;

  -webkit-box-shadow: none;

  box-shadow: none;

}



fieldset {

  margin: 0;

  padding: 0;

  border: none;

}



.zzka-logo {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: clamp(95px, 9.322vw, 110px);

  height: clamp(36px, 3.559vw, 42px);

  aspect-ratio: 3.55;

}

.zzka-logo svg, .zzka-logo img {

  width: 100%;

  height: auto;

}



h1 {

  font-family: var(--font-family);

   font-size: clamp(20px, 2.881vw, 34px);

  line-height: 125%;

  font-weight: 600;

  color: rgba(var(--cl-a), 1);

  text-transform: uppercase;

  text-align: center;

}



h2 {

  font-family: var(--font-family);

  font-size: clamp(20px, 2.712vw, 32px);

  line-height: 125%;

  font-weight: 600;

  color: rgba(var(--cl-a), 1);

  text-transform: uppercase;

}



h3, h4 {

  font-family: var(--font-family);

  font-size: clamp(20px, 1.864vw, 22px);

  font-weight: 600;

  text-align: left;

  text-transform: uppercase;

  color: rgba(var(--cl-a), 1);

}



h5, h6 {

  font-family: var(--font-family);

  font-size: clamp(18px, 1.695vw, 20px);

  font-weight: 600;

  text-align: left;

  text-transform: uppercase;

  color: rgba(var(--cl-a), 1);

}



ol:not([class]) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 10px;

  counter-reset: li;

}

ol:not([class]) li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  padding-left: 20px;

  grid-gap: 10px;

}

ol:not([class]) li::before {

  position: absolute;

  left: 0;

  top: -1px;

  content: counters(li, "") ".";

  counter-increment: li;

  font-size: clamp(15px, 1.4407vw, 17px);

  font-family: var(--font-family);

  font-weight: 700;

  color: rgba(var(--cl-a), 1);

}



ul:not([class]) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 10px;

  position: relative;

}

ul:not([class]) li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  grid-gap: 5px;

  padding-left: 12px;

}

ul:not([class]) li p {

  font-size: 14px;

  font-weight: 500;

}

ul:not([class]) li::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: rgba(var(--bg-d), 1);

}



ul:not([class]) li ul:not([class]) li{

    padding-left: 17px;

}



ul:not([class]) li ul:not([class]) li:before{

    border-radius: 0;

    width: 9px;

    top: 55%;

    height: 2px;

}



ul:not([class]) li:has(ul:not([class])):before {

    content: none;

}



blockquote {

  margin: 0;

  color: rgba(var(--cl-d), 1);

  padding: 15px 15px 15px 55px;

  position: relative;

  background: rgba(var(--bg-e), 1);

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  font-weight: 300;

  border-radius: 10px;

}

blockquote p {

  font-style: italic;

}

blockquote::before {

  content: "";

  width: 16px;

  height: 16px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23fc0' d='M0 216C0 149.7 53.7 96 120 96h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V216zm256 0c0-66.3 53.7-120 120-120h8c17.7 0 32 14.3 32 32s-14.3 32-32 32h-8c-30.9 0-56 25.1-56 56v8h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64h-64c-35.3 0-64-28.7-64-64V216z'/%3E%3C/svg%3E");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

  position: absolute;

  left: 15px;

  top: 20px;

  -webkit-filter: grayscale(1) brightness(0.75);

  filter: grayscale(1) brightness(0.75);

}



table:not([class]) {

  width: 100%;

  border-collapse: collapse;

}

table:not([class]) tbody tr:nth-child(even) td {

  background-color: rgba(var(--bg-e), 1);

}

table:not([class]) th {

  padding: 15px 5px;

  color: rgba(var(--cl-a), 1);

  font-family: var(--font-family);

  font-size: clamp(14px, 1.3559vw, 16px);

  font-weight: 700;

  background-color: rgba(var(--bg-e), 1);

  border: solid 1px rgba(var(--bg-a), 0.5);

}



table:not([class]) ul li{

    padding-left: 0;

}



table:not([class]) ul li:before{

    content: none;

}



table:not([class]) ol li{

    padding-left: 0;

}



table:not([class]) ol li:before{

    content: none;

}



@media (max-width: 415px) {

  table:not([class]) th {

    padding: 10px 3px;

    font-size: 13px;

  }

}

table:not([class]) td {

  text-align: center;

  padding: 10px;

  color: rgba(var(--cl-a), 1);

  font-family: var(--font-family);

  font-size: 14px;

  font-weight: 400;

  border: solid 1px rgba(var(--bg-a), 0.5);

}

@media (max-width: 415px) {

  table:not([class]) td {

    padding: 5px;

    font-size: 13px;

  }

}



@media (max-width: 576px){

  .table-responsive{

    overflow:auto;

    width: calc(100% + (var(--container-offset) * 2));

    margin-left: calc(var(--container-offset) * -1);

    padding: 0 var(--container-offset);

  }

  

  table:not([class]) td p{

      min-width: 125px;

  }

}







.zzka-icon-crash {

  height: 24px;

  width: 24px;

  display: block;

  background-image: url(../img/sprite/crash.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-bonus {

  height: 24px;

  width: 24px;

  display: block;

  background-image: url(../img/sprite/bonus2.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-clasic {

  height: 24px;

  width: 24px;

  display: block;

  background-image: url(../img/sprite/bonus.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-mega {

  height: 24px;

  width: 24px;

  display: block;

  background-image: url(../img/sprite/mega.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-info {

  height: 24px;

  width: 24px;

  display: block;

  background-image: url(../img/sprite/info.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-play {

  height: 20px;

  width: 20px;

  display: block;

  background-image: url(../img/sprite/play.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-pinup {

  height: 24px;

  width: 24px;

  display: block;

  background-image: url(../img/sprite/pin.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-novomatic {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/novomatic.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-up {

  width: 24px;

  height: 24px;

  display: block;

  background-image: url(../img/sprite/up.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-pg {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/pg-soft.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-amatic {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/amatic.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-evo {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/evolution.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-belatra {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/belatra.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-netent {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/netent.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-playngo {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/playngo.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-playson {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/playson.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-visa {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/visa.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-interac {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/interac.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-etrans {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/instant-bank-transfer.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-mc {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/mastercard.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-btc {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/bitcoin.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-home {

  width: 16px;

  height: 16px;

  display: block;

  background-image: url(../img/sprite/home.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-astro {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/astropay-wallet.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-inter {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/astropay-interac.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-ltc {

  width: 120px;

  height: 48px;

  display: block;

  background-image: url(../img/sprite/lite-coin.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-android {

  width: clamp(100px, 10.1695vw, 120px);

  height: clamp(35px, 3.3898vw, 40px);

  display: block;

  background-image: url(../img/sprite/android.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  border: 1px solid var(--br-b);

  border-radius: 4px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.zzka-icon-apple {

  border: 1px solid var(--br-b);

  border-radius: 4px;

  overflow: hidden;

  width: clamp(100px, 10.1695vw, 120px);

  height: clamp(35px, 3.3898vw, 40px);

  display: block;

  background-image: url(../img/sprite/apple.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

  margin-right: 8px;

}

.zzka-icon-mood {

  width: clamp(100px, 10.1695vw, 120px);

  height: clamp(35px, 3.3898vw, 40px);

  display: block;

  background-image: url(../img/sprite/gambling-therapy.svg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}

.zzka-icon-gpwa {

  width: clamp(100px, 10.1695vw, 120px);

  height: clamp(35px, 3.3898vw, 40px);

  display: block;

  background-image: url(../img/index/gpwa.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}



@-webkit-keyframes button-pulse {

  0% {

    -webkit-transform: translate(-50%, -50%) scale(0.7, 0.5);

    transform: translate(-50%, -50%) scale(0.7, 0.5);

    opacity: 0;

    border-radius: 4px;

  }

  12% {

    opacity: 1;

  }

  34% {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

  }

  38% {

    opacity: 0;

  }

  40% {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    opacity: 0;

    border-radius: 8px;

  }

  100% {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    opacity: 0;

    border-radius: 4px;

  }

}



@keyframes button-pulse {

  0% {

    -webkit-transform: translate(-50%, -50%) scale(0.7, 0.5);

    transform: translate(-50%, -50%) scale(0.7, 0.5);

    opacity: 0;

    border-radius: 4px;

  }

  12% {

    opacity: 1;

  }

  34% {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

  }

  38% {

    opacity: 0;

  }

  40% {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    opacity: 0;

    border-radius: 8px;

  }

  100% {

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    opacity: 0;

    border-radius: 4px;

  }

}

.zzka-main-btn {

  font-family: var(--font-family);

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 8px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  font-weight: 500;

  padding: clamp(7px, 0.678vw, 8px) clamp(16px, 2.0339vw, 24px);

  line-height: 24px;

  background: rgba(var(--bg-d), 1);

  color: rgba(var(--cl-a), 1);

  border-radius: 4px;

  font-size: clamp(14px, 1.3559vw, 16px);

  height: clamp(28px, 3.3898vw, 40px);

}

.zzka-main-btn i {

  position: relative;

  top: -1px;

}

.zzka-main-btn:hover {

  background: -webkit-gradient(linear, left bottom, left top, from(rgba(49, 51, 52, 0.15)), to(rgba(49, 51, 52, 0.15))), #ff2400;

  background: linear-gradient(0deg, rgba(49, 51, 52, 0.15), rgba(49, 51, 52, 0.15)), #ff2400;

}

.zzka-main-btn.animate::before {

  content: "";

  -webkit-animation: button-pulse 1.6s ease-out infinite 0.5s;

  animation: button-pulse 1.6s ease-out infinite 0.5s;

  position: absolute;

  border-radius: 4px;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%) scale(0.7, 0.5);

  -ms-transform: translate(-50%, -50%) scale(0.7, 0.5);

  transform: translate(-50%, -50%) scale(0.7, 0.5);

  background: rgba(var(--bg-d), 0.5);

  z-index: -1;

  -webkit-transition: -webkit-transform 0.5s linear;

  transition: -webkit-transform 0.5s linear;

  transition: transform 0.5s linear;

  transition: transform 0.5s linear, -webkit-transform 0.5s linear;

  width: calc(100% + 24px);

  height: calc(100% + 24px);

  pointer-events: none;

}



.zzka-transparent-btn {

  font-family: var(--font-family);

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  text-align: center;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  font-weight: 500;

  padding: clamp(7px, 0.678vw, 8px) clamp(16px, 2.0339vw, 24px);

  line-height: 24px;

  background: transparent;

  color: rgba(var(--cl-a), 1);

  border-radius: 4px;

  font-size: clamp(14px, 1.3559vw, 16px);

  height: clamp(28px, 3.3898vw, 40px);

  position: relative;

}

.zzka-transparent-btn:hover {

  background: rgba(var(--bg-d), 1);

}

.zzka-transparent-btn::before {

  pointer-events: none;

  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background: linear-gradient(191deg, rgb(255, 36, 0) 50%, rgba(255, 36, 0, 0.5) 85%);

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

}



.zzka-info-btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 40px;

  height: 40px;

  position: relative;

  z-index: 1;

}

.zzka-info-btn::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  border-radius: 4px;

  padding: 1px;

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

  background: rgba(var(--bg-f), 1);

}

.zzka-info-btn:hover::before {

  background: var(--gr-k);

}

.zzka-info-btn:hover i {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



.zzka-up-btn {

  padding: 8px;

  background-color: rgba(13, 16, 22, 0.85);

  color: rgba(var(--cl-d), 1);

  border-radius: 4px;

  position: relative;

  position: fixed;

  z-index: 20;

  right: 8px;

  bottom: 64px;

}

.zzka-up-btn::before {

  pointer-events: none;

  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background: var(--gr-n);

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

}

.zzka-up-btn i {

  rotate: -90deg;

}

.zzka-up-btn:hover {

  padding-bottom: 16px;

}

.zzka-up-btn:hover::before {

  background: linear-gradient(180.03deg, #00cfa6 0.03%, rgba(13, 16, 22, 0) 99.98%);

}



.zzka-bonus-btn {

  color: rgba(var(--cl-d), 1);

  background: rgba(var(--bg-g), 1);

  -webkit-box-shadow: 0 -2px #592a2f inset;

  box-shadow: 0 -2px #592a2f inset;

  width: 60px;

  height: 45px;

  padding: 4px 0px 7px 0px;

  margin: 0 5px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  text-align: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  grid-gap: 4px;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  text-transform: uppercase;

  text-decoration: none;

  line-height: 1.4;

  font-size: 8px;

  font-weight: 500;

  border-radius: 5px;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.zzka-bonus-btn:hover {

  background: rgba(var(--bc-n), 1);

}

.zzka-bonus-btn--green {

  color: rgba(var(--cl-e), 1);

  background: rgba(var(--bg-j), 1);

  -webkit-box-shadow: 0 -2px #175f32 inset;

  box-shadow: 0 -2px #175f32 inset;

}

.zzka-bonus-btn--green:hover {

  background: rgba(var(--bc-m), 1);

}

.zzka-bonus-btn--blue {

  color: rgba(var(--cl-f), 1);

  background: rgba(var(--bg-h), 1);

  -webkit-box-shadow: 0 -2px #244d7a inset;

  box-shadow: 0 -2px #244d7a inset;

}

.zzka-bonus-btn--blue:hover {

  background: rgba(var(--bc-l), 1);

}



.zzka-games-btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  min-height: clamp(35px, 3.69vw, 50px);

  padding: 5px 20px;

  background: rgba(var(--bg-c), 1);

  border-radius: 50px;

  color: rgba(var(--cl-c), 1);

  font-size: 20px;

  font-weight: 700;

  letter-spacing: 1px;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

}

.zzka-games-btn:hover {

  background: rgba(var(--bg-d), 1);

  color: rgba(var(--cl-f), 1);

}

.zzka-games-btn__label {

  position: absolute;

  top: -10px;

  right: -10px;

  padding: 5px 10px;

  background: rgba(var(--bg-e), 1);

  border-radius: 20px;

  color: rgba(var(--cl-a), 1);

  font-size: 10px;

  font-weight: 400;

  letter-spacing: 1px;

}



.zzka-footer-links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  grid-gap: clamp(8px, 1.6949vw, 20px);

  position: relative;

  z-index: 1;

  padding-bottom: 16px;

}

.zzka-footer-links__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

}

.zzka-footer-links__btn i {

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  -webkit-filter: grayscale(100);

  filter: grayscale(100);

  width: clamp(75px, 10.0695vw, 120px);

  height: clamp(25px, 3.3898vw, 40px);

}

.zzka-footer-links__btn:hover i {

  -webkit-filter: none;

  filter: none;

}

.zzka-footer-links::before {

  content: "";

  position: absolute;

  bottom: 1px;

  display: initial;

  height: 1px;

  background: var(--gr-m);

  left: -16px;

  right: -16px;

}

@media (max-width: 1239px) and (min-width: 768px) {

  .zzka-footer-links::before {

    left: -24px;

    right: 24px;

  }

}



.zzka-main-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 24px;

}

.zzka-main-box img {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-item-align: center;

  align-self: center;

}

.zzka-main-box button {

  color: rgba(var(--cl-f), 1);

  text-decoration: underline;

  font-family: var(--font-family);

  font-size: 14px;

  line-height: 110%;

  font-weight: 700;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  text-underline-offset: 3px;

}

.zzka-main-box button:hover {

  -webkit-text-decoration-color: transparent;

  text-decoration-color: transparent;

}

.zzka-main-box--mode {

  grid-gap: 18px;

}



.zzka-main-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  gap: 4px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  -ms-flex-item-align: center;

  align-self: center;

}

.zzka-main-top__subtitle {

  font-size: clamp(12px, 1.3559vw, 16px);

  line-height: 130%;

  font-weight: 400;

  color: rgba(var(--cl-a), 1);

  margin-top: 4px;

  margin-bottom: 5px;

}

.zzka-main-top__line {

  width: calc(100% + 2rem);

  height: 1px;

  min-width: 280px;

  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(var(--bg-d), 1)), to(rgba(0, 0, 0, 0)));

  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(var(--bg-d), 1) 50%, rgba(0, 0, 0, 0) 100%);

  position: relative;

  z-index: 1;

}

.zzka-main-top__line:before {

  -webkit-filter: blur(10px);

  filter: blur(10px);

}

.zzka-main-top__line:after, .zzka-main-top__line:before {

  content: "";

  position: absolute;

  bottom: -1px;

  left: 50%;

  -webkit-transform: translate(-50%);

  -ms-transform: translate(-50%);

  transform: translate(-50%);

  height: 3px;

  width: clamp(88px, 9.4915vw, 112px);

  border-radius: 100px;

  background-color: rgba(var(--bg-d), 1);

}

.zzka-main-top.white .zzka-main-top__line {

  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(var(--bg-a), 1)), to(rgba(0, 0, 0, 0)));

  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(var(--bg-a), 1) 50%, rgba(0, 0, 0, 0) 100%);

}

.zzka-main-top.white .zzka-main-top__line:after, .zzka-main-top.white .zzka-main-top__line:before {

  background-color: rgba(var(--bg-a), 1);

}

.zzka-main-top.pink .zzka-main-top__line {

  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(var(--bg-g), 1)), to(rgba(0, 0, 0, 0)));

  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(var(--bg-g), 1) 50%, rgba(0, 0, 0, 0) 100%);

}

.zzka-main-top.pink .zzka-main-top__line:after, .zzka-main-top.pink .zzka-main-top__line:before {

  background-color: rgba(var(--bg-g), 1);

}



.zzka-main-nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  grid-gap: clamp(10px, 1.3889vw, 15px);

}

.zzka-main-nav__list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  grid-gap: clamp(10px, 1.2712vw, 15px);

}

.zzka-main-nav__link {

  position: relative;

  z-index: 3;

  color: rgba(var(--cl-a), 1);

  font-family: var(--font-family);

  position: relative;

  font-weight: 500;

  font-size: clamp(14px, 1.3559vw, 16px);

  text-decoration: none;

}

.zzka-main-nav__link::before {

  width: 0;

  height: 2px;

  border-radius: 4px;

  background-color: rgba(var(--cl-f), 1);

  content: "";

  left: 0;

  position: absolute;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  z-index: 1;

  bottom: -3px;

}

@media (max-width: 1024px) {

  .zzka-main-nav__link::before {

    bottom: 7px;

  }

}

.zzka-main-nav__link:hover::before {

  width: 100%;

}

.zzka-main-nav__link.active::before {

  width: 100%;

}



.zzka-breadcrumbs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 4px;

}

.zzka-breadcrumbs__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  font-size: 12px;

  line-height: 16px;

  font-weight: 400;

  color: rgba(var(--cl-d), 1);

  white-space: nowrap;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.zzka-breadcrumbs__item i {

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

.zzka-breadcrumbs__item:not(:last-child)::after {

  content: "/";

  color: rgba(var(--cl-d), 1) !important;

  margin-left: 4px;

}

.zzka-breadcrumbs__item:not(:last-child):hover {

  color: rgba(var(--cl-a), 1);

}

.zzka-breadcrumbs__item:not(:last-child):hover i {

  -webkit-filter: brightness(100);

  filter: brightness(100);

}



.zzka-bonus-card {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  background-color: rgba(var(--bg-e), 1);

  z-index: 1;

  position: relative;

}

.zzka-bonus-card::before {

  pointer-events: none;

  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background: var(--gr-a);

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

}

.zzka-bonus-card::before {

  z-index: 1;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

@media (min-width: 1240px) {

  .zzka-bonus-card::before {

    visibility: hidden;

  }

}

.zzka-bonus-card:after {

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  content: "";

  display: block;

  position: absolute;

  z-index: -2;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-radius: 8px;

  visibility: visible;

  -webkit-filter: blur(15px);

  filter: blur(15px);

  background: var(--gr-d);

}

@media (min-width: 1024px) {

  .zzka-bonus-card:after {

    border-radius: 16px;

  }

}

@media (min-width: 1240px) {

  .zzka-bonus-card:after {

    visibility: hidden;

    -webkit-filter: none;

    filter: none;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card {

    height: 320px;

    padding: 32px;

    border-radius: 16px;

  }

}

@media (max-width: 1024px) {

  .zzka-bonus-card {

    border-radius: 8px;

  }

}

@media (max-width: 1024px) and (min-width: 375px) {

  .zzka-bonus-card {

    height: 210px;

    padding: 16px;

  }

}

@media (max-width: 375px) {

  .zzka-bonus-card {

    padding: 12px;

    height: 186px;

  }

}

.zzka-bonus-card__bg {

  overflow: hidden;

  inset: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  border-radius: inherit;

  position: absolute;

  z-index: unset;

}

.zzka-bonus-card__bg::before {

  background-image: var(--gr-a);

  z-index: -1;

  content: "";

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(var(--bg-e), 1);

  position: absolute;

}

.zzka-bonus-card__bg picture,

.zzka-bonus-card__bg img {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  object-position: 20% 50%;

  width: auto;

  height: 100%;

  aspect-ratio: 1.79;

}

.zzka-bonus-card__image {

  position: absolute;

  z-index: 1;

  height: auto;

  border-radius: 23px;

  overflow: hidden;

  bottom: -3px;

  right: 0;

  width: 170px;

  pointer-events: none;

}

@media (min-width: 375px) {

  .zzka-bonus-card__image {

    width: 194px;

  }

}

@media (min-width: 550px) {

  .zzka-bonus-card__image {

    right: 17%;

  }

}

@media (min-width: 660px) {

  .zzka-bonus-card__image {

    right: 0;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card__image {

    width: 310px;

  }

  

  .zzka-bonus-card__image img,

  .zzka-bonus-card__image picture{

    aspect-ratio: 0.88;

  }

}

@media (min-width: 1280px) {

  .zzka-bonus-card__image {

    right: 6%;

  }

}

.zzka-bonus-card__image img,

.zzka-bonus-card__image picture {

  width: 100%;

  height: 100%;

}

.zzka-bonus-card__title {

  z-index: 2;

  font-size: 32px;

  line-height: 110%;

  font-weight: 700;

  font-family: var(--second-family);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  font-style: italic;

}

@media (min-width: 375px) {

  .zzka-bonus-card__title {

    font-size: 36px;

    line-height: 100%;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card__title {

    font-size: 52px;

  }

}

.zzka-bonus-card__title b {

  font-weight: 400;

  font-size: 20px;

  line-height: 20px;

}

@media (min-width: 375px) {

  .zzka-bonus-card__title b {

    font-size: 24px;

    line-height: 24px;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card__title b {

    font-size: 36px;

    line-height: 36px;

  }

}

.zzka-bonus-card__prize {

  z-index: 2;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background: var(--gr-b);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  font-size: 16px;

  line-height: 100%;

  font-weight: 700;

  font-family: var(--second-family);

  font-style: italic;

}

@media (min-width: 375px) {

  .zzka-bonus-card__prize {

    font-size: 20px;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card__prize {

    font-size: 32px;

  }

}

.zzka-bonus-card__prize b {

  background: var(--gr-c);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  font-family: var(--second-family);

  font-size: 30px;

  line-height: 100%;

}

@media (min-width: 375px) {

  .zzka-bonus-card__prize b {

    font-size: 36px;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card__prize b {

    font-size: 56px;

  }

}

.zzka-bonus-card__overlay {

  position: absolute;

  z-index: 1;

  top: 0;

  bottom: 1px;

  left: 0;

  right: 1px;

  display: block;

  border-radius: 8px;

  background-repeat: no-repeat;

  background-size: contain;

}

@media (min-width: 1024px) {

  .zzka-bonus-card__overlay {

    border-radius: 16px;

  }

}

.zzka-bonus-card__overlay:before, .zzka-bonus-card__overlay::after {

  background-image: url(../img/index/red-light.png);

  content: "";

  position: absolute;

  z-index: 2;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

.zzka-bonus-card__overlay::before {

  bottom: -35px;

  left: 93px;

  height: 67px;

  width: 67px;

  background-repeat: no-repeat;

  background-size: contain;

  visibility: visible;

}

@media (min-width: 375px) {

  .zzka-bonus-card__overlay::before {

    left: 107px;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card__overlay::before {

    height: 111px;

    width: 111px;

    bottom: -56px;

    left: 218px;

  }

}

@media (min-width: 1240px) {

  .zzka-bonus-card__overlay::before {

    visibility: hidden;

  }

}

.zzka-bonus-card__overlay::after {

  height: 67px;

  width: 67px;

  background-repeat: no-repeat;

  background-size: contain;

  visibility: visible;

  left: 24px;

  top: -34px;

}

@media (min-width: 375px) {

  .zzka-bonus-card__overlay::after {

    left: 37px;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card__overlay::after {

    top: -56px;

    left: 48px;

    height: 111px;

    width: 111px;

  }

}

@media (min-width: 1240px) {

  .zzka-bonus-card__overlay::after {

    visibility: hidden;

  }

}

.zzka-bonus-card button,

.zzka-bonus-card a {

  z-index: 2;

}

.zzka-bonus-card:hover::before {

  opacity: 1;

  visibility: visible;

}

.zzka-bonus-card:hover:after {

  visibility: visible;

  -webkit-filter: blur(15px);

  filter: blur(15px);

}

.zzka-bonus-card:hover .zzka-bonus-card__overlay::before, .zzka-bonus-card:hover .zzka-bonus-card__overlay::after {

  visibility: visible;

}

.zzka-bonus-card.green::before {

  background: var(--gr-e);

}

.zzka-bonus-card.green::after {

  background: var(--gr-f);

}

@media (max-width: 1024px) {

  .zzka-bonus-card.green {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

  }

}

@media (max-width: 1024px) {

  .zzka-bonus-card.green .zzka-bonus-card__title {

    text-align: end;

  }

}

@media (max-width: 1024px) {

  .zzka-bonus-card.green .zzka-bonus-card__prize {

    text-align: end;

  }

}

.zzka-bonus-card.green .zzka-bonus-card__bg::before {

  background-image: radial-gradient(105.93% 112.43% at 114.58% 68.81%, #00ffb2, rgba(0, 255, 209, 0));

  z-index: initial;

  background-color: unset;

}

.zzka-bonus-card.green .zzka-bonus-card__bg picture,

.zzka-bonus-card.green .zzka-bonus-card__bg img {

  margin: 0;

  width: 100%;

  height: 100%;

  object-position: initial;

}

.zzka-bonus-card.green .zzka-bonus-card__image {

  right: initial;

  left: 4px;

}

@media (min-width: 550px) {

  .zzka-bonus-card.green .zzka-bonus-card__image {

    left: 17%;

  }

}

@media (min-width: 660px) {

  .zzka-bonus-card.green .zzka-bonus-card__image {

    left: 0;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card.green .zzka-bonus-card__image {

    width: 300px;

    left: auto;

    right: 0;

  }

}

@media (min-width: 1280px) {

  .zzka-bonus-card.green .zzka-bonus-card__image {

    right: 6%;

  }

}

.zzka-bonus-card.green .zzka-bonus-card__overlay:before, .zzka-bonus-card.green .zzka-bonus-card__overlay::after {

  background-image: url(../img/index/green-light.png);

}

.zzka-bonus-card.green .zzka-bonus-card__overlay::before {

  top: 36px;

  left: -34px;

}

@media (min-width: 375px) {

  .zzka-bonus-card.green .zzka-bonus-card__overlay::before {

    top: 44px;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card.green .zzka-bonus-card__overlay::before {

    top: 83px;

    left: -56px;

  }

}

.zzka-bonus-card.green .zzka-bonus-card__overlay::after {

  left: initial;

  right: 4px;

  top: -34px;

}

@media (min-width: 375px) {

  .zzka-bonus-card.green .zzka-bonus-card__overlay::after {

    right: 8px;

  }

}

@media (min-width: 1024px) {

  .zzka-bonus-card.green .zzka-bonus-card__overlay::after {

    top: -56px;

  }

}



.zzka-slots-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  position: relative;

  z-index: 1;

}

@media (min-width: 768px) {

  .zzka-slots-card {

    margin: 0 12px;

  }

}

.zzka-slots-card__value {

  font-family: var(--font-3);

  min-width: 48px;

  margin-right: 4px;

  font-size: 42px;

  line-height: 1;

  text-align: right;

  color: rgba(var(--cl-a), 1);

}

@media (min-width: 375px) {

  .zzka-slots-card__value {

    min-width: 55px;

    font-size: 48px;

  }

}

@media (min-width: 768px) {

  .zzka-slots-card__value {

    min-width: auto;

    font-size: 60px;

    margin-right: 0.5rem;

  }

}

.zzka-slots-card__text {

  font-size: 12px;

  line-height: 16px;

  font-weight: 400;

  margin-bottom: 4px;

  color: rgba(var(--cl-d), 1);

}

@media (min-width: 375px) {

  .zzka-slots-card__text {

    font-size: 14px;

    line-height: 18px;

    font-weight: 400;

    margin-bottom: 6px;

  }

}

@media (min-width: 768px) {

  .zzka-slots-card__text {

    font-size: 16px;

    line-height: 22px;

    font-weight: 400;

  }

}

.zzka-slots-card__link {

  opacity: 0;

  position: absolute;

  z-index: 5;

  inset: 0;

}



.zzka-prizes-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  z-index: 1;

}

.zzka-prizes-card::before {

  background-image: url(../img/sprite/prize-bg.svg);

  background-repeat: no-repeat;

  background-position: center;

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  height: 280px;

  width: 280px;

  z-index: -1;

  background-size: contain;

  pointer-events: none;

}

.zzka-prizes-card__image {

  width: 100%;

  height: 170px;

  margin-bottom: 24px;

}

.zzka-prizes-card__image img {

  width: 100%;

  height: 100%;

}

.zzka-prizes-card__amount {

  font-size: 20px;

  line-height: 26px;

  font-weight: 400;

  font-weight: 500;

  color: rgba(var(--cl-a), 1);

  text-align: center;

}

.zzka-prizes-card__title {

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  color: rgba(var(--cl-a), 1);

  text-align: center;

}



.zzka-coin-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 180px;

  gap: 20px;

  text-align: center;

}

@media (min-width: 1024px) {

  .zzka-coin-card {

    width: clamp(120px, 11.8644vw, 140px);

  }

}

.zzka-coin-card__image {

  position: relative;

  -webkit-transform-style: preserve-3d;

  -webkit-animation: spin 2s linear infinite;

  animation: spin 2s linear infinite;

  -webkit-transform: rotateY(0);

  transform: rotateY(0);

  -webkit-transition: -webkit-transform 0.5s;

  transition: -webkit-transform 0.5s;

  transition: transform 0.5s;

  transition: transform 0.5s, -webkit-transform 0.5s;

  width: 100%;

  -ms-flex-item-align: center;

  align-self: center;

}

@media (max-width: 1024px) {

  .zzka-coin-card__image {

    width: 140px;

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

  }

}

.zzka-coin-card__image img {

  -o-object-fit: contain;

  object-fit: contain;

  -webkit-transition: opacity 0.5s;

  transition: opacity 0.5s;

}

.zzka-coin-card__image-front {

  display: block;

  position: relative;

  opacity: 1;

}

@media (max-width: 1024px) {

  .zzka-coin-card__image-front {

    opacity: 0;

  }

}

.zzka-coin-card__image-back {

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transform: translateZ(-0.005em) scaleX(-1);

  transform: translateZ(-0.005em) scaleX(-1);

}

@media (max-width: 1024px) {

  .zzka-coin-card__image-back {

    opacity: 1;

  }

}

.zzka-coin-card:hover .zzka-coin-card__image {

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.zzka-coin-card:hover .zzka-coin-card__image-front {

  opacity: 0;

}

.zzka-coin-card:hover .zzka-coin-card__image-back {

  opacity: 1;

}



.zzka-game-card {

  --gradient-angle: 125deg;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  display: grid;

  border-radius: 4px;

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease;

  overflow: hidden;

  width: 100%;

}

.zzka-game-card::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  border-radius: 4px;

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

  opacity: 0;

  z-index: 2;

  width: calc(100% - 2px);

  height: calc(100% - 2px);

  padding: 1px;

  pointer-events: none;

  background: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-angle)), color-stop(0%, #00cfa6), color-stop(59.09%, rgba(13, 16, 22, 0.2)));

  background: linear-gradient(var(--gradient-angle), #00cfa6 0%, rgba(13, 16, 22, 0.2) 59.09%);

}

.zzka-game-card:hover {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03);

  z-index: 3;

}

.zzka-game-card:hover::before {

  opacity: 1;

}

.zzka-game-card:hover .zzka-game-card__wrapp {

  opacity: 1;

  visibility: visible;

}

.zzka-game-card__image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

  border-radius: inherit;

  grid-area: 1/-1;

  aspect-ratio: 1.3008849558/1;

  position: relative;

}

.zzka-game-card__image img,

.zzka-game-card__image picture {

  width: 100%;

  height: 100%;

}

.zzka-game-card button, .zzka-game-card a {

  max-width: 133px;

  width: 100%;

}

.zzka-game-card .zzka-transparent-btn::before {

  background: rgba(var(--bg-a), 1);

}

.zzka-game-card .zzka-transparent-btn:hover {

  background: rgba(var(--bg-a), 0.2);

}

.zzka-game-card__wrapp {

  position: absolute;

  inset: 0;

  z-index: 5;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 10px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

  background: rgba(var(--bg-c), 0.7);

  padding: 8px;

}

.zzka-game-card__title {

  font-family: var(--font-family);

  display: block;

  overflow-x: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  color: rgba(var(--cl-c), 1);

  width: 100%;

  position: absolute;

  top: 8px;

  max-width: calc(100% - 16px);

  left: 8px;

}



.zzka-popular-card {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  text-align: center;

  background-color: rgba(var(--bg-e), 1);

  border-radius: 4px;

  padding: 0;

  position: relative;

  height: 134px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

}

@media (min-width: 375px) {

  .zzka-popular-card {

    height: 160px;

  }

}

@media (min-width: 1024px) {

  .zzka-popular-card {

    height: 182px;

  }

}

.zzka-popular-card::before {

  pointer-events: none;

  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background: var(--gr-h);

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

}

.zzka-popular-card::before {

  z-index: 1;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

@media (min-width: 1240px) {

  .zzka-popular-card::before {

    visibility: hidden;

  }

}

.zzka-popular-card:after {

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  content: "";

  display: block;

  position: absolute;

  z-index: -2;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-radius: 4px;

  visibility: visible;

  -webkit-filter: blur(10px);

  filter: blur(10px);

  background: var(--gr-j);

  opacity: 0.2;

}

@media (min-width: 1240px) {

  .zzka-popular-card:after {

    visibility: hidden;

    -webkit-filter: none;

    filter: none;

  }

}

.zzka-popular-card__image {

  width: 146px;

  height: 102px;

  z-index: 2;

}

@media (min-width: 375px) {

  .zzka-popular-card__image {

    width: 174px;

    height: 122px;

  }

}

@media (min-width: 1024px) {

  .zzka-popular-card__image {

    width: 240px;

    height: 124px;

    margin-top: -16px;

  }

}

.zzka-popular-card__image img,

.zzka-popular-card__image picture {

  -o-object-fit: contain;

  object-fit: contain;

  width: 100%;

  height: 100%;

}

.zzka-popular-card__title {

  font-family: var(--font-family);

  position: relative;

  font-size: 14px;

  line-height: 14px;

  font-weight: 900;

  text-transform: uppercase;

  padding: 0 8px;

  height: 28px;

  margin-top: -5px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

@media (min-width: 375px) {

  .zzka-popular-card__title {

    font-size: 18px;

    line-height: 18px;

    height: 36px;

  }

}

@media (min-width: 1024px) {

  .zzka-popular-card__title {

    font-size: 26px;

    line-height: 26px;

    height: 52px;

    margin-top: 8px;

  }

}

.zzka-popular-card__overlay {

  position: absolute;

  z-index: 1;

  top: 0;

  bottom: 1px;

  left: 0;

  right: 1px;

  display: block;

  border-radius: 4px;

  background-repeat: no-repeat;

  background-image: url(../img/index/card-underlay1.png);

  background-size: 322px;

  background-position: top -193px left -175px;

}

@media (min-width: 375px) {

  .zzka-popular-card__overlay {

    background-position: top -246px left -223px;

  }

}

@media (min-width: 375px) {

  .zzka-popular-card__overlay {

    background-size: 400px;

  }

}

.zzka-popular-card__overlay:before, .zzka-popular-card__overlay::after {

  background-image: url(../img/index/white-light.png);

  content: "";

  position: absolute;

  z-index: 2;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

.zzka-popular-card__overlay::before {

  background-repeat: no-repeat;

  background-size: contain;

  visibility: visible;

  height: 50px;

  width: 51px;

  bottom: 2px;

  left: -25px;

}

@media (min-width: 375px) {

  .zzka-popular-card__overlay::before {

    bottom: 12px;

    left: -25px;

  }

}

@media (min-width: 1240px) {

  .zzka-popular-card__overlay::before {

    visibility: hidden;

  }

}

.zzka-popular-card__overlay::after {

  height: 50px;

  width: 51px;

  background-repeat: no-repeat;

  background-size: contain;

  visibility: visible;

  right: 36px;

  top: -26px;

}

@media (min-width: 375px) {

  .zzka-popular-card__overlay::after {

    right: 20px;

  }

}

@media (min-width: 1024px) {

  .zzka-popular-card__overlay::after {

    right: 10px;

  }

}

@media (min-width: 1240px) {

  .zzka-popular-card__overlay::after {

    visibility: hidden;

  }

}

.zzka-popular-card:hover::before {

  opacity: 1;

  visibility: visible;

}

.zzka-popular-card:hover:after {

  visibility: visible;

}

.zzka-popular-card:hover .zzka-popular-card__overlay::before, .zzka-popular-card:hover .zzka-popular-card__overlay::after {

  visibility: visible;

}



.zzka-popular-list {

  display: grid;

  grid-gap: 10px;

}

.zzka-popular-list__item:nth-of-type(2) .zzka-popular-card__overlay {

  background-position: bottom -200px left -173px;

}

@media (min-width: 375px) {

  .zzka-popular-list__item:nth-of-type(2) .zzka-popular-card__overlay {

    background-position: bottom -255px left -215px;

  }

}

@media (min-width: 1240px) {

  .zzka-popular-list__item:nth-of-type(2) .zzka-popular-card__overlay {

    background-position: bottom -291px left -176px;

  }

}

.zzka-popular-list__item:nth-of-type(3) .zzka-popular-card__overlay {

  background-position: top -48px right -181px;

}

@media (min-width: 375px) {

  .zzka-popular-list__item:nth-of-type(3) .zzka-popular-card__overlay {

    background-position: top -64px right -227px;

  }

}

@media (min-width: 1240px) {

  .zzka-popular-list__item:nth-of-type(3) .zzka-popular-card__overlay {

    background-position: top -262px right -211px;

  }

}

.zzka-popular-list__item:last-of-type .zzka-popular-card__overlay {

  background-position: bottom -196px right -175px;

}

@media (min-width: 375px) {

  .zzka-popular-list__item:last-of-type .zzka-popular-card__overlay {

    background-position: bottom -236px right -219px;

  }

}

@media (min-width: 1240px) {

  .zzka-popular-list__item:last-of-type .zzka-popular-card__overlay {

    background-position: bottom -221px right -197px;

  }

}

@media (min-width: 768px) {

  .zzka-popular-list {

    grid-template-columns: repeat(4, 1fr);

  }

}

@media (max-width: 767px) {

  .zzka-popular-list {

    grid-template-columns: repeat(2, 1fr);

  }

}



.zzka-slots-list {

  width: 100%;

}

@media (min-width: 768px) {

  .zzka-slots-list {

    max-width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 0 44px;

    grid-gap: 0;

    margin-top: -1px;

  }

}

@media (max-width: 767px) {

  .zzka-slots-list {

    max-width: 375px;

    margin: 7px auto 8px;

    display: grid;

    grid-gap: 8px 16px;

    grid-template-columns: 1fr 1fr;

  }

}



.zzka-accordion {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 15px;

}

.zzka-accordion__item {

  border-radius: 8px;

  border: solid 1px rgba(var(--bg-a), 0.2);

  background: rgba(var(--bg-e), 1);

}

.zzka-accordion__button {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  grid-gap: 10px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  border-radius: 8px;

  border: none;

  text-decoration: none !important;

  padding: 13px clamp(20px, 2.7778vw, 30px);

}

.zzka-accordion__button.active {

  border-bottom: none;

  border-radius: 8px 8px 0 0;

}

.zzka-accordion__button.active .zzka-accordion__icon {

  rotate: 180deg;

}

.zzka-accordion__button:hover .zzka-accordion__icon {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.zzka-accordion__icon {

  -webkit-transition: all ease 0.3s;

  transition: all ease 0.3s;

  position: relative;

  top: 0px;

  z-index: 1;

  background-color: rgba(var(--bg-d), 1);

  width: 30px;

  height: 30px;

  border-radius: 50%;

  -ms-flex-negative: 0;

  flex-shrink: 0;

}

.zzka-accordion__icon::before {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  z-index: 2;

  border-bottom: 2px solid var(--br-b);

  border-left: 2px solid var(--br-b);

  rotate: -45deg;

  top: 8px;

  left: 10px;

}

.zzka-accordion__content {

  width: 100%;

  border-radius: 0 0 8px 8px;

}

.zzka-accordion__box {

  border-radius: inherit;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 15px;

  padding: 5px 36px 15px clamp(20px, 2.7778vw, 30px);

  margin-bottom: 1px;

}

.zzka-accordion__title {

  font-family: var(--font-family);

  font-size: 16px;

  font-weight: 600;

  text-align: start;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  line-height: 1.7;

  color: rgba(var(--cl-a), 1);

}

.zzka-accordion p {

  font-size: clamp(14px, 1.3559vw, 16px);

  font-weight: 400;

  line-height: 1.3;

  color: rgba(var(--cl-a), 1);

  font-family: var(--font-family);

}



.zzka-timer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  grid-gap: 17px;

}

.zzka-timer__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  font-family: var(--font-family);

  font-size: 24px;

  line-height: 28px;

  font-weight: 700;

  color: rgba(var(--cl-a), 1);

}

.zzka-timer__item:not(:nth-child(1)):after {

  content: ":";

  position: absolute;

  left: -13px;

  top: 1.5px;

  line-height: 24px;

  font-weight: 700;

  color: rgba(var(--cl-a), 0.2);

  font-family: var(--font-family);

}

.zzka-timer__text {

  font-size: 12px;

  line-height: 16px;

  font-weight: 400;

  color: rgba(var(--cl-d), 1);

  text-align: center;

}

.zzka-timer.stop .zzka-timer__value {

  color: rgba(var(--cl-d), 1);

}



.zzka-slot-card {

  position: relative;

  z-index: 2;

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  height: 100%;

  padding: 16px 0 0;

  width: 100%;

  background-color: rgba(var(--bg-e), 1);

  border-radius: 4px;

}

.zzka-slot-card__label {

  font-size: 12px;

  line-height: 16px;

  font-weight: 400;

  font-weight: 500;

  position: absolute;

  top: 8px;

  left: 8px;

  z-index: 3;

  color: var(--color-label-txt);

  text-transform: uppercase;

  border-radius: 2px;

  padding: 2px 4px;

  text-align: center;

  background: rgba(var(--bg-d), 1);

}

.zzka-slot-card__label.green {

  background: rgba(var(--bg-h), 1);

}

.zzka-slot-card__image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  width: 100%;

  height: 160px;

  margin-top: -26px;

  overflow: hidden;

  z-index: 1;

  background-image: var(--gr-l);

}

.zzka-slot-card__image::before {

  content: "";

  position: absolute;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 73px;

  background-image: var(--gr-l);

  z-index: 1;

}

.zzka-slot-card__image img {

  width: 100%;

  height: 100%;

  display: block;

}

.zzka-slot-card__bottom {

  display: grid;

  grid-template-columns: 1fr auto;

  grid-gap: 8px;

  padding: 0 16px 16px;

}

.zzka-slot-card__bottom .zzka-main-btn {

  width: 100%;

  height: 40px;

}

.zzka-slot-card__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  text-align: center;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  padding: 0 16px;

  margin-bottom: 8px;

}

.zzka-slot-card__box p {

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  color: rgba(var(--cl-d), 1);

  text-align: center;

}

.zzka-slot-card__box p button {

  color: rgba(var(--cl-f), 1);

  text-decoration: underline;

  margin-left: 4px;

}

.zzka-slot-card__wrapp {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

.zzka-slot-card__text {

  font-size: 12px;

  line-height: 16px;

  font-weight: 400;

  color: rgba(var(--cl-d), 1);

}

.zzka-slot-card__sum {

  font-size: 28px;

  line-height: 33px;

  font-weight: 700;

  white-space: nowrap;

  color: rgba(var(--cl-a), 1);

}

.zzka-slot-card__title {

  font-size: 20px;

  line-height: 26px;

  font-weight: 400;

  font-weight: 500;

  min-height: 52px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  padding: 6px 16px 0;

  margin-bottom: 8px;

  color: rgba(var(--cl-a), 1);

}

.zzka-slot-card .zzka-timer {

  margin-bottom: 16px;

}

.zzka-slot-card__count {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.zzka-footer-app {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

}



.zzka-slots-slider__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.zzka-slots-slider__image {

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media (max-width: 1024px) {

  .zzka-slots-slider .splide__track {

    overflow: visible;

  }

}

.zzka-slots-slider .splide__slide {

  margin-top: 26px;

}

@media (max-width: 1024px) {

  .zzka-slots-slider .splide__slide {

    width: 412px;

  }

}

@media (max-width: 1024px) and (min-width: 319px) {

  .zzka-slots-slider .splide__slide {

    width: 288px;

  }

}

@media (max-width: 1024px) and (min-width: 375px) {

  .zzka-slots-slider .splide__slide {

    width: 330px;

  }

}

@media (max-width: 1024px) and (min-width: 410px) {

  .zzka-slots-slider .splide__slide {

    width: 350px;

  }

}

@media (max-width: 1024px) and (min-width: 480px) {

  .zzka-slots-slider .splide__slide {

    width: 380px;

  }

}

@media (max-width: 1024px) and (min-width: 520px) {

  .zzka-slots-slider .splide__slide {

    width: 412px;

  }

}

@media (max-width: 1024px) and (min-width: 600px) {

  .zzka-slots-slider .splide__slide {

    width: 288px;

  }

}

@media (max-width: 1024px) and (min-width: 650px) {

  .zzka-slots-slider .splide__slide {

    width: 310px;

  }

}

@media (max-width: 1024px) and (min-width: 760px) {

  .zzka-slots-slider .splide__slide {

    width: 330px;

  }

}

@media (max-width: 1024px) and (min-width: 800px) {

  .zzka-slots-slider .splide__slide {

    width: 350px;

  }

}

@media (max-width: 1024px) and (min-width: 840px) {

  .zzka-slots-slider .splide__slide {

    width: 380px;

  }

}



.zzka-promo-list {

  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(clamp(300px, 27.1186vw, 320px), 1fr));

  grid-gap: 20px;

}

.zzka-promo-list__item {

  height: 100%;

}

.zzka-promo-list .zzka-slot-card {

  min-height: 408px;

}

.zzka-promo-list .zzka-slot-card__title {

  min-height: initial;

  padding: 6px clamp(16px, 2.5424vw, 30px) 0;

}

.zzka-promo-list .zzka-slot-card__image {

  max-width: 400px;

  -ms-flex-item-align: center;

  align-self: center;

}



.zzka-promo-nav {

  width: 100%;

  position: relative;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: clamp(30px, 3.3898vw, 40px);

}

.zzka-promo-nav::before {

  content: "";

  pointer-events: none;

  position: absolute;

  bottom: 1px;

  display: initial;

  height: 1px;

  background: var(--gr-m);

  left: -16px;

  right: -16px;

  opacity: 0.7;

}

.zzka-promo-nav__btn {

  font-size: 16px;

  line-height: 22px;

  font-weight: 400;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  padding: 8px 0 10px;

  color: rgba(var(--cl-d), 1);

  cursor: pointer;

  margin-bottom: 1px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.zzka-promo-nav__btn::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: -16px;

  height: 1px;

  width: calc(100% + 32px);

  background: var(--gr-o);

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.zzka-promo-nav__btn:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translate(-50%) translateY(50%);

  -ms-transform: translate(-50%) translateY(50%);

  transform: translate(-50%) translateY(50%);

  height: 3px;

  width: 30px;

  background: rgba(var(--bg-d), 1);

  border-radius: 4px;

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.zzka-promo-nav__btn.active {

  color: rgba(var(--cl-a), 1);

}

.zzka-promo-nav__btn.active::before, .zzka-promo-nav__btn.active:after {

  opacity: 1;

}

.zzka-promo-nav__btn:hover {

  color: rgba(var(--cl-a), 1);

}



.zzka-prizes-list {

  display: grid;

  justify-items: center;

  grid-gap: 24px;

}

@media (max-width: 1024px) and (min-width: 768px) {

  .zzka-prizes-list {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (min-width: 1024px) {

  .zzka-prizes-list {

    grid-gap: 16px;

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

}



.zzka-coins-slider {

  width: 100%;

}

@media (max-width: 1024px) {

  .zzka-coins-slider {

    position: relative;

    -ms-flex-item-align: center;

    align-self: center;

    width: calc(100% + var(--container-offset) * 2);

    margin-left: calc(var(--container-offset) * -1);

  }

  .zzka-coins-slider:after {

    background: -webkit-gradient(linear, right top, left top, from(#0d1016), color-stop(98%, rgba(13, 16, 22, 0)));

    background: linear-gradient(270deg, #0d1016 0%, rgba(13, 16, 22, 0) 98%);

    width: 100px;

    right: 0;

    position: absolute;

    height: 100%;

    z-index: 1;

    content: "";

    top: 0;

    pointer-events: none;

  }

  .zzka-coins-slider:before {

    background: -webkit-gradient(linear, left top, right top, from(#0d1016), color-stop(98%, rgba(13, 16, 22, 0)));

    background: linear-gradient(90deg, #0d1016 0%, rgba(13, 16, 22, 0) 98%);

    width: 100px;

    pointer-events: none;

    left: 0;

    position: absolute;

    height: 100%;

    z-index: 1;

    content: "";

    top: 0;

  }

}

.zzka-coins-slider .splide__slide {

  margin-top: 26px;

}

@media (max-width: 1024px) {

  .zzka-coins-slider .splide__slide {

    margin-left: -25px;

    width: 180px;

    -webkit-transform: scale(0.8) translateY(-5%);

    -ms-transform: scale(0.8) translateY(-5%);

    transform: scale(0.8) translateY(-5%);

  }

  .zzka-coins-slider .splide__slide .zzka-coin-card {

    opacity: 0.6;

  }

  .zzka-coins-slider .splide__slide .zzka-coin-card p {

    opacity: 0;

  }

}

@media (max-width: 1024px) {

  .zzka-coins-slider .splide__slide.is-active {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  .zzka-coins-slider .splide__slide.is-active .zzka-coin-card {

    opacity: 1;

  }

  .zzka-coins-slider .splide__slide.is-active .zzka-coin-card p {

    opacity: 1;

  }

}



.zzka-game-list {

  display: grid;

  grid-gap: 8px;

}

@media (min-width: 1024px) {

  .zzka-game-list {

    grid-template-columns: repeat(5, 1fr);

  }

}

@media (max-width: 1024px) and (min-width: 576px) {

  .zzka-game-list {

    grid-template-columns: repeat(3, 1fr);

  }

}

@media (max-width: 576px) and (min-width: 415px) {

  .zzka-game-list {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 415px) {

  .zzka-game-list {

    grid-template-columns: 100%;

  }

}



.zzka-game-nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 100%;

}

.zzka-game-nav__btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  padding: 8px 0 10px;

  min-width: 48px;

  min-height: 100%;

  padding-right: 8px;

  padding-left: 8px;

  font-family: var(--font-family);

  font-size: 10px;

  line-height: 14px;

  font-weight: 400;

  white-space: nowrap;

  color: rgba(var(--cl-d), 1);

}

@media (min-width: 375px) {

  .zzka-game-nav__btn {

    padding-bottom: 8px;

    font-size: 12px;

    line-height: 16px;

    font-weight: 400;

  }

}

@media (min-width: 768px) {

  .zzka-game-nav__btn {

    padding-right: 12px;

    padding-left: 12px;

    font-size: 14px;

    line-height: 18px;

    font-weight: 400;

  }

}

@media (min-width: 1280px) {

  .zzka-game-nav__btn {

    padding-bottom: 16px;

  }

}

.zzka-game-nav__btn:before {

  width: 100%;

  height: 1px;

  background: var(--gr-g);

  -webkit-transform: translate(-50%);

  -ms-transform: translate(-50%);

  transform: translate(-50%);

  position: absolute;

  bottom: 1px;

  left: 50%;

  content: "";

  opacity: 0;

  visibility: hidden;

}

.zzka-game-nav__btn:after {

  content: "";

  position: absolute;

  bottom: 1px;

  left: 50%;

  bottom: 0;

  height: 3px;

  width: 20px;

  background: rgba(var(--bg-d), 1);

  border-radius: 100px;

  -webkit-transform: translate(-50%) translateY(0);

  -ms-transform: translate(-50%) translateY(0);

  transform: translate(-50%) translateY(0);

  opacity: 0;

  visibility: hidden;

}

.zzka-game-nav__btn i {

  -webkit-filter: brightness(0) saturate(100%) invert(60%) sepia(3%) saturate(1090%) hue-rotate(182deg) brightness(87%) contrast(88%);

  filter: brightness(0) saturate(100%) invert(60%) sepia(3%) saturate(1090%) hue-rotate(182deg) brightness(87%) contrast(88%);

  will-change: filter;

}

.zzka-game-nav__btn:hover:not(.active) {

  -webkit-transform: scale(1.13);

  -ms-transform: scale(1.13);

  transform: scale(1.13);

}

.zzka-game-nav__btn:hover:not(.active) i {

  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(343deg) brightness(102%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(343deg) brightness(102%) contrast(101%);

}

.zzka-game-nav__btn.active {

  color: rgba(var(--cl-a), 1);

}

.zzka-game-nav__btn.active::before, .zzka-game-nav__btn.active::after {

  opacity: 1;

  visibility: visible;

}

.zzka-game-nav__btn.active i {

  -webkit-filter: brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(5905%) hue-rotate(6deg) brightness(104%) contrast(105%);

  filter: brightness(0) saturate(100%) invert(28%) sepia(100%) saturate(5905%) hue-rotate(6deg) brightness(104%) contrast(105%);

}



.zzka-footer-nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 8px;

  position: relative;

  z-index: 1;

}

.zzka-footer-nav::before {

  content: attr(data-title);

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  font-weight: 500;

  color: rgba(var(--cl-a), 1);

  display: block;

}

@media (min-width: 768px) {

  .zzka-footer-nav::before {

    font-size: 16px;

    line-height: 22px;

    font-weight: 400;

    font-weight: 500;

  }

}

.zzka-footer-nav__list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  grid-gap: 4px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.zzka-footer-nav__item {

  font-size: 12px;

  line-height: 16px;

  font-weight: 400;

  padding-left: 12px;

  position: relative;

}

.zzka-footer-nav__item::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  width: 0.25rem;

  height: 0.25rem;

  border-radius: 50%;

  background: rgba(var(--cl-d), 1);

}

.zzka-footer-nav__item * {

  display: block;

  color: rgba(var(--cl-d), 1);

  text-decoration: none;

  text-overflow: ellipsis;

  overflow: hidden;

  text-align: start;

}

.zzka-footer-nav__item a, .zzka-footer-nav__item button {

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}

.zzka-footer-nav__item a:hover, .zzka-footer-nav__item button:hover {

  color: rgba(var(--cl-f), 1);

}



.zzka-footer-bonus {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 8px;

  position: relative;

  z-index: 1;

  width: 215px;

}

.zzka-footer-bonus::before {

  content: attr(data-title);

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  font-weight: 500;

  color: rgba(var(--cl-a), 1);

  display: block;

}

@media (min-width: 768px) {

  .zzka-footer-bonus::before {

    font-size: 16px;

    line-height: 22px;

    font-weight: 400;

    font-weight: 500;

  }

}

.zzka-footer-bonus__list {

  display: grid;

  grid-auto-columns: -webkit-max-content;

  grid-auto-columns: max-content;

}

@media (min-width: 768px) {

  .zzka-footer-bonus__list {

    grid-auto-flow: column;

    grid-gap: 49px;

  }

}

@media (max-width: 767px) {

  .zzka-footer-bonus__list {

    grid-gap: 33px;

    grid-auto-flow: column;

  }

}

.zzka-footer-bonus__item {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 2px;

}

.zzka-footer-bonus__item a,

.zzka-footer-bonus__item button {

  font-size: 14px;

  line-height: 16px;

  font-weight: 400;

  color: rgba(var(--cl-a), 1);

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}

.zzka-footer-bonus__item a:hover,

.zzka-footer-bonus__item button:hover {

  color: rgba(var(--cl-f), 1);

}

.zzka-footer-bonus__item:last-of-type::before {

  content: "";

  position: absolute;

  top: 5px;

  left: -16px;

  height: 24px;

  width: 1px;

  background: #232834;

}

@media (min-width: 768px) {

  .zzka-footer-bonus__item:last-of-type::before {

    left: -24px;

  }

}

.zzka-footer-bonus__text {

  color: rgba(var(--cl-d), 1);

  font-size: 12px;

  line-height: 16px;

  font-weight: 400;

}



.zzka-demo-card {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  overflow: hidden;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  background-color: rgb(35, 35, 35);

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border-radius: 5px;

}

.zzka-demo-card__image {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: relative;

  height: clamp(350px, 55.0847vw, 650px);

  width: 100%;

  border-radius: 5px;

  overflow: hidden;

}

.zzka-demo-card__image::before {

  position: absolute;

  content: "";

  z-index: 2;

  background-color: rgba(23, 21, 21, 0.3);

  inset: 0;

  border-radius: 5px;

  pointer-events: none;

}

.zzka-demo-card__image img {

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  width: 100%;

  height: 100%;

  -webkit-filter: blur(4px);

  filter: blur(4px);

}

.zzka-demo-card button {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 5;

  width: 220px;

  color: rgba(var(--cl-a), 1);

}

.zzka-demo-card:hover img {

  -webkit-transform: scale(1.03);

  -ms-transform: scale(1.03);

  transform: scale(1.03);

}



.zzka-header {

  left: 0;

  right: 0;

  position: fixed;

  z-index: 30;

  top: 0;

  padding: clamp(8px, 1.3559vw, 16px) 0;

  background-color: rgba(var(--bg-c), 1);

}

.zzka-header__box {

  display: grid;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  grid-template-columns: auto 1fr auto;

  grid-gap: 10px clamp(15px, 2.1186vw, 25px);

}

@media (min-width: 1024px) {

  .zzka-header__box .zzka-main-nav {

    -webkit-box-ordinal-group: 0;

    -ms-flex-order: -1;

    order: -1;

  }

}

@media (min-width: 1024px) {

  .zzka-header__box .zzka-logo {

    -webkit-box-ordinal-group: -1;

    -ms-flex-order: -2;

    order: -2;

    width: 110px;

    height: 42px;

  }

}

@media (max-width: 1024px) {

  .zzka-header__box {

    grid-template-columns: auto 1fr auto;

    justify-items: end;

  }

}

@media (max-width: 415px) {

  .zzka-header__box {

    grid-template-columns: auto 1fr;

  }

}

.zzka-header__inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 8px;

}

@media (max-width: 415px) {

  .zzka-header__inner {

    grid-row: 2;

    grid-column: 1/-1;

    width: 100%;

  }

  .zzka-header__inner a, .zzka-header__inner button {

    width: 100%;

  }

}

.zzka-header__bonus {

  color: #a7a7a7;

  font-size: clamp(14px, 1.3559vw, 16px);

  font-weight: 500;

}

@media (max-width: 1024px) {

  .zzka-header__bonus {

    font-size: 12px;

  }

}

@media (min-width: 768px) {

  .zzka-header__bonus {

    margin-right: clamp(4px, 0.678vw, 8px);

  }

}

@media (max-width: 767px) {

  .zzka-header__bonus {

    display: none;

  }

}

.zzka-header .zzka-burger {

  justify-self: end;

}

@media (min-width: 1024px) {

  .zzka-header .zzka-burger {

    display: none;

  }

}

@media (max-width: 1024px) {

  .zzka-header .zzka-burger {

    --burger-width: 24px;

    --burger-height: 14px;

    --burger-line-height: 2px;

    --border-radius: 3px;

    position: relative;

    border: none;

    padding: 0;

    width: var(--burger-width);

    height: var(--burger-height);

    color: rgba(var(--cl-a), 1);

    background-color: transparent;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    cursor: pointer;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

  }

  .zzka-header .zzka-burger::before, .zzka-header .zzka-burger::after {

    content: "";

    position: absolute;

    right: 0;

    width: 100%;

    height: var(--burger-line-height);

    background-color: currentColor;

    -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    border-radius: var(--border-radius);

  }

  .zzka-header .zzka-burger::before {

    top: 0;

  }

  .zzka-header .zzka-burger::after {

    width: 65%;

    top: calc(100% - var(--burger-line-height));

  }

  .zzka-header .zzka-burger__line {

    position: absolute;

    right: 0;

    top: 50%;

    width: 85%;

    height: var(--burger-line-height);

    background-color: currentColor;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: -webkit-transform 0.3s ease-in-out;

    transition: -webkit-transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    border-radius: var(--border-radius);

  }

  .zzka-header .zzka-burger.active::before {

    top: 45%;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  }

  .zzka-header .zzka-burger.active::after {

    width: 100%;

    top: 45%;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  }

  .zzka-header .zzka-burger.active .zzka-burger__line {

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: -webkit-transform 0.3s ease-in-out;

    transition: -webkit-transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out;

    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  }

  .zzka-header .zzka-burger:hover {

    color: rgba(var(--bg-d), 1);

  }

}



footer {

  background-color: rgba(var(--bg-c), 1);

}



.zzka-footer {

  padding-bottom: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 16px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

}

.zzka-footer__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 30px;

}

.zzka-footer__top {

  display: grid;

  grid-template-columns: 1fr 0.9fr 0.8fr auto;

  grid-gap: 20px;

  padding: clamp(10px, 1.3889vw, 15px) 0;

}

@media (max-width: 1024px) and (min-width: 768px) {

  .zzka-footer__top {

    grid-template-columns: 1fr 0.9fr 0.8fr;

  }

  .zzka-footer__top .zzka-footer-bonus {

    grid-column: 1/-1;

    justify-self: center;

  }

}

@media (max-width: 767px) and (min-width: 576px) {

  .zzka-footer__top {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 576px) {

  .zzka-footer__top {

    grid-gap: 15px;

    grid-template-columns: 100%;

  }

}

.zzka-footer__inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 16px;

}

.zzka-footer__title {

  font-size: 16px;

  line-height: 20px;

  font-weight: 500;

  color: rgba(var(--cl-a), 1);

  grid-column: 1/-1;

  margin-bottom: 5px;

}

@media (min-width: 768px) {

  .zzka-footer__title {

    font-size: 16px;

    line-height: 22px;

  }

}

.zzka-footer__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.zzka-footer__bottom {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  grid-gap: 20px;

  position: relative;

  z-index: 1;

}

@media (min-width: 576px) {

  .zzka-footer__bottom {

    padding-top: 16px;

  }

}

.zzka-footer__apps {

  display: grid;

  grid-template-columns: repeat(2, auto);

  gap: 8px;

}

.zzka-footer__apps::before {

  content: attr(data-title);

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  font-weight: 500;

  color: rgba(var(--cl-a), 1);

  display: block;

  grid-column: 1/-1;

  text-align: center;

}

@media (min-width: 768px) {

  .zzka-footer__apps::before {

    font-size: 16px;

    line-height: 22px;

    font-weight: 400;

    font-weight: 500;

  }

}

.zzka-footer__apps .zzka-footer-app:first-of-type > i {

  pointer-events: none;

  cursor: none;

  opacity: 0.3;

}

@media (max-width: 576px) {

  .zzka-footer__apps .zzka-footer-app:first-of-type {

    display: none;

  }

}

@media (max-width: 576px) {

  .zzka-footer__apps .zzka-footer-app {

    grid-column: 1/-1;

    justify-self: center;

  }

}

.zzka-footer__age {

  color: rgba(var(--cl-d), 1);

  border: 1px solid rgba(var(--cl-d), 1);

  border-radius: 1.5px;

  padding: 6px 4px;

  font-size: 13px;

  line-height: 18px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  position: absolute;

  left: 0;

  bottom: 0;

}

.zzka-footer__logos {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 30px;

  margin-left: -5px;

  width: 100%;

}

@media (min-width: 768px) {

  .zzka-footer__logos {

    margin-bottom: 10px;

  }

}



.zzka-mobile {

  position: fixed;

  right: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 35px;

  -webkit-transform: translateX(230%);

  -ms-transform: translateX(230%);

  transform: translateX(230%);

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  width: 100%;

  max-width: 450px;

  height: 100vh;

  overflow-y: auto;

  top: var(--header-height);

  padding: 35px 20px 15px;

  z-index: 30;

  background: rgba(var(--bg-c), 1);

  border-top: solid 1px rgba(var(--cl-c), 0.2);

}

.zzka-mobile.active {

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

}

@media (max-width: 1024px) {

  .zzka-mobile .zzka-main-nav__list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

}

@media (max-width: 1024px) and (min-width: 576px) {

  .zzka-mobile .zzka-main-nav__list {

    grid-gap: 20px;

  }

}

@media (max-width: 1024px) and (max-width: 576px) {

  .zzka-mobile .zzka-main-nav__list {

    grid-gap: 10px;

  }

}

@media (max-width: 1024px) {

  .zzka-mobile .zzka-main-nav__link {

    padding: 15px 0;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 16px;

  }

}

.zzka-mobile__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 32px;

  width: 100%;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}

@media (min-width: 1024px) {

  .zzka-mobile__box {

    display: contents;

  }

}

@media (min-width: 1024px) {

  .zzka-mobile {

    display: contents;

  }

}



.zzka-bonus-section {

  position: relative;

  padding: calc(var(--header-height) + clamp(16px, 3.3898vw, 40px)) 0 clamp(32px, 4.661vw, 55px);

}

.zzka-bonus-section__box {

  display: grid;

  grid-gap: clamp(24px, 2.7119vw, 32px);

}

@media (min-width: 661px) {

  .zzka-bonus-section__box {

    grid-template-columns: repeat(2, 1fr);

  }

}

@media (max-width: 660px) {

  .zzka-bonus-section__box {

    grid-template-columns: 1fr;

  }

}



.zzka-casinos-section {

  margin-bottom: 24px;

}

.zzka-casinos-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(19px, 2.1186vw, 25px);

}

.zzka-casinos-section__inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 16px;

  position: relative;

  z-index: 1;

}

.zzka-casinos-section__inner > .zzka-transparent-btn {

  min-width: 160px;

  max-width: 360px;

  z-index: 2;

}

@media (min-width: 768px) {

  .zzka-casinos-section__inner > .zzka-transparent-btn {

    position: absolute;

    right: 0;

    z-index: 5;

    height: 30px;

    top: 25px;

    font-size: 14px;

    padding: 8px 16px;

  }

}

@media (max-width: 767px) {

  .zzka-casinos-section__inner > .zzka-transparent-btn {

    margin-top: 8px;

    width: 100%;

    -ms-flex-item-align: center;

    align-self: center;

  }

}



.zzka-popular-section {

  margin-bottom: 24px;

}

.zzka-popular-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(30px, 3.898vw, 46px);

}



.zzka-slots-section {

  margin-bottom: 32px;

  overflow: hidden;

}

.zzka-slots-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(19px, 2.1186vw, 25px);

}



.zzka-slots-section__box .zzka-main-top{

    margin-bottom: 10px;

}



.zzka-about-section {

  padding-bottom: 40px;

  overflow: hidden;

}

.zzka-about-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: clamp(18px, 2.0339vw, 24px);

}

.zzka-about-section__inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  grid-gap: clamp(18px, 2.0339vw, 24px);

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.zzka-about-section__inner--mode {

  grid-gap: 20px;

}

.zzka-about-section__inner--mode .zzka-main-box {

  grid-gap: 16px;

}



.zzka-game-section {

  position: relative;

  padding: calc(var(--header-height) + 15px) 0 30px;

}

.zzka-game-section h1 {

  font-size: clamp(26px, 3.3898vw, 40px);

  text-decoration: underline;

  -webkit-text-decoration-color: rgba(var(--cl-e), 1);

  text-decoration-color: rgba(var(--cl-e), 1);

  text-underline-offset: clamp(6px, 0.678vw, 8px);

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  -ms-flex-item-align: center;

  align-self: center;

  text-align: center;

}

.zzka-game-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  grid-gap: 15px;

}



.zzka-promo-section {

  position: relative;

  padding: calc(var(--header-height) + clamp(16px, 3.3898vw, 40px)) 0 clamp(42px, 6.9492vw, 82px);

}

.zzka-promo-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(19px, 2.1186vw, 25px);

}

.zzka-promo-section__title {

  font-size: 16px;

  line-height: 18px;

  font-weight: 600;

  text-align: start;

}



.zzka-gift-section {

  position: relative;

  padding: calc(var(--header-height) + clamp(16px, 3.3898vw, 40px)) 0 clamp(42px, 6.9492vw, 82px);

}

.zzka-gift-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(20px, 2.1186vw, 25px);

}

.zzka-gift-section__image {

  position: relative;

  margin-top: 40px;

  height: 196px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: rgba(var(--bg-e), 1);

}

@media (min-width: 768px) {

  .zzka-gift-section__image {

    margin-top: 50px;

    height: 284px;

  }

}

.zzka-gift-section__image-bg {

  width: 100%;

  height: 100%;

}

.zzka-gift-section__image-bg img {

  width: 100%;

  height: 100%;

}

.zzka-gift-section__image > img {

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translate(-50%);

  -ms-transform: translate(-50%);

  transform: translate(-50%);

  height: 213px;

  width: 100%;

  z-index: 1;

  -o-object-fit: contain;

  object-fit: contain;

}

@media (min-width: 375px) {

  .zzka-gift-section__image > img {

    height: 234px;

  }

}

@media (min-width: 768px) {

  .zzka-gift-section__image > img {

    height: 336px;

  }

}

.zzka-gift-section h1, .zzka-gift-section h2, .zzka-gift-section h3, .zzka-gift-section h4, .zzka-gift-section h5, .zzka-gift-section h6 {

  font-size: clamp(18px, 1.6949vw, 20px);

  line-height: 125%;

  font-weight: 600;

}

.zzka-gift-section ul li p {

  font-size: clamp(14px, 1.3559vw, 16px);

}

.zzka-gift-section p {

  font-size: clamp(14px, 1.3559vw, 16px);

}

.zzka-gift-section__deskr {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 8px;

  margin-bottom: 8px;

}

.zzka-gift-section__inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(20px, 2.0339vw, 24px);

  margin-bottom: clamp(10px, 1.3559vw, 16px);

}

.zzka-gift-section__inner + .zzka-main-btn {

  -ms-flex-item-align: center;

  align-self: center;

  max-width: clamp(250px, 33.8983vw, 400px);

  width: 100%;

}



.zzka-coins-section {

  position: relative;

  padding: calc(var(--header-height) + clamp(16px, 3.3898vw, 40px)) 0 clamp(42px, 6.9492vw, 82px);

  overflow: hidden;

}

.zzka-coins-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(24px, 2.7119vw, 32px);

}

.zzka-coins-section__inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

}

@media (min-width: 768px) {

  .zzka-coins-section__inner {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-bottom: 12px;

    min-height: 342px;

  }

}

@media (min-width: 1024px) {

  .zzka-coins-section__inner {

    padding-bottom: 16px;

  }

}

@media (max-width: 767px) {

  .zzka-coins-section__inner {

    gap: 16px;

  }

}

@media (min-width: 768px) {

  .zzka-coins-section__image {

    width: 562px;

  }

}

.zzka-coins-section__image img {

  width: 100%;

  -o-object-fit: contain;

  object-fit: contain;

}

.zzka-coins-section h1,

.zzka-coins-section h2,

.zzka-coins-section h3,

.zzka-coins-section h4,

.zzka-coins-section h5,

.zzka-coins-section h6 {

  font-size: 16px;

  line-height: 22px;

  font-weight: 500;

  margin-bottom: 4px;

  text-align: start;

}

@media (min-width: 768px) {

  .zzka-coins-section h1,

  .zzka-coins-section h2,

  .zzka-coins-section h3,

  .zzka-coins-section h4,

  .zzka-coins-section h5,

  .zzka-coins-section h6 {

    font-size: 28px;

    line-height: 33px;

    font-weight: 600;

    margin-bottom: 8px;

  }

}

@media (min-width: 1024px) {

  .zzka-coins-section h1,

  .zzka-coins-section h2,

  .zzka-coins-section h3,

  .zzka-coins-section h4,

  .zzka-coins-section h5,

  .zzka-coins-section h6 {

    font-size: 36px;

    line-height: 42px;

    font-weight: 600;

  }

}

.zzka-coins-section ul {

  gap: 5px;

}

.zzka-coins-section ul li p {

  font-size: clamp(14px, 1.6949vw, 20px);

  line-height: 125%;

}

.zzka-coins-section p {

  font-size: clamp(14px, 1.6949vw, 20px);

  line-height: 125%;

}

.zzka-coins-section__deskr {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 8px;

  margin-bottom: 8px;

}

.zzka-coins-section__wrapp {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: clamp(18px, 2.0339vw, 24px);

}

.zzka-coins-section__wrapp h1,

.zzka-coins-section__wrapp h2,

.zzka-coins-section__wrapp h3,

.zzka-coins-section__wrapp h4,

.zzka-coins-section__wrapp h5,

.zzka-coins-section__wrapp h6 {

  font-size: 16px;

  line-height: 22px;

  font-weight: 600;

  margin-bottom: 4px;

  text-align: center;

}

@media (min-width: 768px) {

  .zzka-coins-section__wrapp h1,

  .zzka-coins-section__wrapp h2,

  .zzka-coins-section__wrapp h3,

  .zzka-coins-section__wrapp h4,

  .zzka-coins-section__wrapp h5,

  .zzka-coins-section__wrapp h6 {

    font-size: 18px;

    line-height: 26px;

    font-weight: 600;

    margin-bottom: 8px;

  }

}

@media (min-width: 1024px) {

  .zzka-coins-section__wrapp h1,

  .zzka-coins-section__wrapp h2,

  .zzka-coins-section__wrapp h3,

  .zzka-coins-section__wrapp h4,

  .zzka-coins-section__wrapp h5,

  .zzka-coins-section__wrapp h6 {

    font-size: 19px;

    line-height: 28px;

    font-weight: 600;

  }

}

.zzka-coins-section .zzka-coins-slider li p {

  font-size: 14px;

  line-height: 18px;

  font-weight: 400;

  color: rgba(var(--cl-a), 1);

  min-height: 54px;

}

.zzka-slot-card__image{

  justify-content: center;

}

.zzka-slot-card img{

  width: auto;

}

.zzka-gift-section__box .zzka-main-btn{

  align-self: center;

  margin-top: 15px;

}



.zzka-error-section {

  margin: calc(var(--header-height) + clamp(40px, 8.475vw, 100px)) 0 clamp(80px, 8.475vw, 100px);

}



.zzka-error-section__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.zzka-error-section h1 {

  font-weight: 900;

  font-size: clamp(100px, 13.559vw, 160px);

  color: rgba(var(--bg-d), 1);

}



.zzka-error-section p {

    text-align: center;

  margin: clamp(1px, 0.847vw, 10px) 0 clamp(25px, 3.39vw, 40px);

  font-size: clamp(26px, 3.39vw, 40px);

}



@media (max-width: 1024px) and (min-width: 768px) {

    .zzka-footer__top .zzka-footer-bonus {

        grid-column: initial;

        justify-self: initial;

    }

}



.mce-toc {

    position: relative;

    z-index: 1;

    padding: 15px 15px 20px 10px;

    width: 100%;

    background: rgba(var(--bg-e), 1);

}



.mce-toc ul {

    padding-left: 10px;

    gap: 12px;

}



.mce-toc ul > li::before {

    content: '' !important;

    top: 7px;

    transform: none;

    width: 6px;

    height: 6px;

}



.mce-toc ul > li > a {

    font-weight: 600;

    text-decoration: underline;

    text-decoration-color: transparent;

    transition: all 0.3s ease;

    text-underline-offset: 3px;

}



.mce-toc ul > li > a:hover {

    text-decoration-color: inherit;

}



.mce-toc ul > li > ul {

    display: none;

}



.mce-toc ul > li > ul > li > a {

    font-weight: 400;

}



.mce-toc::before {

    content: 'Содержание';

    display: block;

    font-size: clamp(16px, 1.525vw, 18px);

    font-weight: 600;

    text-align: start;

    color: rgba(var(--cl-f), 1);

    order: -1;

    margin-bottom: 15px;

    padding-left: 22px;

}



.mce-toc::after {

    pointer-events: none;

    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;

    padding: 1px;

    background: linear-gradient(191deg, rgb(255, 36, 0) 50%, rgba(255, 36, 0, 0.5) 85%);

    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;

    mask-composite: exclude;

}



@media (max-width: 768px) {

    .mce-toc {

        padding: 15px;

    }



    .mce-toc ul {

        padding-left: 0px;

    }



    .mce-toc::before {

        padding-left: 12px;

    }

}



.main-title{

    font-family: var(--font-family);

    font-size: clamp(20px, 2.881vw, 34px);

    line-height: 125%;

    font-weight: 600;

    color: rgba(var(--cl-a), 1);

    text-transform: uppercase;

    text-align: center;

}

.mce-toc.az::before {

    content: 'Məzmun';

}

.mce-toc.kz::before {

    content: 'Мазмұны';

}

.mce-toc.hy::before {

    content: 'Բովանդակություն';

}

.mce-toc.uz::before {

    content: 'Tarkib';

}