@charset "UTF-8";
a,p{
	font-size:1rem
}
h2,h3{
	margin-bottom:1rem
}
.get-image,body{
	display:-webkit-box;
	display:-ms-flexbox
}
.page-header__button--first:hover,.sub-menu::before{
	background-color:transparent
}
.page-404 .container,.page-header__burger,body{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal
}
.faq__answer *,.main-nav__link,.payment-method th,h4{
	font-style:normal
}
*,.faq__answer *,.payment-method td,.payment-method th{
	font-family:inherit
}
:root{
	--width:1480px;
	--display-width:var(--width);
	--offsets:30px;
	--ff-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
}
*{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.container{
	margin:0 auto;
	padding:0 var(--offsets);
	max-width:var(--display-width)
}
.container-full,img{
	max-width:100%
}
p{
	margin-top:1rem;
	font-weight:500;
	line-height:20px
}
a{
	font-weight:400;
	color:var(--color-link)
}
h1,h2{
	font-weight:800
}
.wp-admin .block-editor-inserter__quick-inserter-expand.components-button,b{
	color:#fff
}
a:hover{
	text-decoration:none
}
ol:not([class]),ul:not([class]){
	margin-top:1rem;
	padding-left:25px;
	font-weight:400;
	font-size:1rem;
	line-height:1.5rem
}
.page-main>.wp-block-heading,.wrapper>.content-button,.wrapper>.wp-block-table,.wrapper>blockquote,.wrapper>h1,.wrapper>h2,.wrapper>h3,.wrapper>h4,.wrapper>h5,.wrapper>h6,.wrapper>ol,.wrapper>p,.wrapper>ul{
	margin-left:auto;
	margin-right:auto;
	padding:0 var(--offsets);
	max-width:var(--display-width)
}
ol[class],ul[class]{
	list-style:none
}
img{
	height:auto
}
h1,h2,h3,h4,h5,h6{
	margin-top:0;
	color:var(--color-title)
}
h1{
	margin-bottom:32px;
	font-size:34px;
	line-height:40px
}
h2{
	font-size:30px;
	line-height:36px
}
h3{
	font-weight:600;
	font-size:1.6rem;
	line-height:2.1rem
}
h4{
	font-size:17px;
	font-weight:800;
	line-height:24px
}
h5,h6{
	font-weight:600;
	margin-bottom:1rem
}
h5{
	font-size:1.2rem;
	line-height:1.7rem
}
h6{
	font-size:1rem;
	line-height:1.5rem
}
.wrapper>ol,.wrapper>ul{
	padding-left:50px
}
.wrapper blockquote,blockquote{
	margin-top:1rem;
	border-left:5px solid var(--color-accent);
	padding:1rem var(--offsets) 1rem 2rem;
	font-weight:400;
	font-size:1rem;
	line-height:1.5rem;
	background-color:#f0f8ffff
}
.wrapper:not(:last-child){
	margin-bottom:2rem
}
*+.how-to__list,*+.screenshot-gallery,*+.wp-block-table,*+h3,*+h4,*+h5,*+h6,.wrapper>:not(:first-child){
	margin-top:1rem
}
.wrapper{
	margin-top:64px;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat
}
.wrapper:first-child{
	margin-top:40px
}
.screenshot-gallery+*,.screenshot-gallery__description,.wrapper>p:last-of-type{
	margin-bottom:1rem
}
.wrapper>.wp-block-heading:not(:first-child){
	margin:64px auto 16px
}
.info-block-v2,.wp-block-table{
	overflow:auto
}
.wp-block-table::-webkit-scrollbar{
	height:5px
}
.wp-block-table table,table{
	border-collapse:collapse;
	width:100%;
	margin-top:0
}
.wp-block-table table thead,table thead{
	border-bottom:none
}
.wp-block-table table th,table th{
	padding:.5rem 1rem;
	text-align:center;
	color:var(--color-table-th-color)
}
.wp-block-table table td,table td{
	border:1px solid #18533b;
	padding:.5rem 1rem
}
.wp-block-table .has-fixed-layout{
	table-layout:auto
}
.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{
	word-break:normal
}
.container .container{
	padding-right:0;
	padding-left:0
}
.get-image{
	display:flex;
	-webkit-box-align:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin:0;
	line-height:0
}
.content-button__control,.page-header__button{
	font-size:16px;
	line-height:20px;
	font-weight:700;
	cursor:pointer
}
.visually-hidden{
	position:absolute;
	-webkit-clip-path:inset(100%);
	clip-path:inset(100%);
	overflow:hidden;
	margin:-1px;
	border:0;
	padding:0;
	width:1px;
	height:1px;
	white-space:nowrap;
	clip:rect(0 0 0 0)
}
.main-nav__item--has-children,.main-nav__link{
	position:relative
}
body{
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	height:100vh;
	overflow-x:hidden;
	font-family:var(--ff-primary);
	color:var(--color-text);
	background-color:var(--color-body)
}
main{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1
}
.last-modified-date{
	display:inline-block;
	margin:1rem auto;
	border-radius:5px;
	padding:10px 30px;
	width:100%;
	font-weight:700;
	text-align:center;
	background:-o-linear-gradient(150deg,#fff0 0,#fff0 5%,#cccf 50%,#fff 95%,#fff 100%);
	background:linear-gradient(300deg,#fff0 0,#fff0 5%,#cccf 50%,#fff 95%,#fff 100%)
}
html{
	font-size:17px
}
.content-button{
	margin-top:24px
}
.content-button.alight-left{
	text-align:left
}
.content-button.align-right{
	text-align:right
}
.content-button.align-center{
	text-align:center
}
.content-button__control{
	display:inline-block;
	border:none;
	border-radius:8px;
	padding:14px;
	text-decoration:none;
	color:var(--color-content-button);
	background:var(--content-button-gradient);
	border:1px solid var(--content-button-gradient);
	transform-origin:center;
	transition:.2s ease-in-out;
	min-width:328px
}
.content-button__control:hover{
	color:var(--content-button-gradient)
}
.page-header{
	background-color:var(--color-header)
}
.page-header__container{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:8px 20px
}
.main-nav__list,.page-header__buttons{
	display:-webkit-box;
	display:-ms-flexbox
}
.page-header__logo{
	-ms-flex-negative:0;
	flex-shrink:0;
	max-width:80px
}
.page-header__logo img{
	max-height:44px;
	object-fit:contain
}
.about .about__devices,.about .about__support,.page-header__nav,.promocode-field,.wp-block-columns>.wp-block-column{
	flex:1 1
}
.page-header__buttons{
	display:flex;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-left:auto
}
.page-header__burger{
	display:none;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:35px;
	height:25px;
	cursor:pointer
}
.page-header__burger span{
	display:block;
	border-radius:20%;
	width:100%;
	height:3px;
	background-color:var(--color-header-navigation-link);
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center;
	-webkit-transition:250ms;
	-o-transition:250ms;
	transition:250ms
}
.page-header__burger.active span:first-of-type{
	-webkit-transform:translateY(11px) rotateZ(45deg);
	-ms-transform:translateY(11px) rotate(45deg);
	transform:translateY(11px) rotateZ(45deg)
}
.page-header__burger.active span:nth-of-type(2){
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0)
}
.page-header__burger.active span:nth-of-type(3){
	-webkit-transform:translateY(-11px) rotateZ(-45deg);
	-ms-transform:translateY(-11px) rotate(-45deg);
	transform:translateY(-11px) rotateZ(-45deg)
}
.page-header__nav+.page-header__buttons{
	margin-left:20px
}
.page-header__button{
	display:flex;
	justify-content:space-between;
	align-items:center;
	outline:0;
	border-radius:8px;
	text-decoration:none;
	color:#196948;
	transition:250ms;
	padding:10px
}
.main-nav__link,.sub-menu__link{
	align-content:center;
	font-size:14px;
	text-decoration:none
}
.page-header__button>svg{
	max-width:24px;
	max-height:24px
}
.page-header__button+.page-header__button{
	margin-left:5px
}
.page-header__button--first{
	color:#fff;
	background-color:#168557;
	border:1px solid #168557;
	transition:.2s
}
.page-header__button--second{
	color:var(--color-second-button);
	background-color:var(--color-second-button-bg);
	transition:.2s ease-in-out;
	border:1px solid var(--color-second-button-bg)
}
.page-header__button--second:hover{
	color:var(--color-second-button-bg);
	background-color:transparent
}
.main-nav__list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-start;
	list-style:none;
	margin:0;
	padding:0;
	height:100%
}
@media (max-width:1100px){
	.page-header__nav{
		flex:1 1 100%;
		order:10;
		margin-top:8px
	}
	.main-nav__list{
		justify-content:center
	}
	.wrapper{
		margin-bottom:1rem;
		padding:0 13px
	}
}
.main-nav__item{
	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;
	height:100%;
	cursor:pointer
}
.main-nav__item:hover>a::after{
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1)
}
.main-nav__item:hover .sub-menu{
	opacity:1;
	pointer-events:auto
}
.main-nav__link{
	display:flex;
	justify-content:center;
	margin:0 .5rem;
	padding:.5rem;
	box-sizing:border-box;
	line-height:28px;
	color:var(--color-header-navigation-link);
	transition:.3s ease-in-out;
	gap:4px
}
.main-nav__link>svg{
	max-width:28px;
	max-height:28px
}
.main-nav__link .get-image img{
	width:auto;
	height:1.2rem;
	-o-object-fit:contain;
	object-fit:contain
}
.main-nav__link--current,.main-nav__link:hover{
	color:var(--color-header-navigation-link-hover)
}
.main-nav__item--has-children .main-nav__link{
	margin-right:0;
	padding-right:4px
}
.main-nav__item--has-children.active .sub-menu__arrow svg{
	-webkit-transform:rotateZ(180deg);
	-ms-transform:rotate(180deg);
	transform:rotateZ(180deg)
}
.faq__details[open] .faq__question:after,.toc.active .toc__title::after{
	transform:unset
}
.main-nav__item--has-children.active .sub-menu{
	position:relative;
	top:0;
	display:block;
	margin-top:0;
	padding:0 1rem;
	opacity:1;
	pointer-events:auto
}
.main-nav__item--has-children.active .sub-menu::before{
	display:none
}
.sub-menu__arrow{
	z-index:10
}
.sub-menu__arrow svg{
	width:100%;
	height:auto;
	max-width:15px;
	-webkit-transition:250ms;
	-o-transition:250ms;
	transition:250ms
}
.sub-menu{
	position:absolute;
	top:100%;
	z-index:100;
	list-style:none;
	margin-top:.5rem;
	border-radius:5px;
	padding:.5rem 1rem;
	background-color:var(--color-header);
	opacity:0;
	transition:250ms;
	width:auto;
	pointer-events:none
}
.sub-menu::before{
	content:"";
	position:absolute;
	left:0;
	top:-.5rem;
	width:100%;
	height:.5rem
}
.sub-menu:hover{
	color:var(--color-header)
}
.sub-menu__link{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-line-pack:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:.5rem 0;
	line-height:28px;
	white-space:nowrap;
	color:var(--color-header-navigation-link);
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
.bonus__button,.promocode .copy-btn{
	align-items:center;
	display:flex;
	line-height:20px
}
.sub-menu__link .get-image img{
	width:auto;
	height:1.2rem;
	-o-object-fit:contain;
	object-fit:contain
}
.sub-menu__link--current,.sub-menu__link:hover{
	color:var(--color-header-navigation-link-hover)
}
.bonus{
	display:grid;
	grid-template-rows:auto 1fr auto auto;
	grid-template-columns:1fr auto;
	border-radius:12px;
	border:2px solid #008f5e;
	background-color:#013e29;
	padding:20px;
	gap:8px 12px;
	min-height:240px;
	height:100%
}
.bonus._anim-border{
	position:relative;
	z-index:1;
	overflow:hidden;
	border:none
}
.bonus._anim-border:after,.bonus._anim-border:before{
	content:'';
	position:absolute;
	margin:auto
}
.bonus._anim-border:before{
	width:1000px;
	top:0;
	height:1000px;
	right:0;
	bottom:0;
	left:-200px;
	background:#22c1c3;
	background:conic-gradient(#196948,#42f802);
	animation:2s linear infinite rotate;
	z-index:-1
}
@keyframes rotate{
	100%{
		transform:rotate(1turn)
	}
}
.bonus._anim-border:after{
	top:2px;
	right:2px;
	bottom:2px;
	left:2px;
	background-color:#013e29;
	border-radius:12px;
	z-index:0
}
.bonus._anim-border>*{
	z-index:1
}
.bonus b,.bonus strong{
	color:#f9cb16;
	text-shadow:0 0 8px rgba(249,203,22,.5)
}
.bonus .bonus__title{
	grid-row:1/2;
	grid-column:1/2;
	font-size:24px;
	font-weight:900;
	line-height:32px;
	text-transform:uppercase;
	margin:0;
	color:#fff
}
.bonus .bonus__description{
	grid-row:2/3;
	grid-column:1/2;
	font-size:16px;
	font-style:normal;
	font-weight:500;
	line-height:20px;
	color:#fff;
	margin-top:0
}
.bonus .get-image{
	grid-row:1/-1;
	grid-column:2/3;
	min-width:146px
}
.bonus .promocode{
	margin-top:12px
}
.promocode{
	display:flex;
	gap:8px;
	grid-row:3/4;
	grid-column:1/2
}
.promocode .copy-btn{
	gap:4px;
	padding:6px 8px;
	border-radius:8px;
	color:#fff;
	background:rgba(255,255,255,.1);
	border:none;
	font-size:14px;
	font-weight:800;
	text-transform:uppercase;
	cursor:pointer;
	transition:.2s ease-in-out
}
.promocode .copy-btn:hover{
	background:rgba(255,255,255,.3)
}
.bonus__button{
	position:relative;
	min-width:320px;
	justify-content:space-between;
	border-radius:8px;
	grid-row:4/5;
	grid-column:1/2;
	font-size:16px;
	font-weight:700;
	border:none;
	width:fit-content;
	cursor:pointer
}
.bonus__button._arrow-btn,.bonus__button._gift-btn{
	border:1px solid #f9cb16;
	transition:.2s ease-in-out
}
.bonus.v2{
	gap:12px;
	padding:16px
}
.bonus.v2 .bonus__button,.how-to .content-button__control{
	min-width:240px
}
.bonus.v2 .bonus__button._arrow-btn{
	padding:10px 12px
}
@media (max-width:1200px){
	.bonus .bonus__title{
		grid-row:1/2;
		grid-column:1/3
	}
	.bonus .bonus__description{
		grid-row:2/3;
		grid-column:1/2
	}
	.bonus .get-image{
		min-width:78px;
		grid-row:2/3;
		grid-column:2/3;
		align-self:start;
		max-width:110px
	}
	.bonus.v2 .get-image{
		max-width:126px
	}
	.bonus .promocode{
		grid-row:3/4;
		grid-column:1/3
	}
	.bonus .promocode-field{
		max-width:unset
	}
	.bonus__button{
		min-width:unset;
		width:100%
	}
	.bonus .bonus__button{
		grid-row:4/5;
		grid-column:1/3
	}
	.bonus.v2{
		grid-template-rows:auto 1fr auto
	}
	.bonus.v2 .bonus__button{
		grid-row:3/4
	}
}
.bonus__button._gift-btn{
	color:#196948;
	background-color:#f9cb16;
	padding:12px 12px 12px 64px
}
.bonus__button._arrow-btn{
	color:#f9cb16;
	background-color:transparent;
	padding:12px
}
.bonus__button._arrow-btn:hover{
	background-color:#f9cb16;
	color:var(--color-second-button)
}
.bonus__button._gift-btn:before{
	content:'';
	position:absolute;
	top:-2px;
	left:6px;
	width:52px;
	min-width:52px;
	height:52px;
	background-image:url(../files/mini-gift.webp);
	background-position:center;
	background-repeat:no-repeat;
	animation:2s infinite move
}
.bonus__button._arrow-btn:after,.bonus__button._gift-btn:after{
	width:24px;
	height:24px;
	background-position:center;
	background-repeat:no-repeat;
	content:'';
	min-width:24px
}
@keyframes move{
	50%{
		transform:translateY(-5px) rotate(15deg)
	}
	70%{
		transform:translateY(-5px) rotate(5deg)
	}
}
.bonus__button._gift-btn:after{
	background-image:url(../files/user.svg)
}
.bonus__button._arrow-btn:after{
	background-image:url(/web/20240619185511im_/https://yolo247.pro.in/wp-content/themes/yolo247.pro.in/build/images/btn-arrows.svg)
}
.video{
	max-width:650px
}
.video__container{
	position:relative;
	padding-bottom:56.25%;
	width:100%;
	height:0;
	background-color:#000
}
.video__preview{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.video-v2__button,.video__button{
	position:absolute;
	width:44px;
	height:44px;
	left:50%;
	top:50%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	justify-content:center;
	outline:0;
	border:none;
	border-radius:22px;
	background:#575757;
	transform:translate(-50%,-50%);
	transition:.3s ease-in-out;
	cursor:pointer
}
.image img,.video__media{
	top:0;
	position:absolute;
	left:0
}
.video__button:hover{
	opacity:.5;
	cursor:pointer
}
.faq__details,.video__button:focus{
	outline:0
}
.video__button:focus .video__button-shape,.video__button:hover .video__button-shape{
	fill:red;
	fill-opacity:1
}
.video__media{
	border:none;
	width:100%;
	height:100%
}
.video.align-center{
	margin:0 auto
}
.video.align-right{
	margin-left:auto
}
.page-footer{
	margin:33px 20px 0;
	padding:33px 40px 40px;
	background-color:var(--color-footer);
	border-radius:12px 12px 0 0
}
.faq__item,.toc{
	border-radius:12px;
	background:#0f442e
}
.page-footer--enable-mobile-button{
	padding-bottom:50px
}
.footer-col_nav{
	justify-content:flex-start;
	align-items:center;
	flex:1 1
}
.page-footer__top{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-flow:wrap row-reverse;
	flex-flow:wrap row-reverse;
	gap:20px
}
.dmca-badge{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.page-footer__copyright{
	width:100%;
	font-size:14px;
	line-height:16px;
	color:var(--color-footer-text)
}
.faq__question,.footer-nav__link{
	font-size:16px;
	font-weight:500;
	line-height:20px
}
.footer-nav__list{
	display:flex;
	gap:16px 32px;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:center;
	list-style:none;
	margin:0;
	padding:0
}
.page-footer__nav{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px 32px
}
.footer-nav__list .sub-menu{
	margin:.2rem 0
}
.footer-nav__item,.winners{
	display:flex
}
.footer-nav__link{
	display:inline-block;
	text-decoration:none;
	color:var(--color-footer-navigation-link);
	transition:.3s ease-in-out
}
.footer-nav__link--current,.footer-nav__link:hover{
	color:var(--color-footer-navigation-link-hover)
}
.footer-container{
	display:flex;
	flex-wrap:wrap;
	padding:0;
	gap:24px
}
.footer-col{
	display:flex;
	flex-direction:column
}
@media (max-width:768px){
	.content-button__control{
		min-width:unset
	}
	.page-header__button{
		min-width:unset;
		flex:1 1
	}
	.bonus{
		padding:16px;
		gap:16px 12px;
		min-height:unset
	}
	.bonus .bonus__title{
		font-size:20px;
		font-weight:900;
		line-height:24px
	}
	.bonus .get-image{
		max-width:78px
	}
	.bonus .promocode{
		margin-top:-12px
	}
	.bonus.v2{
		gap:8px
	}
	.bonus.v2 .bonus__title{
		grid-row:1/2;
		grid-column:1/2
	}
	.bonus.v2 .bonus__description{
		grid-column:1/3
	}
	.bonus.v2 .get-image{
		grid-row:1/2;
		grid-column:2/3
	}
	.bonus.v2 .get-image img{
		max-width:114px
	}
	.page-footer{
		margin:33px 16px 0;
		padding:16px
	}
}
.faq__item{
	padding:16px
}
.faq__item:not(:last-child){
	margin-bottom:16px
}
.faq__details .faq__question-title{
	color:#fff;
	font-size:17px;
	font-weight:800;
	line-height:24px
}
.faq__question{
	display:flex;
	align-items:center;
	gap:8px;
	outline:0;
	cursor:pointer
}
.faq__details[open] .faq__question{
	padding-bottom:16px;
	border-bottom:1px solid #18533b
}
.faq__question::-webkit-details-marker{
	display:none
}
.faq__question:before{
	content:'';
	display:flex;
	width:32px;
	min-width:32px;
	height:32px;
	background-image:url("../files/faq-question.svg");
	background-repeat:no-repeat;
	background-position:center
}
.faq__question:after,.toc__title::after{
	width:32px;
	min-width:32px;
	height:32px;
	background-image:url("../files/round-arrow.svg");
	transform:rotate(180deg);
	background-repeat:no-repeat;
	background-position:center;
	content:''
}
.faq__question:after{
	display:flex;
	transition:250ms
}
.faq__question-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0;
	width:100%;
	font-family:inherit;
	font-weight:700;
	font-size:20px;
	line-height:24px;
	color:var(--color-faq-item-title)
}
.faq__question-title svg{
	z-index:10;
	-ms-flex-negative:0;
	flex-shrink:0;
	margin-left:30px;
	width:30px;
	height:30px;
	fill:var(--color-faq-item-title);
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
.faq__answer{
	padding:16px 0 0
}
.faq__answer *{
	margin-top:.8rem;
	font-weight:500;
	font-size:inherit;
	line-height:inherit
}
.toc,.toc__list,.toc__title{
	margin:0;
	display:flex;
	width:100%
}
.page-footer__widget p,.text-image__item>:first-child,page-header__button .faq__answer :first-child{
	margin-top:0
}
.toc{
	flex-direction:column;
	align-items:center;
	border:2px solid #008f5e;
	padding:16px
}
.toc__title{
	position:relative;
	justify-content:space-between;
	align-items:center;
	color:#fff;
	cursor:pointer
}
.toc.active .toc__title{
	margin-bottom:12px
}
.toc__title::after{
	display:flex;
	transition:250ms
}
.toc__list{
	flex-wrap:wrap;
	gap:12px;
	list-style:none;
	overflow:hidden;
	padding:0;
	height:auto;
	max-height:0
}
.breadcrumbs__link,.toc__link{
	align-items:center;
	text-decoration:none
}
.toc__link{
	display:flex;
	gap:4px;
	padding:6px 12px;
	color:#fff;
	transition:.3s ease-in-out;
	border-radius:8px;
	border:1px solid #008f5e
}
.toc__link:before{
	content:'';
	display:flex;
	width:12px;
	min-width:12px;
	height:12px;
	background-image:url("/web/20240619185511im_/https://yolo247.pro.in/wp-content/themes/yolo247.pro.in/build/images/list-marker.svg");
	background-repeat:no-repeat;
	background-position:center
}
.breadcrumbs__list,.page-404 .container,.scroll-top__button{
	display:-webkit-box;
	display:-ms-flexbox
}
.toc.active .toc__list{
	max-height:100%
}
.page-single{
	margin:0 auto 3rem;
	padding:0 10px;
	max-width:var(--display-width)
}
.breadcrumbs{
	padding:4px 0;
	background:rgba(255,255,255,.1)
}
.breadcrumbs__list{
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	list-style:none;
	margin-top:0;
	padding-top:0;
	padding-bottom:0
}
.breadcrumbs__item{
	margin-right:4px
}
.breadcrumbs__link{
	display:flex;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	color:var(--color-accent);
	padding:4px 0;
	transition:color .3s ease-in-out
}
.breadcrumbs__link svg{
	width:4px;
	height:4px;
	margin-left:4px;
	stroke:var(--color-text)
}
.breadcrumbs__link--no-active,.breadcrumbs__link:hover{
	color:var(--color-text)
}
.mobile-button{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	display:grid;
	grid-template-columns:auto 1fr auto;
	grid-template-rows:auto auto;
	border-radius:12px 12px 0 0;
	padding:8px;
	gap:0 8px;
	color:#fff;
	width:100%;
	border:none;
	cursor:pointer
}
.mobile-button img{
	grid-column:1/2;
	grid-row:1/3;
	max-width:58px;
	height:auto
}
.mobile-button .mobile-button__title{
	grid-column:2/3;
	grid-row:1/2;
	text-align:left;
	margin-top:0;
	font-size:14px;
	font-weight:900;
	line-height:20px;
	text-transform:uppercase
}
.mobile-button .mobile-button__bonus{
	grid-column:2/3;
	grid-row:2/3;
	text-align:left;
	color:#f9cb16;
	margin-top:0;
	font-size:14px;
	font-weight:900;
	line-height:20px;
	text-transform:uppercase
}
.mobile-button__btn{
	display:flex;
	align-items:center;
	grid-column:3/4;
	grid-row:1/3;
	color:#196948;
	font-size:14px;
	font-weight:800;
	line-height:20px;
	padding:10px 16px;
	border-radius:8px;
	background-color:#f9cb16;
	margin-top:0
}
.background-block{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat
}
.page-404 .container{
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	margin-top:2rem;
	margin-bottom:2rem
}
.page-404{
	background-image:url(/web/20240619185511im_/https://yolo247.pro.in/wp-content/themes/yolo247.pro.in/build/images/404.webp);
	background-position:-100px
}
.page-404__title{
	margin-top:2rem;
	font-size:5rem;
	line-height:6rem;
	text-align:center
}
.page-404__subtitle{
	margin:0;
	font-weight:400;
	font-size:2rem;
	line-height:2.5rem;
	text-align:center
}
.page-404__link{
	display:inline-block;
	margin:2rem auto 0;
	border:none;
	border-radius:5px;
	padding:.7rem 2rem;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	font-size:1.2rem;
	text-decoration:none;
	color:var(--color-content-button);
	background:var(--content-button-gradient);
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center;
	-webkit-transition:150ms;
	-o-transition:150ms;
	transition:150ms;
	cursor:pointer
}
.page-404__link:hover{
	-webkit-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px)
}
.scroll-top{
	position:fixed;
	right:10px;
	bottom:80px;
	z-index:10
}
.scroll-top__button{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	outline:0;
	border:none;
	border-radius:5px;
	width:50px;
	height:50px;
	-webkit-box-shadow:0 0 20px 5px #223c5059;
	box-shadow:0 0 20px 5px #223c5059;
	background-color:var(--color-scroll-to-top);
	-webkit-transition:-webkit-transform .3s ease-in-out;
	transition:transform .3s ease-in-out;
	-o-transition:transform .3s ease-in-out;
	transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
	cursor:pointer
}
.scroll-top__button svg{
	fill:var(--color-arrow-scroll-to-top);
	pointer-events:none
}
.scroll-top__button:hover{
	-webkit-transform:translateY(3px);
	-ms-transform:translateY(3px);
	transform:translateY(3px)
}
#cookie-law-div{
	z-index:10000000;
	position:fixed;
	padding:1em;
	background:#fff;
	border:1px solid rgba(0,0,0,.15);
	font-size:15px;
	-webkit-box-shadow:rgba(23,43,99,.4) 0 7px 28px;
	box-shadow:rgba(23,43,99,.4) 0 7px 28px
}
#cookie-law-div a{
	font-size:15px;
	text-decoration:none;
	border-bottom:1px solid rgba(0,0,0,.5)
}
#cookie-law-div a:hover{
	opacity:.7
}
#cookie-law-div button{
	height:20px;
	width:20px;
	position:absolute;
	right:.5em;
	top:20px;
	-ms-flex-item-align:center;
	-ms-grid-row-align:center;
	align-self:center;
	line-height:1;
	color:#fff;
	background-color:#000;
	border:none;
	opacity:.6;
	font-size:12px;
	cursor:pointer;
	border-radius:50px
}
#cookie-law-div button:hover{
	opacity:1
}
.acceptButton{
	width:113px!important;
	background-color:green!important;
	top:124px!important
}
#cookie-law-div{
	border-radius:0;
	max-width:100%;
	right:0;
	bottom:0
}
#cookie-law-div p{
	margin:0;
	color:#000;
	padding-right:50px;
	padding-bottom:50px
}
body::-webkit-scrollbar-track{
	background-color:var(--color-body-track)
}
body::-webkit-scrollbar-thumb{
	border:1px solid var(--color-body-track);
	border-radius:10px;
	height:20%;
	background:var(--color-body-thumb)
}
.video-v2{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-top:1rem;
	margin-bottom:1rem
}
.video-v2__container{
	position:relative;
	width:100%
}
.video-v2.align-left{
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.video-v2.align-center{
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.video-v2.align-right{
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.video-v2__player{
	display:block;
	width:100%;
	height:auto;
	object-fit:contain;
	aspect-ratio:16/9;
	max-height:488px;
	background-color:#454545
}
.video-v2__button:hover{
	opacity:.5
}
.video-v2._active .video-v2__button{
	opacity:0;
	visibility:hidden;
	pointer-events:none
}
.video-v2._active .video-v2__player{
	cursor:pointer
}
.video-v2__button-shape{
	fill:#0009
}
.video-v2__button-icon{
	fill:#fff
}
.video-v2__button:hover .video-v2__button-shape{
	fill:red
}
.video-v2__button svg path{
	-webkit-transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}
.text-image__container{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:0 20px
}
.text-image__container.reversed .text-image__content{
	grid-column:2/3
}
.text-image__container.reversed>.get-image{
	grid-column:1/2;
	grid-row:1/2
}
.text-image__container .get-image{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center
}
.text-image__container .get-image img{
	border-radius:12px;
	overflow:hidden
}
.text-image__container.align-top .get-image{
	align-items:flex-start
}
.text-image__container.align-center .text-image__item{
	margin-top:auto;
	margin-bottom:auto;
	height:fit-content
}
.text-image__container.align-center .get-image{
	align-items:center
}
.text-image__container.align-bottom .get-image{
	align-items:flex-end
}
.text-image__item>:last-child{
	margin-bottom:0
}
*+.screenshot-gallery,.text-image+.text-image{
	margin-top:2rem
}
.wp-admin td::before,.wp-admin th::after{
	display:none!important
}
.is-desktop-preview .acf-link .link-wrap,.wp-admin #link-selector,.wp-admin .block-editor-block-card__title,.wp-admin .components-popover__content *,.wp-admin .edit-post-layout__metaboxes p,.wp-admin .media-modal-content *,.wp-admin .select2-results__option,body .editor-styles-wrapper .acf-link .link-wrap{
	color:#000
}
.wp-admin .link-url{
	color:#135e96
}
.wp-admin .acf-row{
	background:0 0!important
}
.how-to .how-to__item:not(:last-child):before,.popup .popup__cross,.winners .winners__person:before{
	background-position:center;
	background-repeat:no-repeat
}
.wp-admin .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon{
	background:#ccc
}
.is-desktop-preview,body .editor-styles-wrapper{
	color:var(--color-text);
	background:var(--color-body)!important
}
@media (hover:hover),screen and (min-width:0\0){
	.toc__link:focus,.toc__link:hover{
		color:#f9cb16
	}
	.gbtn:focus,.gbtn:hover{
		background-color:var(--color-accent)!important;
		opacity:1
	}
}
@media (min-width:768px){
	.mobile-button{
		display:none
	}
}
@media (min-width:1024px){
	.main-nav__item--has-children:hover .sub-menu__arrow svg{
		-webkit-transform:rotateZ(180deg);
		-ms-transform:rotate(180deg);
		transform:rotateZ(180deg)
	}
	.sub-menu__arrow{
		pointer-events:none
	}
}
@media screen and (max-width:1280px){
	:root{
		--offsets:20px
	}
}
@media (max-width:1280px){
	.advantages--6{
		-ms-grid-columns:(1fr) [ 5 ];
		grid-template-columns:repeat(5,1fr)
	}
	.advantages--5{
		grid-template-columns:repeat(4,1fr)
	}
	.advantages--4{
		grid-template-columns:repeat(3,1fr)
	}
}
@media (max-width:1279px){
	.tabs--vertical .tabs__container{
		grid-template-columns:1fr
	}
	.tabs--vertical .tabs__header{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-ms-flex-flow:nowrap row;
		flex-flow:nowrap row;
		overflow:auto;
		margin-right:0;
		border-style:none;
		border-radius:16px 16px 0 0;
		padding:0
	}
	.tabs--vertical .tabs__header-item{
		-ms-flex-negative:0;
		flex-shrink:0;
		width:-webkit-fit-content;
		width:-moz-fit-content;
		width:fit-content
	}
	.tabs--vertical .tabs__header-button{
		border-bottom:none;
		border-radius:0;
		padding:12px 20px;
		width:-webkit-fit-content;
		width:-moz-fit-content;
		width:fit-content
	}
	.tabs--vertical .tabs__content{
		border-radius:0 0 16px 16px;
		padding:24px 16px
	}
	.tabs--vertical .tabs__header-item:not(:first-child){
		border:none
	}
	.tabs--vertical .tabs__header-item:first-child .tabs__header-button{
		border-top-left-radius:18px;
		border-top-right-radius:0
	}
	.tabs--vertical .tabs__header-item:last-child .tabs__header-button{
		border-radius:0 18px 0 0
	}
}
@media screen and (max-width:1024px){
	:root{
		--offsets:16px
	}
}
@media (max-width:1024px){
	.page-footer{
		padding:16px
	}
	.footer-container{
		flex-direction:column;
		gap:40px;
		padding:0
	}
	.footer-col{
		align-items:center
	}
	.page-footer__nav{
		width:unset
	}
	.footer-nav__item{
		min-width:unset
	}
	.footer-nav__list{
		max-height:unset
	}
	.footer-col_nav{
		align-items:flex-start
	}
	.main-nav__item--has-children,.main-nav__list{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal
	}
	html{
		font-size:16px
	}
	.page-header__container{
		position:relative;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		padding:8px var(--offsets)
	}
	.page-header__logo{
		max-width:100px
	}
	.page-header__nav{
		margin-top:unset;
		-webkit-box-ordinal-group:4;
		-ms-flex-order:3;
		order:3
	}
	.page-header__buttons{
		-webkit-box-ordinal-group:3;
		-ms-flex-order:2;
		order:2
	}
	.page-header__burger{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-ordinal-group:4;
		-ms-flex-order:3;
		order:3;
		margin-left:20px
	}
	.page-header__nav+.page-header__buttons{
		margin-left:auto
	}
	.main-nav{
		position:absolute;
		left:0;
		right:0;
		top:100%;
		margin-right:calc(-100vw / 2 + 100% / 2)!important;
		margin-left:calc(-100vw / 2 + 100% / 2)!important;
		max-width:100vw!important;
		background-color:var(--color-header);
		opacity:0;
		-webkit-transition:opacity 250ms;
		-o-transition:opacity 250ms;
		transition:opacity 250ms;
		pointer-events:none
	}
	.main-nav.active{
		z-index:9999;
		opacity:1;
		pointer-events:auto
	}
	.main-nav__list{
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start;
		margin:32px 16px 12px
	}
	.main-nav__item{
		width:100%
	}
	.main-nav__item:not(:last-child){
		border-bottom:1px solid #18533b
	}
	.main-nav__link{
		display:flex;
		justify-content:flex-start;
		align-items:center;
		margin:0;
		padding:8px 0;
		width:100%
	}
	.main-nav__link svg{
		margin-right:4px
	}
	.main-nav__item--has-children{
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:start;
		-ms-flex-align:start;
		align-items:flex-start
	}
	.sub-menu__arrow svg{
		-webkit-transform:rotate(0);
		-ms-transform:rotate(0);
		transform:rotate(0)
	}
	.sub-menu__arrow{
		display:flex;
		position:absolute;
		right:0;
		top:0;
		padding:16px 5px 16px 30%;
		width:-webkit-fit-content;
		width:-moz-fit-content;
		width:fit-content;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		pointer-events:auto
	}
	.sub-menu{
		display:none;
		width:100%
	}
	.main-nav__item--has-children.active .sub-menu{
		padding:0 0 0 48px
	}
	.sub-menu__link{
		justify-content:flex-start;
		font-size:14px;
		font-weight:500;
		line-height:20px
	}
	.page-footer__top .get-image{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-preferred-size:100%;
		flex-basis:100%;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-ordinal-group:0;
		-ms-flex-order:-1;
		order:-1
	}
	.page-footer__widget{
		-webkit-box-flex:1;
		-ms-flex-positive:1;
		flex-grow:1
	}
	.page-footer__widget+.page-footer__widget{
		margin-right:0
	}
	.page-footer__widget+.get-image{
		margin:0
	}
	.advantages--6{
		grid-template-columns:repeat(4,1fr)
	}
	.advantages--5{
		grid-template-columns:repeat(3,1fr)
	}
	.advantages--2,.advantages--3{
		grid-template-columns:repeat(2,1fr)
	}
	.text-image__container{
		grid-template-columns:1fr;
		gap:16px
	}
	.text-image__container .get-image,.text-image__container.reversed .text-image__item,.text-image__container.reversed>.get-image{
		grid-column:auto;
		grid-row:auto
	}
	.text-image__container.reversed>:not(.get-image):not(.wp-block-heading){
		grid-column:1/2
	}
}
.main-nav__item:before,.page-header__button:before{
	content:"";
	white-space:nowrap;
	transform:skew(340deg)
}
@media (max-width:800px){
	.wrapper:first-child .columns__item--content{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column
	}
	.wrapper:first-child .columns__item--content h1{
		-webkit-box-ordinal-group:-1;
		-ms-flex-order:-2;
		order:-2
	}
}
@media (max-width:767px){
	h1,h2{
		font-weight:800;
		line-height:32px
	}
	h1{
		font-size:28px;
		margin-bottom:12px
	}
	h2{
		font-size:25px
	}
	.wrapper:first-child{
		margin-top:20px
	}
	.wrapper{
		margin-top:32px;
		background-position:center center;
		background-size:cover;
		background-repeat:no-repeat;
		padding:0
	}
	.faq__question{
		flex-wrap:wrap;
		gap:12px;
		font-size:14px;
		line-height:130%
	}
	.faq__question::after{
		margin-left:auto
	}
	.faq__question-title{
		order:3;
		flex:1 1 100%
	}
	.faq__question-title svg{
		margin-left:15px;
		width:18px;
		height:18px;
		fill:var(--color-faq-item-title)
	}
	.toc__list.vertical,.toc__nav{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal
	}
	.content-button,.toc.active .toc__list{
		margin-top:1rem
	}
	.toc__link,.toc__list,.toc__list.vertical,.toc__list.vertical .toc__item,.toc__title{
		width:100%
	}
	.faq__details{
		border-radius:5px
	}
	.toc__nav{
		-ms-flex-direction:column;
		flex-direction:column
	}
	.toc__title::after{
		display:inline-block
	}
	.toc__title{
		margin:0
	}
	.toc__list.vertical{
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center
	}
	.toc__list.vertical .toc__item:not(:last-child){
		margin-right:0
	}
	.toc__link{
		text-align:center
	}
	.advantages--6{
		grid-template-columns:repeat(3,1fr)
	}
	.advantages--4,.advantages--5{
		grid-template-columns:repeat(2,1fr)
	}
	.advantages--2,.advantages--3,.difference{
		grid-template-columns:1fr
	}
	.screenshot-gallery__list{
		overflow-x:auto;
		width:100%;
		max-width:980px;
	}
	.screenshot-gallery__item{
		min-width:300px;
		max-width:325px
	}
	.tabs__header-button{
		cursor:auto
	}
	.tabs--horizontal .tabs__header-button{
		padding:8px;
		font-size:18px;
		line-height:24px
	}
}
@media (max-width:700px){
	html{
		font-size:15px
	}
}
@media screen and (max-width:700px){
	#cookie-law-div p{
		padding-bottom:36px
	}
	.acceptButton{
		left:calc(50% - 60px)
	}
}
@media (max-width:650px){
	.sub-menu{
		max-width:100%
	}
}
@media screen and (max-width:600px){
	.acceptButton{
		top:100px!important
	}
	#cookie-law-div p{
		padding-bottom:50px
	}
}
@media (max-width:550px){
	.page-header__buttons{
		margin:0 -.2rem
	}
	.page-footer__widget{
		-ms-flex-preferred-size:100%;
		flex-basis:100%
	}
	.promocode__buttons{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-box-align:stretch;
		-ms-flex-align:stretch;
		align-items:stretch
	}
	.promocode__link--aff{
		max-width:100%
	}
	.advantages--6{
		grid-template-columns:repeat(2,1fr)
	}
	.advantages--4,.advantages--5{
		grid-template-columns:1fr
	}
}
@media (max-width:500px){
	html{
		font-size:16px
	}
	.page-header__container{
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
	.page-header__buttons{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-ordinal-group:6;
		-ms-flex-order:5;
		order:5;
		margin-top:1rem;
		width:100%;
		text-align:center
	}
	.page-header{
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
	.page-header__button{
		-webkit-box-flex:1;
		-ms-flex-positive:1;
		flex-grow:1
	}
	.comment-form__button,.comment-form__input{
		width:calc(100% - 20px)
	}
}
@media (max-width:475px){
	.content-button__control{
		width:100%
	}
	.advantages--6{
		grid-template-columns:1fr
	}
}
@media screen and (max-width:400px){
	.acceptButton{
		top:127px!important
	}
}
.image{
	position:relative;
	width:100%;
	height:320px;
	border-radius:12px;
	overflow:hidden;
	margin-bottom:20px
}
.image img{
	right:0;
	bottom:0;
	min-width:100%;
	height:100%;
	object-fit:cover
}
.wp-block-columns{
	display:flex;
	margin:0 auto;
	padding:0 var(--offsets);
	max-width:var(--display-width);
	gap:20px
}
.winners .winners__title{
	text-transform:uppercase;
	font-size:14px;
	font-weight:800;
	line-height:20px;
	color:#f9cb16;
	background-color:#008f5e;
	padding:8px;
	border-radius:4px 0 0 4px
}
.about .about__bonuses-list li,.about .about__payment-methods td:last-child .about__currencies,.about tr td,.winners .winners__person{
	font-weight:500;
	font-size:14px;
	line-height:20px
}
.winners .winners__rline{
	display:flex;
	align-items:center;
	flex:1 1;
	background-color:#013e29;
	overflow:hidden;
	width:max-content;
	border-radius:0 4px 4px 0
}
.winners .winners__list{
	display:flex;
	list-style:none;
	margin:0;
	padding-left:100%;
	animation:40s linear infinite scroll
}
.winners .winners__person{
	display:flex;
	align-items:center;
	gap:4px;
	color:#d2d2d2;
	white-space:nowrap;
	margin-left:32px
}
@keyframes scroll{
	from{
		transform:translateX(0)
	}
	to{
		transform:translateX(calc(-100% - 3px))
	}
}
.winners .winners__person:before{
	content:'';
	width:24px;
	min-width:24px;
	height:24px;
	background-image:url("/web/20240619185511im_/https://yolo247.pro.in/wp-content/themes/yolo247.pro.in/build/images/award.svg")
}
.winners .winners__reward{
	color:#fff;
	font-size:14px;
	font-weight:800;
	line-height:20px;
	margin-right:4px
}
.about{
	border:unset;
	background-color:unset
}
.about tbody{
	display:flex;
	flex-wrap:wrap;
	gap:20px
}
.about .about__about,.about .about__game-types{
	flex:0 1 330px
}
.about .about__payment-methods{
	flex:1 1;
	min-width:718px
}
.about tr{
	display:flex;
	flex-direction:column;
	gap:16px;
	border-radius:12px;
	border:2px solid #008f5e;
	background:#0f442e;
	padding:16px
}
.about tr td{
	border:unset;
	color:#fff;
	padding:0
}
.about tr td:first-child{
	font-size:23px;
	font-weight:800;
	line-height:28px;
	margin:0;
	padding:0
}
.about tr td p{
	color:#fff;
	margin:0
}
.about tr td p span{
	color:#f9cb16;
	font-weight:800
}
.about tr.about__about td p{
	padding:16px 0
}
.about tr.about__about td p:not(:last-child),.about tr.about__game-types td p:not(:last-child){
	border-bottom:1px solid #18533b
}
.about tr.about__about td p:first-child,.about tr.about__game-types td p:first-child{
	padding-top:0
}
.about tr.about__game-types td p{
	display:flex;
	align-items:center;
	gap:8px;
	padding:12px 0;
	font-size:14px;
	font-weight:800;
	line-height:20px
}
.about tr.about__game-types td p:last-child{
	padding-bottom:0
}
.about .about__devices img,.about .about__game-types img,.about .about__support img{
	max-width:32px
}
.about .about__payment-methods td:last-child{
	display:flex;
	flex-wrap:wrap
}
.about .about__payment-methods td,.lang-switch__item,.lang-switch__link{
	display:flex
}
.about .about__payment-methods td:last-child .about__mindep,.about .about__payment-methods td:last-child .about__minwit,.about .about__payment-methods td:last-child .col{
	flex:1 1 50%
}
.about .about__payment-methods td:last-child .about__currencies{
	flex:1 1 100%;
	border-bottom:1px solid #18533b;
	padding-bottom:16px;
	padding-top:16px
}
.about .about__payment-methods td:last-child .about__deposit,.about .about__payment-methods td:last-child .about__withdrawal{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	list-style:none;
	padding-left:0;
	margin-top:12px
}
.about .about__payment-methods td:last-child .about__mindep,.about .about__payment-methods td:last-child .about__minwit{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	padding-top:16px;
	font-size:14px;
	font-weight:500;
	line-height:20px
}
.about .about__payment-methods td:last-child .about__mindep span,.about .about__payment-methods td:last-child .about__minwit span{
	font-weight:800
}
.about .about__payment-methods img{
	max-width:34px
}
@media (max-width:1100px){
	.image{
		height:160px
	}
	.about .about__payment-methods td .col:not(:first-child){
		padding-left:0
	}
}
.col{
	display:flex;
	flex-direction:column
}
.about .about__payment-methods td .col{
	border-bottom:1px solid #18533b;
	padding-bottom:16px
}
.about .about__payment-methods td .col:not(:last-of-type){
	border-right:1px solid #18533b;
	padding-right:16px
}
.about .about__payment-methods td .col:not(:first-child){
	padding-left:16px
}
.about .about__bonuses{
	flex:0 1 485px
}
.about .about__bonuses-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	list-style:none
}
.about .about__bonuses-list li{
	padding:6px 12px;
	border-radius:4px;
	border:1px solid #008f5e
}
.about .about__devices-list,.about .about__support-list{
	display:flex;
	flex-wrap:wrap;
	gap:12px
}
.about .about__devices-list li,.about .about__support-list li{
	display:flex;
	align-items:center;
	gap:8px;
	flex:1 1 calc(50% - 20px);
	font-size:14px;
	font-weight:800;
	line-height:20px
}
.about .about__software{
	min-width:280px
}
.about .about__software img{
	max-width:146px
}
.about .about__software td{
	display:flex;
	flex-direction:column;
	gap:12px;
	max-width:280px
}
@media (max-width:1460px){
	.about .about__about,.about .about__game-types{
		flex:0 1 auto
	}
	.about .about__payment-methods{
		min-width:unset;
		flex:1 1 50%
	}
}
@media (max-width:1100px){
	.about .about__about,.about .about__bonuses,.about .about__game-types,.about .about__payment-methods{
		flex:1 1 calc(50% - 20px)
	}
	.about .about__devices,.about .about__software,.about .about__support{
		flex:1 1 30%
	}
	.about .about__software{
		min-width:unset
	}
}
.how-to .how-to__list{
	display:flex;
	flex-direction:column;
	gap:16px
}
.how-to .how-to__item{
	position:relative;
	display:flex;
	flex-direction:column;
	border-radius:8px
}
.how-to .how-to__counter{
	width:100%;
	padding:12px 12px 8px;
	font-size:14px;
	font-weight:800;
	line-height:20px;
	color:#f9cb16
}
.how-to .how-to__content{
	display:grid;
	padding:16px;
	gap:0 16px;
	grid-template-columns:repeat(2,1fr)
}
.how-to .how-to__content>:nth-child(3){
	margin-top:0
}
.how-to .get-image{
	grid-column:2/3;
	grid-row:1/10
}
.how-to .how-to__title{
	grid-column:1/2;
	margin-top:0;
	margin-bottom:8px
}
.how-to .content-button,.how-to>:not(.how-to__title):not(.content-button){
	grid-column:1/2
}
.how-to .how-to__item:not(:last-child):before{
	position:absolute;
	right:0;
	bottom:16px;
	left:0;
	margin:auto;
	content:'';
	width:44px;
	min-width:44px;
	height:24px;
	z-index:1
}
.how-to .how-to__item:not(:last-child):after{
	position:relative;
	content:'';
	width:calc(100% - 32px);
	height:1px;
	margin:12px auto 27px
}
.cards .get-image,.popup{
	height:100%
}
.cards .cards__list{
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	list-style:none
}
.cards .cards__item{
	display:flex;
	gap:16px;
	flex:1 1 calc(50% - 10px);
	border-radius:12px;
	overflow:hidden
}
.cards .get-image img{
	height:100%;
	width:auto;
	min-width:220px;
	object-fit:cover
}
.cards .cards__content{
	display:flex;
	flex-direction:column;
	gap:12px;
	padding:16px 16px 16px 0
}
.cards .cards__title{
	color:#f9cb16;
	font-size:23px;
	font-weight:800;
	line-height:28px;
	margin:0
}
.cards .cards__description{
	color:#d2d2d2;
	font-size:16px;
	font-weight:500;
	line-height:20px;
	flex:1 1;
	margin:0
}
.slots .slots__list{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	flex-wrap:wrap;
	gap:20px
}
.slots .slots__item{
	position:relative;
	border-radius:12px;
	border:2px solid #202020;
	overflow:hidden;
	transition:.2s;
	background-color:#313131
}
.slots .get-image img{
	z-index:0;
	min-width:100%;
	min-height:100%;
	object-fit:contain
}
.slots .slots__content{
	position:relative;
	display:flex;
	flex-direction:column;
	width:100%;
	padding:16px;
	z-index:1;
	transition:.2s;
	gap:8px
}
.slots .slots__text{
	text-align:center;
	margin-top:0;
	margin-bottom:5px;
	color:#d2d2d2;
	font-size:14px;
	font-weight:500;
	line-height:20px
}
.slots .slots__title{
	text-align:center;
	font-size:17px;
	font-weight:800;
	line-height:24px;
	color:#fff;
	margin:0
}
.popup,.popup .popup__content iframe,.popup .popup__win{
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	left:0
}
.slots__button{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:10px 10px 10px 12px;
	border-radius:8px;
	font-size:16px;
	font-weight:700;
	line-height:20px;
	border:unset;
	cursor:pointer;
	background-color:#6778e3;
	color:#fff;
	transition:.2s ease-in-out
}
.slots__button:hover{
	opacity:.8
}
.slots .slots__demo-button{
	color:#fff;
	background-color:#f4a322
}
@media (max-width:1200px){
	.cards .cards__item{
		flex:1 1 100%
	}
	.cards .bonus__button{
		min-width:320px;
		width:fit-content
	}
	.slots .slots__list{
		grid-template-columns:repeat(4,1fr)
	}
}
@media (max-width:850px){
	.slots .slots__list{
		grid-template-columns:repeat(3,1fr)
	}
}
@media (max-width:600px){
	#cookie-law-div{
		right:0;
		bottom:0;
		border-radius:0;
		max-width:100%
	}
	.slots .slots__list{
		grid-template-columns:1fr 1fr;
		gap:10px
	}
	.slots .slots__item{
		height:auto
	}
	.slots .get-image img{
		position:relative
	}
	.slots .slots__item .slots__content{
		position:relative;
		display:flex;
		height:auto;
		padding:8px 12px 12px
	}
}
.popup{
	display:none;
	position:fixed;
	width:100%;
	background-color:rgba(15,39,23,.9);
	z-index:990
}
.popup._active{
	display:block
}
.popup .popup__win{
	display:flex;
	flex-direction:column;
	position:absolute;
	max-width:860px;
	height:580px;
	background-color:#318562;
	border-radius:12px;
	overflow:hidden
}
.popup .popup__header{
	display:flex;
	gap:24px;
	padding:12px
}
.popup .popup__title{
	display:flex;
	align-items:center;
	color:#fff;
	font-size:23px;
	font-weight:800;
	line-height:28px
}
.popup .popup__buttons{
	display:flex;
	align-items:center;
	flex:1 1
}
.popup .slots__button{
	min-width:296px;
	margin-bottom:0
}
.popup .popup__cross{
	width:44px;
	min-width:44px;
	height:44px;
	background-image:url("/web/20240619185511im_/https://yolo247.pro.in/wp-content/themes/yolo247.pro.in/build/images/cross.svg");
	cursor:pointer
}
.popup .popup__content{
	position:relative;
	flex:1 1
}
.popup .popup__content iframe{
	position:absolute;
	width:100%;
	height:100%
}
@media (max-width:768px){
	.how-to .how-to__item:not(:last-child):before{
		bottom:8px
	}
	.how-to .how-to__item:not(:last-child):after{
		margin:12px auto 18px
	}
	.how-to .how-to__content{
		grid-template-columns:1fr;
		padding:16px 16px 8px
	}
	.how-to .get-image{
		grid-column:1/2;
		grid-row:1/2;
		margin:-16px -18px 16px
	}
	.how-to .get-image img{
		width:100%;
		height:auto
	}
	.how-to .content-button__control,.popup .slots__button{
		width:100%;
		min-width:unset
	}
	.popup .popup__header{
		flex-wrap:wrap;
		gap:8px
	}
	.popup .popup__title{
		order:1
	}
	.popup .popup__buttons{
		order:3;
		flex:1 1 100%
	}
	.popup .popup__cross{
		order:2;
		margin-left:auto
	}
}
.footer__logo img,.page-footer__widget img{
	width:auto;
	object-fit:contain
}
.footer__logo{
	align-items:center;
	flex-basis:100%;
	display:flex;
	justify-content:center
}
.footer__logo img{
	max-height:76px
}
.page-footer__widget img{
	max-height:64px
}
.info-block-v2__list{
	border:1px solid var(--color-table-border);
	box-shadow:0 0 15px rgb(0 0 0 / 5%);
	border-collapse:collapse;
	width:100%
}
.info-block-v2__item:not(:last-child){
	border-bottom:1px solid var(--color-table-border)
}
.info-block-v2__item-logo-and-title{
	border:none;
	padding:25px 10px;
	font-weight:700;
	color:var(--color-table-td-color);
	min-width:200px
}
.info-block-v2__item-wrapper{
	display:flex;
	align-items:center;
	justify-content:flex-start
}
.info-block-v2__item-logo-and-title .get-image{
	margin-right:20px;
	flex-shrink:0
}
.info-block-v2__item-logo-and-title img{
	max-height:45px;
	object-fit:contain;
	width:100%
}
.info-block-v2__item-other-cell{
	padding:25px 10px;
	align-self:center;
	border-bottom:1px solid var(--color-table-border);
	flex-grow:1;
	border-top:none
}
.info-block-v2__item-other-cell>:first-child{
	margin-top:0
}
.payment-method{
	overflow-x:auto
}
.payment-method__table{
	border-collapse:collapse;
	width:100%
}
.payment-method th{
	font-weight:600;
	font-size:16px;
	line-height:19px;
	padding:25px 10px;
	text-align:center
}
.payment-method td{
	font-weight:500;
	font-size:16px;
	line-height:19px;
	padding:15px 25px;
	white-space:nowrap
}
.payment-method td.cell2,.payment-method td.cell4,.payment-method td.td-name{
	font-weight:600;
	text-align:right;
	border-left:none
}
.payment-method td.cell1,.payment-method td.cell3,.payment-method td.td-image{
	border-right:none
}
.payment-method td.td-image .get-image{
	justify-content:flex-start
}
.payment-method td.td-image .get-image img{
	height:auto;
	width:90px
}
.payment-method td.cell1,.payment-method td.cell2{
	padding-bottom:10px;
	border-bottom:none
}
.payment-method td.cell3,.payment-method td.cell4{
	border-top:none;
	padding-top:10px
}
.page-header__logo{
	margin-right:30px
}
.main-nav__link{
	z-index:5;
	font-weight:700;
	text-transform:uppercase
}
.main-nav__item{
	position:relative
}
.main-nav__item:not(:last-child){
	margin-right:20px
}
.main-nav__item:before{
	position:absolute;
	background:linear-gradient(270deg,#fff -4.14%,rgba(241,241,241,.7) 84.48%);
	border:1px solid #939bab;
	border-radius:5px;
	overflow:hidden;
	z-index:4;
	width:100%;
	height:100%
}
.sub-menu{
	background-color:#202020
}
.sub-menu__link{
	font-weight:700;
	text-transform:uppercase;
	color:#fff
}
.page-header__buttons{
	position:relative;
	z-index:10
}
.page-header__button{
	min-width:80px;
	position:relative;
	justify-content:center;
	background-color:transparent;
	border:none
}
.page-header__button:hover{
	color:#fff;
	background-color:transparent;
	border:none
}
.page-header__button:before{
	position:absolute;
	border-radius:5px;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:-1;
	transition:.3s ease-in-out
}
.page-header__button--first:before{
	background-color:#6778e3
}
.page-header__button--second:before{
	background-color:#f4a322
}
.page-header__button--first:hover:before{
	background-color:#838fdb
}
.page-header__button--second:hover:before{
	background-color:#de8d0c
}
.sub-menu__arrow svg path{
	fill:none;
	stroke:#000!important
}
.main-nav__item--has-children.active:before{
	transform:skew(0)
}
@media (max-width:1024px){
	.main-nav__item:not(:last-child){
		margin:0 0 10px;
		border-bottom:none
	}
	.main-nav__link{
		padding:8px
	}
	.sub-menu__arrow{
		z-index:10
	}
	.main-nav__item--has-children.active .sub-menu{
		padding:0 0 0 16px;
		background:0 0
	}
	.sub-menu__link{
		color:#000
	}
}
.cards .cards__item,.faq__item{
	border:2px solid #d19f22;
	background-color:#313131
}
.bonus__button._gift-btn,.mobile-button__btn{
	color:var(--color-content-button);
	background:var(--content-button-gradient);
	border:1px solid var(--content-button-gradient)
}
.bonus__button._gift-btn:hover:before{
	animation:paused
}
.promocode-field{
	flex:1 1;
	color:#f9cb16;
	font-size:16px;
	font-weight:700;
	line-height:20px;
	border-radius:8px;
	border:2px dashed #6778e3;
	padding:12px;
	max-width:220px
}
.bonus__button._gift-btn:hover{
	color:#fff;
	background-color:transparent
}
.how-to .how-to__item{
	border:2px solid #d19f22;
	background-color:#313131;
	overflow:hidden
}
.how-to .how-to__counter,.how-to .how-to__item:not(:last-child):after,.wp-block-table table th,table th{
	background-color:#202020
}
.how-to .how-to__item:not(:last-child):before{
	background-color:#313131
}
.content-button__control:hover{
	color:#000;
	background:#fff
}
.faq__details[open] .faq__question{
	border-bottom-color:#202020
}
.screenshot-gallery__wrapper{
	position:relative;
	overflow-x:auto;
	margin-top:1rem;
	max-width:100vw;
	-ms-overflow-style:none;
	scrollbar-color:var(--color-accent);
	scrollbar-width:thin
}
.screenshot-gallery__pseudo-track{
	position:relative;
	top:-3px;
	z-index:-10;
	display:none;
	width:100%;
	height:2px;
	background-color:var(--color-accent);
	opacity:.4
}
@media (any-hover:none){
	.screenshot-gallery__pseudo-track{
		display:none
	}
}
.screenshot-gallery__wrapper::-webkit-scrollbar{
	height:5px
}
.screenshot-gallery__wrapper::-webkit-scrollbar-track{
	-webkit-box-shadow:inset 0 0 0 #0000
}
.screenshot-gallery__wrapper::-webkit-scrollbar-thumb{
	height:5px;
	background-color:var(--color-accent)
}
.screenshot-gallery__wrapper::-webkit-scrollbar:vertical{
	display:none
}
.screenshot-gallery__list{
	display:flex;
	list-style:none;
	margin:0;
	padding:0 0 10px;
	gap:10px
}
.screenshot-gallery__item{
	flex:1 0 33%
}
@media (max-width:767px){
	.image{
		height:140px;
		margin-bottom:12px
	}
	.wp-block-columns{
		flex-direction:column;
		gap:12px
	}
	.about .about__payment-methods td:last-child .col:last-child,.about tr.about__about td p:last-child{
		padding-bottom:0
	}
	.about .about__game-types>td{
		display:flex;
		flex-wrap:wrap;
		gap:0 20px
	}
	.about .about__game-types>td>p{
		flex:1 1 calc(50% - 10px)
	}
	.about tr.about__about td p:not(:last-child),.about tr.about__game-types td p:not(:last-child){
		border-bottom:unset
	}
	.about tr.about__game-types td p:last-child{
		padding-bottom:12px
	}
	.about .about__payment-methods td:last-child .about__mindep,.about .about__payment-methods td:last-child .about__minwit,.about .about__payment-methods td:last-child .col{
		flex:1 1 50%;
		padding:0
	}
	.about .about__payment-methods td:last-child .about__mindep,.about .about__payment-methods td:last-child .about__minwit{
		margin-top:16px
	}
	.about .about__payment-methods td:last-child .col{
		flex:1 1 100%;
		padding-bottom:16px;
		margin-top:16px
	}
	.about .about__payment-methods td:last-child .about__mindep{
		border-right:1px solid #18533b
	}
	.about .about__payment-methods td:last-child .col:first-child{
		padding-top:0;
		margin-top:0
	}
	.about .about__payment-methods td .col:not(:first-child){
		padding-left:0
	}
	.about .about__payment-methods td .col:not(:last-of-type){
		border-right:unset
	}
	.about .about__about,.about .about__bonuses,.about .about__devices,.about .about__game-types,.about .about__payment-methods,.about .about__software,.about .about__support{
		flex:1 1 100%
	}
	.cards .get-image,.cards .get-image img{
		height:auto;
		width:100%
	}
	.cards .bonus__button,.cards .get-image img{
		min-width:unset;
		width:100%
	}
	.cards .cards__item{
		flex-direction:column
	}
	.cards .get-image img{
		max-height:260px
	}
	.cards .cards__content{
		padding:0 16px 16px
	}
	.text-image__container>.wp-block-heading{
		margin-bottom:0
	}
	.text-image__container>.content-button,.text-image__container>p{
		margin-top:0
	}
	.info-block-v2__item-logo-and-title,.info-block-v2__item-other-cell{
		padding:15px 10px
	}
	.info-block-v2__item-logo-and-title .get-image{
		margin-right:10px
	}
	.screenshot-gallery__item{
		min-width:300px;
		max-width:325px
	}
	.screenshot-gallery__pseudo-track{
		display:block
	}
}
@media (hover:hover),screen and (min-width:0 \0){
	.social__link:focus img,.social__link:focus svg,.social__link:hover img,.social__link:hover svg{
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		transform:scale(1.2)
	}
	.gbtn:focus,.gbtn:hover{
		background-color:var(--color-accent)!important;
		opacity:1
	}
}
.wp-block-table table{
	border-radius:8px;
	border:2px solid #d19f22;
	background:#313131
}
.wp-block-table table td,table td{
	background-color:#313131;
	border-color:#202020
}
.wp-block-table table th:not(:last-child){
	border-right:1px solid #131313
}
.mobile-button__btn:hover{
	color:#000;
	background-color:#fff
}
.mobile-button{
	background-color:#313131
}
.page-header__burger span{
	background-color:#fff
}
.prefix-toc-auto{
	margin-bottom:30px;
	border-radius:10px;
	max-width:100%;
	background-color:var(--color-toc-bg)
}
.prefix-toc-auto ol,.prefix-toc-auto ul{
	display:none;
	margin:0;
	padding:0
}
.prefix-toc-auto.active ol{
	display:block;
	margin-left:20px;
	padding:0 1rem .5rem
}
.prefix-toc-auto.active ul{
	display:block;
	list-style:none;
	padding:0 1rem .5rem
}
.prefix-toc-auto .prefix-toc-auto__toggle .close,.prefix-toc-auto.active .prefix-toc-auto__toggle .open,.prefix-toc-auto.active .prefix-toc-auto__toggle::after{
	display:none
}
.prefix-toc-auto a,.prefix-toc-auto.active .prefix-toc-auto__toggle .close{
	display:inline-block
}
.prefix-toc-auto__navigation{
	position:relative;
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	justify-content:flex-start;
	padding:.5rem 1rem
}
.prefix-toc-auto__toggle{
	display:block;
	border:none;
	width:100%;
	font-weight:700;
	font-size:18px;
	text-align:left;
	color:var(--color-toc-title);
	background-color:transparent
}
.prefix-toc-auto__title{
	margin:0 20px 0 0;
	padding:0;
	font-size:20px;
	text-transform:none;
	color:var(--color-toc-title)
}
.prefix-toc-auto li{
	margin:0;
	padding:0
}
.prefix-toc-auto a{
	padding:.3rem 0;
	text-decoration:none;
	color:var(--color-toc-item)
}
.other-links,.payments,.slots-alt__item-proses ul{
	list-style:none;
	padding:0
}
.prefix-toc-auto a:hover{
	color:var(--color-toc-item-hover)
}
.text-image__content{
	margin:auto 0;
	overflow:hidden
}
.social{
	flex-basis:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px 32px
}
.other-links,.payments{
	flex-basis:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px 32px;
	margin:0;
	flex-wrap:wrap
}
.lang-switch,.lang-switch__list{
	padding:5px;
	background-color:#313131;
	display:flex
}
.other-links img,.payments img{
	max-height:28px;
	width:fit-content;
	object-fit:contain;
	transition:.2s ease-in-out
}
.other-links a:hover img,.other-links a:hover svg{
	transform:scale(1.2)
}
.page-footer__dmca{
	flex-basis:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:0
}
.page-footer__copyright{
	margin:0;
	flex-basis:100%;
	max-width:100%;
	text-align:center
}
.how-to__item .content-button{
	margin-top:1rem!important
}
.lang-switch{
	margin:0 40px 0 12px;
	border-radius:4px;
	position:relative;
	z-index:200
}
.lang-switch__list{
	margin-top:0;
	position:absolute;
	top:100%;
	left:0;
	list-style:none;
	justify-content:center;
	flex-direction:column;
	gap:12px;
	border-radius:0 0 4px 4px;
	opacity:0;
	visibility:hidden;
	pointer-events:none
}
.lang-switch:hover{
	border-radius:4px 4px 0 0
}
.lang-switch:hover .lang-switch__list{
	opacity:1;
	visibility:visible;
	pointer-events:all
}
@media (max-width:500px){
	.lang-switch{
		margin:0 auto 0 0
	}
}
.slots-alt{
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.slots-alt__item{
	max-width:300px;
	padding:10px;
	border-radius:10px;
	border:1px solid var(--color-table-th-bg);
	margin:10px;
	width:30%
}
.slots-alt__item .get-image{
	display:flex;
	justify-content:center;
	margin-bottom:20px
}
.slots-alt__item-image img{
	max-width:100%;
	border-radius:10px
}
.slots-alt__item-name{
	text-align:center;
	font-size:1.6rem;
	line-height:2.1rem;
	font-weight:700;
	color:var(--color-title)
}
.slots-alt__button{
	margin-top:10px;
	width:100%;
	display:inline-block;
	border:none;
	border-radius:5px;
	padding:.7rem;
	font-size:1.2rem;
	text-decoration:none;
	color:var(--color-content-button);
	background:var(--content-button-gradient);
	transform-origin:center;
	transition:150ms;
	cursor:pointer;
	text-align:center
}
.slots-alt__item-proses ul li svg{
	width:17px;
	height:17px;
	margin-right:10px
}
.slots-alt__item-proses ul li{
	margin-top:10px
}
.slots-alt__item-rating{
	display:flex;
	justify-content:center;
	margin:10px 0
}
.slots-alt__item-bonus{
	font-size:16px;
	font-weight:700;
	margin:10px 0;
	text-align:center;
	color:#69cd72
}
.slots-alt__item-bonus span{
	color:#000;
	font-size:14px;
	margin-top:5px
}
@media only screen and (max-width:900px){
	.slots-alt__item{
		width:45%
	}
}
@media only screen and (max-width:500px){
	.slots-alt{
		display:flex;
		align-items:center;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center
	}
	.slots-alt__item{
		max-width:100%;
		padding:10px;
		border-radius:10px;
		margin:10px;
		width:90%
	}
}
/* game-full */
 * + .prefix-game-full {
	 margin-top: 1rem;
}
 .prefix-game-full {
	 border-radius: 4px;
}
 .prefix-game-full__description {
	 margin: 0 0 20px;
}
 .prefix-game-full__box {
	 position: relative;
	 overflow: hidden;
	 border-radius: 4px;
}
 .prefix-game-full__box .get-image {
	 height: 100%;
}
 .prefix-game-full__box img {
	 width: 100%;
	 height: 100%;
	 object-fit: contain;
}
 .prefix-game-full__box iframe {
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 border: none;
	 width: 100%;
	 height: 100%;
}
 .prefix-game-full__buttons {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 display: flex;
	 flex-direction: column;
	 padding: 0 10px;
	 width: 100%;
	 max-width: 340px;
	 transform: translate(-50%, -50%);
	 gap: 12px;
}
 .prefix-game-full__buttons button {
	 width: 100%;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 border: none;
	 border-radius: 5px;
	 padding: 12px;
	 font-family: var(--ff-primary);
	 font-weight: 600;
	 font-size: 15px;
	 line-height: 18px;
	 text-align: center;
	 text-decoration: none;
	 transition: .3s;
	 cursor: pointer;
}
 .prefix-game-full__buttons button:hover {
	 transform: scale(1.05);
	 z-index: 4;
}
 .prefix-game-full__affiliate-link {
	 color: var(--color-second-button);
	 background-color: var(--color-second-button-bg);
}
 .prefix-game-full__demo-link {
	 color: var(--color-content-button);
	 background: var(--color-content-button-bg);
}
 @media (max-width: 550px) {
	 .prefix-game-full__box {
		 min-height: 300px;
		 display: flex;
	}
	 .prefix-game-full__box .get-image {
		 height: auto;
	}
	 .prefix-game-full__box img {
		 object-fit: cover;
	}
}
/* new csszak */
 @charset "UTF-8";
 p {
	 font-size: 1rem 
}
 .get-image, body {
	 display: -webkit-box;
	 display: -ms-flexbox 
}
 body {
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal 
}
 * {
	 font-family: inherit 
}
 :root {
	 --width: 1480px;
	 --display-width: var(--width);
	 --offsets: 30px;
	 --ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif 
}
 * {
	 margin: 0;
	 padding: 0;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box 
}
 .container {
	 margin: 0 auto;
	 padding: 0 var(--offsets);
	 max-width: var(--display-width) 
}
 img {
	 max-width: 100% 
}
 p {
	 margin-top: 1rem;
	 font-weight: 500;
	 line-height: 20px 
}
 ul[class] {
	 list-style: none 
}
 img {
	 height: auto 
}
 .get-image {
	 display: flex;
	 -webkit-box-align: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 margin: 0;
	 line-height: 0 
}
 body {
	 display: flex;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 height: 100vh;
	 overflow-x: hidden;
	 font-family: var(--ff-primary);
	 color: var(--color-text);
	 background-color: var(--color-body) 
}
 html {
	 font-size: 17px 
}
 body::-webkit-scrollbar-track {
	 background-color: var(--color-body-track) 
}
 body::-webkit-scrollbar-thumb {
	 border: 1px solid var(--color-body-track);
	 border-radius: 10px;
	 height: 20%;
	 background: var(--color-body-thumb) 
}
 @media screen and (max-width: 1280px) {
	 :root {
		 --offsets: 20px 
	}
}
 @media screen and (max-width: 1024px) {
	 :root {
		 --offsets: 16px 
	}
}
 @media (max-width: 1024px) {
	 html {
		 font-size: 16px 
	}
}
 @media (max-width: 700px) {
	 html {
		 font-size: 15px 
	}
}
 @media (max-width: 500px) {
	 html {
		 font-size: 16px 
	}
}
 .screenshot-gallery__wrapper::-webkit-scrollbar:vertical {
	 display: none 
}
/* game-full */
/* game-full */
 @media (max-width: 1023px) {
	 .relink {
		 grid-template-columns: 1fr;
	}
}
 .relink__list {
	 display: grid;
	 grid-template-columns: repeat(4, 1fr);
	 gap: 16px;
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 width: 100% 
}
 .relink__item {
	 border-radius: 8px;
	 padding: 8px;
	 gap: 10px;
	 cursor: pointer;
	 display: flex;
	 transition: .3s ease-in-out;
	 align-items: center;
}
 .relink__item:hover {
	 box-shadow: 0 0 1px 1px rgba(255, 255, 255, .35) 
}
 .relink .get-image {
	 display: flex;
	 align-items: center;
	 justify-content: center 
}
 .relink img {
	 max-width: 56px;
	 max-height: 56px;
	 object-fit: contain 
}
 .relink__content {
	 flex-grow: 1 
}
 .relink__title {
	 margin: 0;
	 font-size: 16px;
	 line-height: 16px;
	 font-weight: 700;
	 color: #fff 
}
 .relink__text {
	 margin: 4px 0 0;
	 font-size: 14px;
	 line-height: 1;
	 color: #9aa2af 
}
 @media (max-width: 1023px) {
	 .relink__list {
		 grid-template-columns:repeat(2, 1fr) 
	}
}
 .relink {
	 align-items: center;
	 height: 100% 
}
 .relink__item {
	 background-color: #313131;
}
 @media (max-width: 767px) {
	 .relink__list {
		 grid-template-columns: 1fr;
	}
}