*::-webkit-scrollbar {
    width: 10px;
    background-color: #5B5B5F;
  }
  
*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #000;
	border: 1px solid #ccc;
  }
  
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: #f9f9fd;
}

*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
	width: 100%;
	font-size: 100%;
	line-height: 1.4;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #211100;
  font-size: 24px;
  font-family: "Baloo Bhai 2", sans-serif;
}
input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;color: #fff;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;width: 100%;}

h1,h2,h3,h4,h5,h6{
	font-size:inherit;
	font-weight: 400;
	font-family: "Alfa Slab One", serif;
	color: #8B0000;
}

h1{
	font-size: 54px;
}

h2{
	font-size: 40px;
}

h3{
  font-size: 28px;
  font-family: "Baloo Bhai 2", sans-serif;
  font-weight: 700;
}

p{
  font-family: "Baloo 2", sans-serif;
}

a.link__button, button.link__button {
    color: #8B0000;
    background-color: #FFCC00;
    padding: 14px 32px;
    max-width: 228px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    height: fit-content;
    border-radius: 5px;
}

.header{
	background-color: #8B0000;
  padding: 2px 0;
}

.container{
	max-width: 1470px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}

.main {
    margin-top: 10px;
}

.breadcrumbs__container{
  margin: 20px 0;
}

.aioseo-breadcrumbs .aioseo-breadcrumb a{
  color: #211100;
  font-weight: 700;
}

/* header START */

.header__logo_img {
    max-width: 143px;
}

.header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__content_left {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.menu__box {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-right: 40px;
}

.menu__box li a{
  font-size: 24px;
  font-weight: 700;
}

/* header END */

/* burger AMP START */

.menu__btn, .input__burger{
	display: none;
}

@media(max-width:992px){

#menu__toggle {
	opacity: 0;
}

.menu__btn {
  display: flex;
  align-items: center;
  position: absolute;
  top: 25px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 1;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #FFCC00;
}
.menu__btn > span::before {
	content: '';
	top: -8px;
}
.menu__btn > span::after {
	content: '';
	top: 8px;
}

.menu__box {
  z-index: 5;
  display: flex;
  position: fixed;
  visibility: hidden;
  top: -150%;
  left: 0;
  width: 100%;
  height: 300px;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  text-align: center;
  background-color: #fff;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
}

.menu__box li{
  width: 90%;
  padding: 10px 0;
  border-radius: 5px;
}

.menu__box li a {
    color: #8B0000;
}
.menu__item {
	display: block;
	padding: 12px 24px;
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
}
.menu__item:hover {
	background-color: #CFD8DC;
}
#menu__toggle:checked ~ .menu__btn > span {
	transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
	top: 0;
	transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
	top: 0;
	transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
	visibility: visible;
	top: 90px;
}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
	transition-duration: .25s;
}
.menu__box {
	transition-duration: .25s;
}
.menu__item {
	transition-duration: .25s;
}
.header__button{
	margin-right: 60px;
}
.current_page_item {
    background-color: #FFCC00;
}

.footer__nav_menu .current_page_item {
    background-color: transparent;
}

}

/* burger AMP END */

/* BANNER START */

.banner__image {
  max-height: 490px;
  object-fit: cover;
  object-position: top;
  margin: 20px 0 40px 0;
  border-radius: 5px;
}

/* BANNER END */

/* info START */

.info__content_box {
  display: flex;
  gap: 16px;
  margin-bottom: 40px;
}

.functions__name img{
  width: 25px;
}

.info__logo_box {
  max-width: 348px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.info__logo_level {
  display: flex;
  background-color: #8B0000;
  padding: 5px 20px 10px 20px;
  border-radius: 5px;
}

.info__logo_level_button_wrapper {
  display: none;
}

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

.info__logo_raiting_stars {
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.info__device_box {
    display: flex;
    font-size: 18px;
    align-items: center;
    color: #fff;
    gap: 10px;
}

.info__logo_image_container {
  height: 100%;
}

.info__logo_image_container img{
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}

.info__stars__container {
  display: flex;
}

.info__stars__box{
  display: flex;
  align-items: center;
}

.info__device_repeater {
    display: flex;
    gap: 18px;
}

.info__function {
    width: 100%;
}

.info__function_repeater {
    display: grid;
    grid-template: auto / auto auto auto auto;
    height: 100%;
    background-color: #F8F1E7;
    position: relative;
    padding: 24px;
    border-radius: 5px;
    gap: 20px;
}

.info__function_repeater::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2025/06/coins.webp);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.functions__name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 28px;
  font-family: "Baloo Bhai 2", sans-serif;
  font-weight: 700;
  color: #8B0000;
}

.function__description {
    display: inline-block;
    margin-left: 30px;
}

.info__text_descr{
  font-size: 24px;
}

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

/* info END */


/* card START */

.card__section {
  margin: 100px 0;
}

.card_repeater {
  margin-top: 40px;
  width: 1440px;
  display: grid;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
}

.card_box {
  background-color: #F8F1E7;
  padding: 10px 20px;
  border-radius: 5px;
  max-width: 300px;
  min-height: 435px;
  display: flex;
  flex-direction: column;
}

.card__box_image {
  max-width: 310px;
  width: 100%;
  margin-bottom: 20px;
}

.card__box_image img{
  border-radius: 5px;
}

.card__stars_wrapper{
  margin: 10px 0 20px 0;
  display: flex;
  gap: 10px;
  align-items: center;
}

.card__stars__container {
  display: flex;
}

.card__stars__box{
  display: flex;
  align-items: center;
}

.card__button_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
}

@media(max-width:1470px){
.card__repeater_wrapper{
  overflow-x: scroll;
  overflow-y: auto;
  scrollbar-color: #8B0000 #B6A5BF;
  scrollbar-width: thin;
}
}

/* card END */

/* details START */

.detail__content {
    margin: 40px 0;
}

.details__head_wrapper {
    margin-bottom: 30px;
}

@media(max-width:1470px){
  .details__head_wrapper {
      overflow-y: hidden;
      overflow-x: auto;
      scrollbar-color: #8B0000 #B6A5BF;
      scrollbar-width: thin;
  }
}

.detail_repeater {
    overflow: hidden;
    width: 1440px;
    display: grid;
    grid-template-rows: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
}

.detail_repeater button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  width: auto;
  border-bottom: 3px solid #00000052;
}

.detail_repeater button:hover {
  background-color: #ddd;
}

.detail_repeater button.detail_a {
  border-bottom: 3px solid #FFCC00;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* details END */

/* Descr START */

.description__section{
  margin-bottom: 100px;
}

.description_content {
    display: flex;
    background-color: #F8F1E7;
    border-radius: 5px;
    position: relative;
    padding: 30px 0;
}

.description__info, .description__bonus{
  flex-basis: 50%;
  position: relative;
}

.description__bonus::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-image: url(/wp-content/uploads/2025/06/coins_2.webp);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

.description__info_name img, .description__bonus_name img{
  width: 20px;
}

.description__bonus_name, .description__info_name{
  display: flex;
  align-items: center;
  gap: 10px;
}

.description__info_title, .description__bonus_title{
  border-bottom: 1px solid #00000052;
  color: #211100;
}

.description__info_title{
  padding-left: 44px;
}

.description__info_repeater {
  padding: 20px 0 0 44px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.description__bonus_repeater{
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.description__info_box, .description__bonus_box{
  display: flex;
}

.description__info_name, .description__bonus_name{
  flex-basis: 75%;
}

.description__info_stat, .description__bonus_stat{
  flex-basis: 25%;
  font-weight: 700;
}

/* Descr END */

/* text content START */

.text__content{
  margin: 40px 0;
}

.text__content p, .text__content ul, .text__content ol{
  margin-bottom: 12px;
}

.text__content h2{
  margin-bottom: 20px;
}

.text__content li:not(:last-child){
  margin-bottom: 8px;
}

.text__content img{
  width: 100%;
}

.text__content ul li{
  list-style: disc;
}

.text__content li {
  margin-left: 25px;
}
/* text content END */

/* compare START */

.compare__section {
  margin-bottom: 100px;
}

.compare__logo_box, .compare__heads_block_box{
  max-width: 290px;
  width: 100%;
  height: 184px;
  position: relative;
}

.compare__section .container::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 40px;
  left: -295px;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2025/06/coins_2.webp);
  background-repeat: no-repeat;
  transform: rotate(34deg);
}

.compare__heads_repeater p {
  background-color: #F8F1E7;
  height: 72px;
  max-width: 290px;
  width: 100%;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 3px solid #fff;
  line-height: 1;
}

.compare__logo_box img{
  height: 100%;
}

.compare__content {
    gap: 10px;
    display: grid;
    grid-template: 1fr / 240px auto;
}

.compare__wrapper {
  overflow-x: scroll;
  overflow-y: auto;
  scrollbar-color: #8B0000 #B6A5BF;
  scrollbar-width: thin;
  position: relative;
  z-index: 2;
}

.compare__repeater {
    gap: 8px;
    display: grid;
    grid-template-rows: auto;
    grid-auto-columns: 290px;
    grid-auto-flow: column;
}

.compare__repeater_box {
  display: flex;
  flex-direction: column;
}

.compare__repeater_box *:nth-child(even){
  background-color: #F8F1E7;
}

.compare__repeater_box *:not(:first-child){
  background-color: #F8F1E7;
  height: 72px;
  max-width: 290px;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.compare__chose_logo{
  width: 26px;
  height: 26px;
}

/* compare END */

/* FAQ START */

.faq_section {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.faq_repeater {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq__box {
    position: relative;
    height: auto;
    overflow: hidden;
}

.faq_question {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    color: #000;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
    transition: .4s;
}

.faq_question:hover{
  background-color: #f7f2eb;
}

.panel {
    padding: 0 18px;
    background-color: #F8F1E7;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    color: #738198;
    border-radius: 0 0 6px 6px;
}

.faq_question.active{
    border-radius: 6px 6px 0 0;
    background-color: #F8F1E7;
}

.faq_question.active+.panel {
    padding: 5px 18px;
}

.faq__icon {
    width: 16px;
    height: 16px;
    fill: #fff;
}

.faq__title{
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 15px 0;
}

.faq_answer{
  color: #211100;
}

.faq_question_plusBox {
  position: relative;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq_question_plusBox span:first-child {
  position: absolute;
  width: 14px;
  left: 0;
  height: 2px;
  top: 6px;
  background-color: #211100;
}

.faq_question_plusBox span:last-child{
  position: absolute;
  width: 2px;
  height: 100%;
  left: 6px;
  background-color: #211100;
  transition: ease all .3s;
}

.faq_question.active .faq_question_plusBox span:last-child{
  height: 0px;
}


/* FAQ END */

/* footer START */

.footer{
  background-color: #8B0000;
  padding: 60px 0;
}

.footer__logo_box img{
  width: 100%;
  max-width: 143px;
}

.footer__navigation_container {
    display: grid;
    grid-template: 1fr / 1fr 1fr;
    margin-bottom: 40px;
}

.footer__navigation__content {
  max-width: 485px;
}

.footer__navigation_text {
  color: #fff;
  margin: 20px 0 36px 0;
}

.footer__nav_menu{
  margin-bottom: 32px;
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer__post_box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__mail, .footer__location{
  display: flex;
  align-items: center;
  color: #fff;
  gap: 10px;
}

.footer__post_box img{
  width: 20px;
}

.footer__menu a{
  font-weight: 700;
}

.footer__nav_logo_title {
    color: #fff;
    margin-bottom: 50px;
}

.footer__nav_logo_repeater {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.footer__nav_logo_box {
  max-width: 250px;
}

.footer__nav_logo_box img{
  width: auto;
}

.footer__copy_box {
    border-top: 1px solid #FFFFFFB8;
}

.footer__copy_text{
  color: #FFFFFF;
  margin-top: 20px;
  font-size: 16px;
}

/* footer END */

/* DEMO START */

.demo__banner_content{
  position: relative;
  z-index: 1;
  height: 736px;
}

.demo__banner_image{
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.demo__banner_button {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    background-color: #0000004a;
}

.demo__banner_iframe {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.demo__banner_iframe.demo_game {
    z-index: 5;
}

.banner__image_demo{
  object-fit: cover;
  object-position: top;
  border-radius: 5px;
  height: 100%;
}

.demo__banner_play {
    width: 125px;
    height: 125px;
    border-radius: 100%;
    background-color: #FFCC00;
    display: flex;
    align-items: center;
    justify-content: center;
}

.demo__banner_play img{
  width: 50px;
  height: 54px;
}

.demo_button_agree{
  color: #fff;
  font-weight: 700;
  margin-bottom: 170px;
  text-align: center;
}

/* DEMO END */

/* 404 START */

.notfound__section{
  margin: 100px 0;
}

.notfound__content {
  display: flex;
  justify-content: space-between;
}

.notfound__title{
  font-size: 240px;
  line-height: 1;
  font-family: "Baloo 2", sans-serif;
  font-weight: 700;
}

.notfound__subtitle{
  font-size: 64px;
  line-height: 1;
  font-family: "Baloo 2", sans-serif;
  font-weight: 700;
}

.notfound__work_text{
  font-size: 36px;
  line-height: 1;
  font-family: "Baloo 2", sans-serif;
  font-weight: 700;
}

.notfound__button_wrapper {
  display: flex;
  gap: 20px;
  margin-top: 60px;
}

.notfound__button_wrapper.table {
  display: none;
}

/* 404 END */

@media(max-width:1100px){
  .info__function_repeater{
    grid-template: auto / auto auto auto;
  }
  .notfound__title{
    font-size: 200px;
  }
  .notfound__subtitle{
    font-size: 60px;
  }
  .menu__box{
    gap: 25px;
  }
}

@media(max-width:910px){
.info__content_box{
  flex-direction: column;
}
.info__logo_box{
  max-width: 100%;
}
.info__logo_image_container img {
  object-fit: cover;
  object-position: 20% 25%;
}
.info__logo_level_button_wrapper {
    margin: 0 auto;
    display: block;
}
.info__logo_image_container{
  height: 320px;
}
.info__logo_level{
  padding: 20px;
}
.description_content {
    flex-direction: column;
}
.description__bonus_title{
  margin-top: 40px;
}
.description__bonus_title, .description__bonus_repeater{
  padding-left: 44px;
}
.footer__navigation_container{
  grid-template: 1fr / 1fr;
  gap: 40px;
}

.notfound__title{
  font-size: 180px;
}
.notfound__button_wrapper.desctope {
  display: none;
}
.notfound__button_wrapper.table{
  display: flex;
  justify-content: center;
}
.notfound__subtitle{
  font-size: 54px;
}
.notfound__work_text{
  font-size: 24px;
}
}

@media(max-width:768px){
.info__function_repeater {
  grid-template: auto / auto auto;
}
.text__content img {
  object-fit: cover;
}
.info__logo_level {
  flex-direction: column;
  gap: 20px;
}
.notfound__content {
  flex-direction: column;
  text-align: center;
}
}

@media(max-width:528px){
.info__function_repeater {
  grid-template: auto / auto;
}
h1{
  font-size: 38px;
}
h2{
  font-size: 26px;
}
h3, .functions__name{
  font-size: 24px;
}
ul, ol, li, p{
  font-size: 18px;
}
.description__info_title, .description__bonus_title{
  padding: 0;
  margin: 0 22px;
}
.description__bonus_title {
    margin-top: 40px;
}
.description__bonus_repeater, .description__info_repeater{
  padding-left: 22px;
  padding-right: 10px;
}
.header__logo_img {
  max-width: 74px;
}
.header__content_left{
  width: auto;
}
.header{
  padding: 18px 0;
}
.menu__btn {
  top: 15px;
}
a.link__button{
  padding: 14px 16px;
  max-width: 162px;
  font-size: 18px;
}
.compare__section .container::before {
  top: -230px;
  left: -52px;
  transform: rotate(2deg);
}
.detail_repeater {
  margin: 0px 0 3px 0;
}
.compare__content {
  grid-template: 1fr / 205px auto;
}
.compare__heads_repeater h3 {
  padding: 5px 10px;
}
.demo__banner_content {
  height: 320px;
}
.demo_button_agree {
  margin-bottom: 5px;
  font-size: 16px;
}
.demo__banner_play{
  width: 96px;
  height: 96px;
}
.notfound__content {
  text-align: left;
}
}

@media(max-width:375px){
a.link__button{
  padding: 14px 8px;
  max-width: 140px;
}
.notfound__title {
    font-size: 140px;
}
}