@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2'),
  url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	height: 100%;
}

ul, ol {
	list-style-type: none;
}

form, input, textarea, button {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

input[type="submit"],
input[type="button"] {
	appearance: none;
	-webkit-appearance: none;
}

img {
	max-width: 100%;
}

a img {
	border: none;
}

b, i {
	font-weight: 700;
}

h1 {
  font-size: 40px;
  color: var(--color-text-titles);
  font-weight: 700;
  padding-bottom: 15px;
  }

h3 {
	padding-top: 20px;
	color: var(--color-text-titles);
	font-size: 36px;
	line-height: 46px;
  font-weight: 600;
}


h4 {
	padding-top: 20px;
	color: var(--color-text-titles);
	font-size: 28px;
	line-height: 46px;
  font-weight: 500;
}


h5, h6 {
	padding-top: 20px;
	color: var(--color-text-titles);
	font-size: 22px;
	line-height: 46px;
  font-weight: 500;
}

body {
	font-size: 18px;
	line-height: 30px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

p {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
  color: var(--color-text-main);
}

ul, ol {
	font-size: 20px;
	padding-top: 15px;
  color: var(--color-text-main);
}

.ikCCStSXNEm1i > :is(h2, h3, h4, h5, p, ol, ul) {
  margin: 0;
  padding: 0;
}

.container {
	max-width: 1280px;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.FZqKVWvnpyseJ {
	max-width: 1280px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}

.KgNGrJmwJP {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}


.okyvKTkDi {
	padding: 20px 0;
	width: 100%;
	background-color: var(--color-bg-header);
	display: flex;
    align-items: center;
    position: fixed;
    height: 86px;
    z-index: 999;
}



.ortGPHZTTMbAO {
	display: block;
	height: 46px;
    display: flex;
    align-items: center;
}

.ortGPHZTTMbAO img {
  height: 46px;
}

.GsSthB8mPX6 {
	flex-direction: column;
	background-color: #1F0C0B;
	display: flex;
	color: #ffffff;
	min-height: 100%;
	overflow-x: hidden;
	position: relative;
	padding-top: 98px;
}

.languages{
	z-index: 2;
	margin-left: 10px;
	position: relative;
	display: flex;
}

.okyvKTkDi .NWpQeYrEDPgn6AD {
	z-index: 1;
	cursor: pointer;
}

.okyvKTkDi .NWpQeYrEDPgn6AD {
	height: 42px;
	padding: 0 43px 0 14px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #FFFFFF;
	font-style: normal;
}

.okyvKTkDi .NWpQeYrEDPgn6AD::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 16px;
	background: url("../img/arrow8.svg") no-repeat center center;
}

.okyvKTkDi .languages > ul {
	position: absolute;
	left: 0;
	right: 0;
	display: none;
	background: var(--color-bg-header);
	top: 114%;
	z-index: -1;
	border-radius: 5px;
	overflow: hidden;
	padding-top: 0;
}

.okyvKTkDi .languages > ul li a{
	width: auto;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	padding-left: 14px;
	text-decoration: none;
	font-size: 18px;
}

.okyvKTkDi .languages.active > ul {
	display: block;
	width: max-content;
	min-width: 83px;
	padding-bottom: 4px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.overlap {
	height: 100%;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.OcmLWU8yf8GMj {
	display: none!important;
}

.xWnlbYMOD2Gp {
	height: 100%;
	width: auto;
	display: flex;
	align-items: center;
	margin-left: 30px;
}

.menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    margin-left: auto;
    margin-right: 20px;
} 

ul.menu  {
	padding-top: 0;
}

.menu a {
    text-decoration: none;
    color: var(--color-link);
    font-size: 18px;
    line-height: 120%;
    font-weight: 400;
    transition: color 0.3s ease;
    padding: 10px 0;
}


.menu > .menu-item {
    position: relative;
}


.sub-menu a::after {
  content: none;
}
 

.btn {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #0098FF;
	outline: 0;
	border: 0;
	height: 42px;
	padding: 10px 20px;
	border-radius: 10px;
	text-decoration: none;
	transition: background 0.3s ease-in-out;
}

.btn:hover {
	background-color: #007ACC;
}

.JmeEPfey2XweJg {
	background-color: var(--color-btn-login);
	transition: background 0.3s ease-in-out;
	color: var(--color-text-btn-login);
}

.JmeEPfey2XweJg:hover {
	background-color: var(--color-btn-login-hover);
	}

.ztvqEu31AA7 {
	background-color: var(--color-btn-reg);
	transition: background 0.3s ease-in-out;
	color: var(--color-text-btn-reg);
}

.ztvqEu31AA7:hover {
	background-color: var(--color-btn-reg-hover);
	}

.RBKfyAxaRQP {
	padding: 60px 0;
	min-height: 188px;
	background: url("../img/back1.webp") no-repeat top  / cover;
  position: relative;
}

.RBKfyAxaRQP::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 25, 62, 0.72);
  z-index: 0;
}

/* Контент выше overlay */
.RBKfyAxaRQP > * {
  position: relative;
  z-index: 1;
}

.YUBfxuQbY0z3c {
	display: flex;
	gap: 80px;
	justify-content: center;
	align-items: center;
}

.LVrdkSAMIBGj2O8 {
	width: 491px;
	height: max-content;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px; 
	font-size: 30px;
	text-decoration: none;
	padding: 16px 30px;
	position: relative;
	gap: 12px;
  line-height: 100%;
}

.LVrdkSAMIBGj2O8::before,
.LVrdkSAMIBGj2O8::after {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: cover;
	background-repeat: no-repeat;
	transition: background-image 0.3s ease-in-out;
  flex-shrink: 0;
}

.LVrdkSAMIBGj2O8::before {
	margin-right: 10px;
}
.LVrdkSAMIBGj2O8::after {
	margin-left: 10px;
	width: 12px;
    height: 21px;
}

.YUBfxuQbY0z3c .sport {
	background-color: var(--color-btn1);
	color: var(--color-text-btn1);
	transition: background 0.3s ease-in-out;
}

.YUBfxuQbY0z3c .sport::before {
	background-image: url('../img/bonus1.svg');
}
.YUBfxuQbY0z3c .sport::after {
	background-image: url('../img/arrow.svg');
}

.YUBfxuQbY0z3c .sport:hover {
	background-color: var(--color-btn1-hover);
	color: var(--color-text-btn1-hov);
}

.YUBfxuQbY0z3c .sport:hover::before {
	background-image: url('../img/bonus.svg');
}
.YUBfxuQbY0z3c .sport:hover::after {
	background-image: url('../img/arrow1.svg');
}

/* ==== Казино кнопка ==== */

.YUBfxuQbY0z3c .cas {
	background-color: var(--color-btn2);
	color: var(--color-text-btn2);
	transition: background 0.3s ease-in-out;
}

.YUBfxuQbY0z3c .cas::before {
	background-image: url('../img/bonus2.svg');
}
.YUBfxuQbY0z3c .cas::after {
	background-image: url('../img/arrow1.svg');
}

.YUBfxuQbY0z3c .cas:hover {
	background-color: var(--color-btn2-hover);
	color: var(--color-text-btn2-hov);
}

.YUBfxuQbY0z3c .cas:hover::before {
	background-image: url('../img/bonus3.svg');
}
.YUBfxuQbY0z3c .cas:hover::after {
	background-image: url('../img/arrow.svg');
}



.nlKtu1RnR9 {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  margin: 0 auto;
}

/* Левая часть */
.BdpgMDPb98W8GN {
  flex: 1;
}

.AIMtMNt2oZPA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 25px;
  column-gap: 30px;
  margin-bottom: 30px;
}

.button {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #FFFFFF;
  border-radius: 20px;
  font-size: 32px;
  font-weight: 400;
  padding: 27px 30px;
  text-decoration: none;
  height: 100px;
  cursor: pointer;
  z-index: 9;
}

.AIMtMNt2oZPA .button {
  background: url("../img/back.webp") no-repeat top  / cover;
}

.AIMtMNt2oZPA .button p {
color: #FFFFFF;
font-size: 32px;
padding-top: 0;
margin-top: 0; 
}

.AIMtMNt2oZPA .button {
  position: relative;
  overflow: hidden;
  z-index: 0; 
}

.AIMtMNt2oZPA .button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 25, 62, 0);
  transition: background-color 0.3s ease;
  z-index: 0; 
}

.AIMtMNt2oZPA .button:hover::before {
  background-color: rgba(0, 25, 62, 0.72);
}

.AIMtMNt2oZPA .button > * {
  position: relative;
  z-index: 1;
}

.button img {
  width: 38px;
  height: 38px;
}

.xDOBklRP6Z0gS {
/*     background: url("../img/banner.webp") no-repeat top  / cover; */
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #fff;
  overflow: hidden;
  min-height: 350px;
  position: relative;
}

.xDOBklRP6Z0gS::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.45); 
  border-radius: 20px;
  z-index: 0;
}

.xDOBklRP6Z0gS .KXCxmQF6ayL7 {
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    object-fit: fill;
}

.VUoRdP1sUoKcl {
    padding: 20px 0 20px 40px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    max-width: 536px;
    align-items: flex-start;
    justify-content: center;
}
.TyolpzNTiFg5V {
	height: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    min-height: 350px;
}

.xDOBklRP6Z0gS > * {
  position: relative;
  z-index: 1;
}

.nlKtu1RnR9 h2 {
font-size: 46px;
  font-weight: 800;
  color: var(--color-text-titles);
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: none;
}

.nlKtu1RnR9 .xDOBklRP6Z0gS h2 {
  font-size: 48px;
  font-weight: 700;
  color: var(--color-text-titles-v1);
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.nlKtu1RnR9 .xDOBklRP6Z0gS p {
  font-size: 36px;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

.bogQdaIamq4vY8K {
  background: #ABFF02;
  color: #170739;
  font-weight: 500;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 10px;
  text-decoration: none;
  min-width: 145px;
  height: 42px;
  display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    transition: background 0.3s ease-in-out;
}

.bogQdaIamq4vY8K:hover { 
  background: #83C400;
}

img.whZmOjcvcoOxn {
  max-width: 270px;
  height: auto;
  z-index: 2
}

/* Сайдбар */
.IzkDYuVy9RqA {
  width: 393px;
}

.IzkDYuVy9RqA > *:first-child  {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--color-text-secondary);
  line-height: 120%;
}

.KGuLkzK6ACba {
  background: var(--color-boxes);
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.KGuLkzK6ACba .info  {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.KGuLkzK6ACba .VuoPzbC0USgBrt {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
}

.KGuLkzK6ACba p.vWPa3KqY72L {
  font-size: 20px;
  color: var(--color-text-secondary);
  font-weight: 500;
   margin: 0;
  padding: 8px 0 0;
  line-height: 100%;
}

.IzkDYuVy9RqA .OwwKp4O33um8 {
  font-size: 14px;
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
  padding-top: 8px;
  }

.lNuNrWQWIfUIiJ6 {
  display: flex;
  gap: 10px;
   margin: 0;
  padding: 0;
}

.lNuNrWQWIfUIiJ6 .num {
  background: #FFD1A7;
  padding: 4px 16px;
  border-radius: 5px;
  font-size: 16px;
  color: var(--color-text-secondary);
  font-weight: 200;
  line-height: 100%;
}

.nbaOqEeKNnTUd9q {
  background: #FF5C02;
  color: #FFFFFF;
  padding: 12px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  height: 43px;
    min-width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease-in-out;
}

.nbaOqEeKNnTUd9q:hover {
  background: #CF4A00;
}

.nbaOqEeKNnTUd9q::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 10px;
  background-image: url(../img/arrow1.svg);
}

.ZDkNmQJyzn {
  background-color: var(--color-boxes);
  border-radius: 20px;
  padding: 30px 80px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.BvwQFTqrxuxx5 {
	display: flex;
	gap: 30px;
	justify-content: space-between;
}

.title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: var(--color-text-titles);
}

.RIhiEDanfMFd {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.GwJCt2vneB {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  min-width: 150px;
  align-items: flex-start;
  max-width: 295px;
}

.GwJCt2vneB p {
  font-size: 20px;
  color: var(--color-text-main);
  font-weight: 400;
  text-align: left;
  margin-bottom: 10px;
}

.GwJCt2vneB p.name {
  font-size: 24px;
  color: var(--color-text-main);
  font-weight: 600;
}

.DiDvjWgEahl {
  display: flex;
  gap: 30px;
  margin-top: 30px;
  width: 100%;
}

.oTixAzctTOm {
  background-color: #F1F1F1;
  border: none;
  border-radius: 10px;
  padding: 16px;
  font-size: 20px;
  width: 100%;
  font-weight: 400;
  border: 1px solid transparent;    
  transition: border-color 0.2s ease; 
  margin-top: 15px;
}

.oTixAzctTOm::placeholder {
  color: #899FAE;
  font-size: 20px;
  font-weight: 400;
  opacity: 1;
  transition: opacity 0.2s ease; 
}

.oTixAzctTOm:focus {
  border-color: #00173E;              
  outline: none;                      
}


.oTixAzctTOm:focus::placeholder {
  opacity: 0;                         
}


.oTixAzctTOm::-ms-input-placeholder {  
  color: #899FAE;
}
.oTixAzctTOm:focus::-ms-input-placeholder {
  color: transparent;
}

.jvRg9HyT5JS6 {
  background-color: var(--color-sum-box);
  color: #FFFFFF;
  border-radius: 20px;
  padding: 16px 50px;
  text-align: center;
  width: 300px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
}

.jvRg9HyT5JS6 > *:first-child {
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
  color: var(--color-text-secondary-v1);
  font-weight: 500;
  line-height: 120%;
  padding-top: 0;
}

.jvRg9HyT5JS6 .OAZEWyT2iGc {
  font-size: 40px;
  color: var(--color-text-secondary-v1);
  font-weight: 400;
}

.jvRg9HyT5JS6 .uQJvpGHMyfknZX {
  display: inline-block;
  background-color: var(--color-btn4);
  color: var(--color-text-btn4);
  border: none;
  border-radius: 10px;
  padding: 10px 30px;
  font-weight: 500;
  cursor: pointer;
  font-size: 18px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.jvRg9HyT5JS6 .uQJvpGHMyfknZX:hover {
  background-color: var(--color-bt4-hover);
  color: var(--color-text-btn4-hov);
	border: 2px solid #FFFFFF
}

.RIhiEDanfMFd img {
  width: 19px;
  height: 33px;
  align-self: center;
}

.XgCExOBBKrL {
	display: flex;
  flex-direction: column;
  width: 100%;
}

.meBCpDwprb {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
  margin-bottom: 20px;
}

.meBCpDwprb a {
  text-decoration: none;
  color: #00253E;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}

.meBCpDwprb a::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease-in-out;
  background: url("../img/arrow7.svg") no-repeat center center;
  margin-left: 7px;
}

.meBCpDwprb a.active {
  color: #0098FF;
}

.meBCpDwprb a.active::after {
  content: none;
}

.fHgPG5RdCB1m.ypUONOgWU5AP.WnlklKuYXvrS7 {
    color: #0098FF;
}

.TtSPoGYzI0tJP1Uy h2 {
	padding-top: 0;
	padding-bottom: 20px;
}

.hZecDiJcuY7o {
	padding: 20px 0;
}

h2 {
	font-size: 40px;
	line-height: 46px;
	color: var(--color-text-titles);
	padding-top: 20px;
  font-weight: 600;
}

.qwWTK2MAjVnm {
	background-color: var(--color-bg-body);
  padding-top: 86px;
}

.qwWTK2MAjVnm p {
	margin-top: 20px;
}

.qwWTK2MAjVnm ul, .qwWTK2MAjVnm ol {
	list-style: inherit;
	padding-left: 30px;
}

.qwWTK2MAjVnm ol {
	list-style-type: decimal;
}

.qwWTK2MAjVnm ul li, .qwWTK2MAjVnm ol li {
	margin-bottom: 10px;
	font-size: 20px;
font-weight: 400;
}

.text ul li, .text ol li {
font-size: 20px;
font-weight: 400;
}

.qwWTK2MAjVnm ul li:last-child, .qwWTK2MAjVnm ol li:last-child {
	margin-bottom: 0;
}

.mcgGvNgh0BnYS4 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.dnbyTcOGo7FrC {
	text-align: center;
}

.dnbyTcOGo7FrC img{
	display: block;
	margin: 0 auto;
	max-height: 46px;
}

.mcgGvNgh0BnYS4 {
	background-color: var(--color-footer-bg);
	padding: 16px 0 50px;
	margin-top: auto;
}

.doYaPOmNktAv {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
	max-width: 1000px;
	margin: 0 auto;
}

.doYaPOmNktAv li a {
	font-size: 20px;
	color: var(--color-foot-link);
	padding:  10px 0;
	text-decoration: none;
	transition: color 0.3s ease;
	font-weight: 400;
}

.doYaPOmNktAv li a:hover { 
    color: var(--color-foot-link-hov);
}

.mcgGvNgh0BnYS4 p {
	font-size: 18px;
	margin-top: 15px;
	margin: 15px auto 0;
	max-width: 1000px;
	color: var(--color-footer-text);
	text-align: center;
}

body.hWMMozL8Bp6Yj {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}

.hWMMozL8Bp6Yj .GsSthB8mPX6 {
	background-color: #E0E0E0;
}


.EQkmBTD61brb {
	padding: 160px 0 80px;
	background-color: var(--color-404-bg);
	height: 100%;
}

.QkdMvjIeOmJN {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: none;
	padding: 0;
	text-align: center;
	gap: 45px;
}

.QkdMvjIeOmJN .yuXlOOKyKwV5nYY {
  font-size: 64px;
  line-height: 82px;
  color: var(--color-404-big-text);
  font-weight: 800;
}

.QkdMvjIeOmJN img {
  max-width: 576px;
}

.QkdMvjIeOmJN p  {
 color: var(--color-404-text);
 font-size: 36px;
 margin: 0;
 font-weight: 500;
 line-height: 50%;
}

.QkdMvjIeOmJN .zBOWOtaWrkaGZ {
	margin: 40px 0;
}

.QkdMvjIeOmJN .btn {
font-size: 18px;
text-transform: uppercase;
padding: 10px 20px;
font-weight: 500;
background-color: var(--color-404-btn);
border-radius: 10px;
color: var(--color-404-btn-text);
transition: background 0.3s ease-in-out;
min-width: 127px;
}

.QkdMvjIeOmJN .btn:hover {
  background-color: var(--color-404-btn-hov);
}

.JmeEPfey2XweJg {
	order: 1;
}

.ztvqEu31AA7 {
	order: 1;
}

.ml-auto {
	margin-left: auto;
}

table {
    border-collapse: collapse;
    width: 962px;
    background-color: var(--color-boxes);
    color: var(--color-text-main);
    font-family: sans-serif;
    overflow: hidden;
    margin: 20px auto;
  }

  th, td {
    border: 1px solid var(--color-text-main);
    padding: 10px 10px 10px 16px;
    text-align: left;
    vertical-align: top;
  }

  thead tr {
    background-color: #2E1010;
  }

  th {
    font-weight: 400;
    font-size: 24px;
  }
  td {
    font-weight: 400;
    font-size: 20px;
  }


  tbody tr {
    background-color: var(--color-boxes);
  }

.TtSPoGYzI0tJP1Uy p:first-of-type {
	margin-top: 0;
}

.cziSpZyj8pW {
  padding-bottom: 100px;
}

.cziSpZyj8pW h2, .cziSpZyj8pW h3, .cziSpZyj8pW h4, .cziSpZyj8pW h5  {
	padding-top: 0;
}

.cziSpZyj8pW h2 {
  font-size: 36px;
  font-weight: 600;
  padding-top: 20px;
}

.cziSpZyj8pW h3 {
  font-size: 28px;
  font-weight: 500;
  padding-top: 30px;
}

.cziSpZyj8pW h5, .cziSpZyj8pW h4 {
	text-transform: none;
   padding-top: 20px;
}

.cziSpZyj8pW ul {
	list-style-type: disc;
  padding-top: 20px;
}
.cziSpZyj8pW ol {
	list-style-type: auto;
  padding-top: 20px;
}

.sub-menu {
    position: absolute;
    left: 0;
    top: 120%;
    display: none;
    z-index: 10;
    border-radius: 10px;
    padding: 10px;
    background: var(--color-submenu);
    overflow-y: auto;
    width: auto;
    height: auto;
    list-style-type: none;
    min-width: 101px;
}

 .sub-menu a {
 	color: var(--color-text-main);
 }

 .menu .RthawdSiwFry7, .menu .wzzQluTyvwCB {
  position: relative;
  padding: 15px 0;
}

 .arrow {
 	display: none;
 }

.okyvKTkDi.active {
	height: 80px;
}

.full img {
width: 100%;
height: auto
}

.PBcfJiba40BD {
  background-image: url('../img/back2.webp');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px 0 40px;
}

.ogGnfyvHT5EW2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
    column-gap:28px;
}

.rating {
    display: flex;
    gap: 10px;
}

.rating img {
  width: 22px;
  height: 21px;
}

.PBcfJiba40BD h2 {
  padding-top: 0;
padding-bottom: 30px;
color: var(--color-text-titles-v2);
font-size: 40px;
}

.review p {
  color: var(--color-text-main);
  font-size: 20px;
}

.review {
  padding: 30px 23px;
  border-radius: 20px;
  background-color: var(--color-boxes);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.CxPaB3hWp {
  display: flex;
  gap: 36px;
  justify-content: center;
  margin-bottom: 15px;
}

.CxPaB3hWp .button {
 display: flex;
 flex-direction: column;
 padding: 24px 30px;
 align-items: center;
 border-radius: 20px;
 background-color: var(--color-btn3);
 min-height: 170px;
 height: auto;
 width: 144px;
 font-size: 24px;
 color: var(--color-text-btn3);
 justify-content: space-between;
 gap: 15px;
 transition: background-color 0.3s ease;
}

.CxPaB3hWp .button:hover {
background-color: var(--color-btn3-hover);
}

.CxPaB3hWp .button img {
    width: 68px;
    height: 68px;
}

.CxPaB3hWp .button.casino img {
    width: 77px;
    height: 70px;
    margin-left: 3px;
}


.non-scroll {
  overflow: hidden;
}




.button {
  overflow: hidden;
  padding: 0;
}

/* Внутренняя обёртка — фон и контент */
.RRlKrqLs5fZ {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 27px 30px;
  background: url(../img/back.webp) no-repeat top / cover;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  height: 100%;
  width: 100%;
  transition: transform 0.3s ease;
  transform-origin: center center;
  border-radius: 20px;
}

/* Эффект при наведении */
.button:hover .RRlKrqLs5fZ {
  transform: scale(1.07); /* Лёгкое увеличение */
}


 ul.eQfmXtLA7i5e {
	position: absolute;
    left: 0;
    right: 0;
    background: var(--color-bg-header);
    top: 114%;
    z-index: -1;
    border-radius: 5px;
    overflow: hidden;
    padding-top: 0;
	}

ul.eQfmXtLA7i5e a {
width: auto;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: 14px;
    text-decoration: none;
    font-size: 18px;
}

@media screen and (min-width: 1023px) {
  .menu a:hover {
  color: var(--color-link-hover);
}

.menu > .menu-item:hover .sub-menu {
    display: flex;
   flex-direction: column;
    gap: 12px;
}

.menu-item.has-submenu:hover > a {
  color: #FF5C02;
}

.menu-item.has-submenu > a::after, .okyvKTkDi .NWpQeYrEDPgn6AD::after  {
  content: '';
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease-in-out;
  background-image: url('../img/arrow8.svg');
  margin-left: 10px;
  width: 16px;
  height: 10px;
  transition: background-image 0.3s ease-in-out;
}
.menu-item.has-submenu:hover > a::after  {
  background-image: url('../img/arrow9.svg');
}

}

@media screen and (max-width: 1320px) {
.container {
	padding: 0 20px;
}
 img.whZmOjcvcoOxn {
    max-width: 222px;
  }
}

@media screen and (max-width: 1120px) {
	.LVrdkSAMIBGj2O8 {
    width: 411px;
    height: auto;
    font-size: 28px;
    padding: 16px 20px;
  }
  .nlKtu1RnR9 h2 {
    font-size: 36px;
    line-height: 100%;
  }
  .YUBfxuQbY0z3c {
    gap: 40px;
  }
      .nlKtu1RnR9 {
        flex-direction: column;
    }
    .AIMtMNt2oZPA .button p {
      font-size: 24px;
    }
    .IzkDYuVy9RqA {
    margin: 0 auto;
}

}

@media screen and (max-width: 1023px) {
	.okyvKTkDi .NWpQeYrEDPgn6AD::after {
		display: none;
	}
  .BvwQFTqrxuxx5 {
    flex-direction: column;
    align-items: center;
  }

  .ZDkNmQJyzn {
     padding: 30px 20px;
  }

  th, td {
    font-size: 18px;
  }
  .hZecDiJcuY7o.PBcfJiba40BD {
    padding: 20px 0;
  }
  .review p {
    font-size: 18px;
  }
  .PBcfJiba40BD h2 {
    font-size: 32px;
  }
  h3 {
    font-size: 28px;
    padding-top: 15px;
  }
  h4 {
    font-size: 24px;
  }
  .text ul li, .text ol li {
    font-size: 18px;
    line-height: 130%;
  }
  .jvRg9HyT5JS6 .OAZEWyT2iGc {
    font-size: 36px
  }
  .jvRg9HyT5JS6 .uQJvpGHMyfknZX {
    font-size: 18px;
  }
  .jvRg9HyT5JS6 {
    padding: 16px 20px;
  }
  .jvRg9HyT5JS6 > *:first-child {
    font-size: 18px;
  }
  .ZDkNmQJyzn {
    padding: 30px 20px;
  }
  img.whZmOjcvcoOxn {
    max-width: 209px;
  }

    p {
      font-size: 18px;
      line-height: 130%;
    }
    .nlKtu1RnR9 .xDOBklRP6Z0gS h2 {
      font-size: 36px;
    }
     .nlKtu1RnR9 .xDOBklRP6Z0gS p {
      font-size: 24px;
    }

   .xDOBklRP6Z0gS {
      min-height: 244px;
    }

  .QkdMvjIeOmJN img {
    max-width: 462px;
  }

  .QkdMvjIeOmJN .yuXlOOKyKwV5nYY {
    font-size: 54px;
}

.QkdMvjIeOmJN p {
    font-size: 30px;
}

  .nlKtu1RnR9 {
    flex-direction: column;
  }

  .IzkDYuVy9RqA {
    width: 100%;
  } 
  
	.offers {
		gap: 30px;
	}

	.card {
      flex-direction: column;
      align-items: center;
 	}

 	.rating img {
 		width: 18px;
 		height: 18px;
 	}

	.ml-auto {
		order: 3;
		margin-left: 0;
	}
	
	#menu-toggle .trait {
		display: block;
		background: #ffffff;
		border-radius: 5px;
		transition: .25s ease-in-out;
	}

	#menu-toggle #hamburger {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	#menu-toggle #hamburger .trait {
		width: 26px;
		height: 2px;
		position: relative;
		border-radius: 2px;
		top: 0;
		right: 0;
		margin: 3px 0;
	}

	#menu-toggle #hamburger.open .trait:nth-child(1) {
		transform: rotate(-45deg) translate(-4px, 5px);
		margin: 0;
	}

	#menu-toggle #hamburger.open .trait:nth-child(3) {
		opacity: 0;
	}

	#menu-toggle #hamburger.open .trait:nth-child(2) {
		margin: 0;
		transform: rotate(45deg) translate(3px, 2px);
	}

	.overlap {
		position: fixed;
		background: var(--color-bg-header);
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
		transform: translateX(100%);
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		overflow: hidden;
		display: block;
		padding: 85px 10px 15px;
		display: flex;
    flex-direction: column;
    align-items: flex-end;

	}
	.menu {
		display: flex;
    flex-direction: column;
    order: 1;
    gap: 25px;
    margin-right: 0;
    margin-top: 20px;
	}

	.xWnlbYMOD2Gp {
		width: 100%;
		height: auto;
		display: flex;
		overflow: hidden;
		overflow-y: scroll;
		flex-direction: column;
		align-items: flex-end;
		text-align: end;
		order: 0;
    padding-right: 15px;
	}

	.overlap.open {
		z-index: 15;
		transform: translateX(0);
		width: 100%;
		height: 100%;
		display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 30px;
	}

	#menu-toggle {
		display: flex;
		margin-left: auto;
		z-index: 15;
		position: relative;
	}

	.ortGPHZTTMbAO {
		width: 237px;
		position: relative;
		z-index: 135;
	}


	.okyvKTkDi {
		padding: 13px 0;
	}

	.JmeEPfey2XweJg {
		font-size: 20px;
		line-height: 120%;
		margin: 20px 0;
		margin-left: auto;
	}

	.okyvKTkDi .languages > ul {
		position: relative;
		display: block;
		background: transparent;
		top: 0;
		z-index: 1;
		border-radius: 0;
		overflow: visible;
		display: flex;
		gap: 20px;
		align-items: center;
		flex-direction: row;
	}
	
	.okyvKTkDi .languages > ul li a {
		margin-bottom: 0!important;
	}

	.okyvKTkDi .NWpQeYrEDPgn6AD {
		padding: 0 23px 0 14px;
	}

	.xWnlbYMOD2Gp p {
		font-size: 20px;
		line-height: 120%;
		text-transform: uppercase;
		margin: 11px 0;
	}

	.okyvKTkDi .languages > ul li a {
		height: auto;
		margin-bottom: 11px;
		padding: 0;
		font-size: 18px;
		line-height: 120%;
		font-weight: 500;
		color: #ffffff;
		display: block;
		text-decoration: none;
	}

	header .languages > ul li.active a {
		color: #C01A40;
	}

	.okyvKTkDi.active .ortGPHZTTMbAO {
		width: 120px;
	}

	.okyvKTkDi.active {
		padding: 13px 0;
	}

	.OcmLWU8yf8GMj {
		display: block!important;
	}
	
	h1 {
		font-size: 32px;
	}

	.hZecDiJcuY7o {
		padding: 12px 0;
	}

	h2 {
		font-size: 28px;
		line-height: 33px;
	}

	body {
		font-size: 16px;
		line-height: 21px;
	}

	.structure {
		gap: 10px;
		flex-direction: column-reverse;
		align-items: center;
	}

	.ikCCStSXNEm1i {
		max-width: 100%;
		width: 100%;
		flex-shrink: 0;
	}

	table {
		margin: 23px 0;
        width: 100%;
		display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
	}
	
	.menu div {
padding: 0;
 }
 .menu {
 	align-items: flex-end;
 }


.sub-menu {
  display: none;
  position: static;
  margin-top: 10px;
  padding: 10px 0;
  border-radius: 0 0 10px 10px;
  list-style: none;
  min-width: auto;
  display: flex;
    flex-direction: column;
    align-items: flex-end;
}


      .menu a {
        font-size: 18px;
    }
    .sub-menu li {
    	padding-bottom: 10px;
    }



.sub-menu {
  background-color: transparent;
  color: #FFFFFF;
}
.sub-menu a {
  color: #FFFFFF;
}
.menu a {
  font-size: 16px;
}

.menu-item.has-submenu > a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../img/arrow8.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
    vertical-align: middle;
    margin-left: 8px;
    transform: rotate(0deg);
  }
  .menu-item.open > a::after {
  transform: rotate(-180deg); 
  background-image: url('../img/arrow8.svg');
}



}

@media screen and (max-width: 767px) {	
  .qwWTK2MAjVnm {
    padding-top: 37px;
}

.okyvKTkDi.active {
    height: 37px;
}
  .qwWTK2MAjVnm p {
    margin-top: 15px;
}
  .hZecDiJcuY7o.PBcfJiba40BD {
        padding: 15px 0 30px;
    }
  .ogGnfyvHT5EW2 {
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
      .PBcfJiba40BD h2 {
        font-size: 24px;
        padding-bottom: 12px;

    }
    .review p {
        font-size: 14px;
    }
    .review {
    padding: 14px 15px;
    border-radius: 10px;
    gap: 12px;
}
  .DiDvjWgEahl {
    justify-content: center;
  }

  .jvRg9HyT5JS6 {
    width: 100%;
  }

	h3 {
        font-size: 25px;
        line-height: 120%;
	}

	h4 {
        font-size: 18px;
        line-height: 120%;
        padding-top: 15px;
	}

	h5 {
        font-size: 18px;
        line-height: 120%;
        padding-top: 15px;
	}

	p, .qwWTK2MAjVnm p, ul, ol, .text ul li, .text ol li { 
		font-size: 16px;
		line-height: 21px;
	}

	th, td {
        padding: 10px;
        font-size: 14px;
		min-width: 270px;
	}

	.mcgGvNgh0BnYS4 {
		padding: 15px 0 30px;
	}

	.GsSthB8mPX6 {
		padding-top: 59px;
	}

	.QkdMvjIeOmJN {
		font-size: 22px;
		line-height: 30px;
		gap: 30px;
	}

	.QkdMvjIeOmJN .yuXlOOKyKwV5nYY {
  font-size: 40px;
  line-height: 100%;
  color: #0098FF;
  font-weight: 800;
}

.QkdMvjIeOmJN img {
  max-width: 255px;
}

.QkdMvjIeOmJN p  {
 color: #141414;
 font-size: 24px;
 margin: 0;
 font-weight: 500;
 line-height: 100%;
}

	.EQkmBTD61brb {
		padding: 70px 0 30px;
	}

	td {
    font-size: 14px;
  } 
 
  .options-holder p {
  	font-size: 14px;
  }

  .dnbyTcOGo7FrC img {
  	max-width: 80px;
  }
  .doYaPOmNktAv {
  	justify-content: center;
  }
  .ortGPHZTTMbAO img {
    max-width: 80px;
}
.doYaPOmNktAv {
    gap: 12px;
    padding-top: 0;
  }

  .doYaPOmNktAv li a {
    font-size: 16px;
    padding: 10px 10px;
  }

  .mcgGvNgh0BnYS4 p {
    font-size: 12px;
    margin: 0;
  }
  .okyvKTkDi {
        height: 37px;
    }
    .JmeEPfey2XweJg {
    font-size: 14px;
    line-height: 120%;
    padding: 4px 10px;
    position: relative;
    z-index: 135;
    height: 25px;
    max-width: 101px;
    border-radius: 5px; 
}  
.ztvqEu31AA7 {
    font-size: 14px;
    line-height: 120%;
    padding: 4px 10px;
    position: relative;
    z-index: 135;
    height: 25px;
    width: auto;
    border-radius: 5px;
    white-space: nowrap;
  }

  .RBKfyAxaRQP {
    padding: 14px 20px;
    min-height: auto;
  }

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

  .LVrdkSAMIBGj2O8 {
    min-width: 266px;
    padding: 6px 10px;
    font-size: 18px;
    gap: 7px;
  }

  .RIhiEDanfMFd img {
  transform: rotate(90deg);
}
  .ZDkNmQJyzn {
    flex-direction: column;
    align-items: center;
  }

  .RIhiEDanfMFd {
    flex-direction: column;
    align-items: center;
  }
.nlKtu1RnR9 h2 {
  font-size: 28px;
  padding-top: 15px;
}
.AIMtMNt2oZPA {
  grid-template-columns: 1fr;
  row-gap: 10px;
}
.AIMtMNt2oZPA .button {
width: 100%;
}

.CxPaB3hWp {
flex-wrap: wrap;
}
.LVrdkSAMIBGj2O8::before, .LVrdkSAMIBGj2O8::after {
 width: 18px;
 height: 18px; 
}
.LVrdkSAMIBGj2O8::before {
  margin-right: 0;
}
.LVrdkSAMIBGj2O8::after {
  margin-left: 0;
  width: 7px;
  height: 13px;
}
.AIMtMNt2oZPA .button {
  border-radius: 10px;
  height: auto;
}
.RRlKrqLs5fZ {
   padding: 10px 20px;
}
.YUBfxuQbY0z3c  .LVrdkSAMIBGj2O8 {
border-radius: 5px;
}
.CxPaB3hWp {
  gap: 10px;
}
.CxPaB3hWp .button {
  padding: 14px 30px;
  gap: 13px;
  min-height: auto;
  font-size: 18px;
}
.CxPaB3hWp .button img {
  width: 51px;
  height: 47px;
}
.CxPaB3hWp .button.casino img {
width: 51px;
  height: 47px;
}
    .xDOBklRP6Z0gS {
        min-height: 300px;
        gap: 20px;
    }
	.TyolpzNTiFg5V {
		min-height: 300px;
	}
    .nlKtu1RnR9 .xDOBklRP6Z0gS h2 {
        font-size: 24px;
    }
        .nlKtu1RnR9 .xDOBklRP6Z0gS p {
        font-size: 20px;
    }
    .bogQdaIamq4vY8K {
      margin-top: 10px;
    }
    .ZDkNmQJyzn {
        padding: 20px 10px;
    }
    .title {
    font-size: 28px;
  }
  .ZDkNmQJyzn {
    gap: 16px;
  }

.BvwQFTqrxuxx5 .GwJCt2vneB p {
    margin-top: 5px;
    font-size: 16px;
    align-self: flex-start;
  }
    .GwJCt2vneB p.name {
    margin-top: 5px;
    font-size: 20px;
    align-self: center;
}
  .GwJCt2vneB {
    align-items: center;
  }
  .RIhiEDanfMFd {
    gap: 10px;
  }
  .ZDkNmQJyzn {
    border-radius: 10px;
  }
  .oTixAzctTOm {
    padding: 10px 16px;
  }

  .oTixAzctTOm {
    font-size: 16px;
  }
  .oTixAzctTOm::placeholder { 
    font-size: 16px;
  }
  .jvRg9HyT5JS6 > *:first-child {
        font-size: 20px;
    }
        .jvRg9HyT5JS6 .OAZEWyT2iGc {
        font-size: 40px;
    }
  table {
        margin: 10px 0;
        width: 100%;
      }
    h1 {
        font-size: 24px;
    }

    .cziSpZyj8pW h2 {
    font-size: 20px;
    }
    .cziSpZyj8pW h3 {
    font-size: 18px;
    }
    .cziSpZyj8pW h4 {
    font-size: 18px;
    }

  }

@media screen and (max-width: 557px) {
	.xDOBklRP6Z0gS {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	    .TyolpzNTiFg5V {
        min-height: 254px;
		justify-content: center;
			width: 100%;
    }
	.VUoRdP1sUoKcl {
    padding: 25px 24px 0 14px;
	gap: 20px;
}
}

@media screen and (max-width: 500px) {
  .BvwQFTqrxuxx5 {
    width: 100%;
  }

  .XgCExOBBKrL {
    width: 100%;
  }

  .GwJCt2vneB {
  max-width: 100%;
  width: 100%;
}
   .BvwQFTqrxuxx5 .GwJCt2vneB p {
    align-self: flex-start;
   }
    .GwJCt2vneB p.name { 
       align-self: center;
    }

	.row-buttons {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

  .LVrdkSAMIBGj2O8 {
        width: 266px;
        min-height: 34px;
      }
  .KGuLkzK6ACba {
    flex-direction: column;
    align-items: flex-start;
  }
  .lNuNrWQWIfUIiJ6 {
    align-self: center;
    margin-top: 16px;
    justify-content: space-between;
    width: 100%;
  }
  .info {
    width: 100%;
  }
  .nbaOqEeKNnTUd9q {
    width: 100%;
  }


.cziSpZyj8pW h3 {
  padding-top: 0;
}
	
	.cziSpZyj8pW h2, .cziSpZyj8pW h3, .cziSpZyj8pW h4, .cziSpZyj8pW ol, .cziSpZyj8pW ul, .cziSpZyj8pW p, .cziSpZyj8pW h5 {
		padding-bottom: 12px;
	}
  .cziSpZyj8pW p {
    margin-top: 0;
  }

  .cziSpZyj8pW ol, .cziSpZyj8pW ul {
    padding-top: 0;
  }
}
	
	 .eQfmXtLA7i5e {
	position: absolute;
    left: 0;
    right: 0;
    background: var(--color-bg-header);
    top: 114%;
    z-index: -1;
    border-radius: 5px;
    overflow: hidden;
    padding-top: 0;
	}
	
/* По умолчанию скрываем все варианты блока матчей */
.IzkDYuVy9RqA.irEbxSlsqjLmZDfq,
.IzkDYuVy9RqA.vEVjaa48fb,
.IzkDYuVy9RqA.ewnGqeHSIKQ7 {
    display: none;
}

.IzkDYuVy9RqA.vEVjaa48fb {
	margin: 0 auto;
}
.qruFJErx933 {
	padding: 0 20px;
}


@media (max-width: 1023px) {
    .IzkDYuVy9RqA.irEbxSlsqjLmZDfq {
        display: block; 
    }
    .IzkDYuVy9RqA.vEVjaa48fb {
        display: block; 
    }
    .IzkDYuVy9RqA.ewnGqeHSIKQ7 {
        display: none; 
    }
    .mobile-matches-top,
    .qruFJErx933 {
        margin: 20px auto; 
    }
}

/* Десктоп */
@media (min-width: 1024px) {
    .IzkDYuVy9RqA.ewnGqeHSIKQ7 {
        display: block; 
    }
    .IzkDYuVy9RqA.irEbxSlsqjLmZDfq,
    .IzkDYuVy9RqA.vEVjaa48fb {
        display: none; 
    }
    .mobile-matches-top,
    .qruFJErx933 {
        display: none; 
    }
}

	
	/* amp styles */

.XKeJhNuTjEb4 {
	position: absolute;
    top: 40px;
    left: 0px;
    background-color: #00173e;
    border-radius: 5px;
    width: 100%;
    padding: 0 15px;
}

.XKeJhNuTjEb4 a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 5px;
} 


@media screen and (max-width: 1023px) {
.amp-sidebar-mask {
    background-color: transparent !important;
	display: none;
}
amp-sidebar#mobile-menu {
	max-width: 100%;
	height: 100%;
}

#menu-toggle {
	order: 2;
	z-index: 9999;
}
	.JmeEPfey2XweJg, .ztvqEu31AA7 {
		z-index: 9999;
	}
	amp-sidebar#mobile-menu {
		z-index: 10;
	}
	details[open] > *:not(summary) {
    display: block !important;
  }

  /* для браузеров, где details по умолчанию скрывает контент, принудительно показываем */
  details > *:not(summary) {
    display: block;
  }
	#option-choice {
    color: #FFFFFF;
    font-size: 18px;
    margin-right: 20px;
}
	  .sub-menu[hidden] {
      display: none;
    }
    
} 

@media (max-width: 1023px) {
  .menu-label-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.menu-link {
    flex: 1;
    color: inherit;
    text-decoration: none;
}

.submenu-toggle {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background-image: url(../img/arrow8.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.menu-item.has-submenu[class~="open"] .submenu-toggle {
    transform: rotate(180deg);
}

}

input[placeholder="100 %"] {
	pointer-events: none;
}

 input.yudEIIw6nMl::-webkit-inner-spin-button,
  input.yudEIIw6nMl::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input.yudEIIw6nMl {
    -moz-appearance: textfield;
  }




/* new */
.info {
    max-width: 207px;
}

h1 {
 padding-bottom: 20px;
    padding-top: 20px;
 font-size: 46px;
 line-height: 120%;
}

@media (max-width: 1120px) {
 aside {
  width: 100%;
 }
 .info {
  width: 100%;
  max-width: 100%;
 }
}

@media (max-width: 620px) {
.CVLadIm1DoUr {
	width: 100%;
}
	
h1 {
 padding-bottom: 15px;
    padding-top: 15px;
 font-size: 30px;
 line-height: 120%;
}
}

.hZecDiJcuY7o .CxPaB3hWp, .hZecDiJcuY7o .AIMtMNt2oZPA, .hZecDiJcuY7o .xDOBklRP6Z0gS {
	margin-top: 20px;
}

.hZecDiJcuY7o .VUoRdP1sUoKcl, .hZecDiJcuY7o .VUoRdP1sUoKcl p {
	font-size: 36px;
    color: #FFFFFF;
	line-height: 110%;
}

@media (max-width: 1023px) {
.IzkDYuVy9RqA.vEVjaa48fb {
	padding: 0 20px;
}
}

/* new 26.06 */
.amp-langv {
	order: 2;
}

amp-sidebar {
	max-width: 100%;
	width: 100%;
	z-index: 10!important;
}

.okyvKTkDi .amp-langv.languages > ul {
	top: 50px;
}

ul[hidden] {
    display: none !important;
}

.languages.amp-langv ul:not([hidden]) {
  display: block;
}

.NWpQeYrEDPgn6AD[aria-expanded="false"]::after {
  transform: rotate(0deg);
}


.NWpQeYrEDPgn6AD::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-left: 10px;
  background-image: url('https://temp26.gamehubioplay.site/wp-content/themes/1xbatBlog/assets/img/arrow8.svg');
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.NWpQeYrEDPgn6AD[aria-expanded]::after {
  transform: rotate(180deg);
}

.NWpQeYrEDPgn6AD::after {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.NWpQeYrEDPgn6AD[expanded]::after {
  transform: rotate(180deg);
}

.qJsDmAQWlqu {
	margin-left: auto;
}

@media (max-width: 1023px) {
	.amp-langv {
		display: none;
	}
	amp-sidebar.overlap {
		padding-top: 65px;
	}
	
}

@media (max-width: 1023px) {
  .qJsDmAQWlqu {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .mobile-only {
    display: none !important;
  }
}

amp-sidebar .sub-menu {
    display: none;
    padding-left: 20px;
  }

 amp-sidebar .sub-menu.open {
    display: block;
  }


/*  .menu-item.has-submenu > a[aria-expanded="true"]::after {
    transform: rotate(180deg);
  } */

 .EOgZtaG4ZG {
    position: absolute;
    right: 0;
    top: 6px;
    width: 13px;
    height: 14px;
    background-image: url('https://temp26.gamehubioplay.site/wp-content/themes/1xbatBlog/assets/img/arrow8.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
    cursor: pointer;
    transform-origin: center;
    user-select: none;
    transform-style: preserve-3d;
	 
  }

  .menu-item.has-submenu.open .EOgZtaG4ZG {
    transform: rotate(180deg);
	  top: 0;
  }

 amp-sidebar .menu-item.has-submenu > a::after {
	display: none;
} 

amp-sidebar .menu-item.has-submenu {
	padding-right: 25px;
}

amp-sidebar .sub-menu.open .menu-item {
	padding-bottom: 8px;
}


/* last */

.GwJCt2vneB {
	height: 100%;
}

.GwJCt2vneB input{
	margin-top: auto;
}

input[placeholder="100 %"] {
    pointer-events: none;
}

aside > *:first-child {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    color: var(--color-text-secondary);
    line-height: 120%;
}

.okyvKTkDi {
		height: auto;
	}
	.JmeEPfey2XweJg {
    max-width: 250px;
    height: auto;
}
	.ztvqEu31AA7 {
    max-width: 200px;
    height: auto;
}

body {
	height: 100%;
	display: flex;
	flex-direction: column;
}

footer {
    margin-top: auto;
}

.ortGPHZTTMbAO {
	flex-shrink: 0;
}

.menu {
	flex-wrap: wrap;
}



.YUBfxuQbY0z3c  {
	column-gap: 80px;
    flex-wrap: wrap;
    row-gap: 20px;
}

.button {
	height: auto;
}

.bogQdaIamq4vY8K {
  height: auto;
  max-width: 400px;
  line-height: 110%;
}

.lNuNrWQWIfUIiJ6 {
  flex-wrap: wrap; 
}

.info {
    max-width: 227px;
}

.sub-menu { 
  max-height: 600px;
}

.qwWTK2MAjVnm {
    padding-top: 84px;
}

.jvRg9HyT5JS6 {
	overflow: hidden;
}

.jvRg9HyT5JS6 .OAZEWyT2iGc {
	display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.okyvKTkDi.active {
    height: auto;
	padding: 7px 0;
}


.menu > .menu-item {
  position: relative;
  max-width: none;        /* убираем ограничения с li */
  overflow: visible;      /* важно — чтобы сабменю не обрезалось */
  white-space: normal;
}

.menu > .menu-item > a {
  display: inline-block;
  max-width: 300px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.menu {
    row-gap: 10px;
	column-gap: 30px;
}

.jvRg9HyT5JS6 .OAZEWyT2iGc {
        line-height: 120%;
    }

.EQkmBTD61brb {
	height: auto;
	flex: 1;
}

.JmeEPfey2XweJg, .ztvqEu31AA7 {
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;   
    max-width: 250px;
    min-height: 36px;
    text-align: center;
    text-align: center;
}

.nbaOqEeKNnTUd9q {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;   
    max-width: 150px;
    min-height: 43px;
    text-align: center;
    text-align: center;
	height: auto;
	padding: 6px 12px;
	line-height: 1.6;
	padding-top: 8px;
}


@media screen and (min-width: 1024px) and (max-width: 1120px)  {
    .IzkDYuVy9RqA.ewnGqeHSIKQ7 {
        display: block;
        width: 100%;
    }
}


@media screen and (max-width: 1023px) {
    .JmeEPfey2XweJg {
        margin: 5px 0;
		margin-left: auto;
    }
	.jvRg9HyT5JS6 .OAZEWyT2iGc {
        min-height: 36px;
        line-height: 120%;
    }
}


@media screen and (max-width: 1023px) {
    .ortGPHZTTMbAO {
        width: auto;
    }
	.IzkDYuVy9RqA.irEbxSlsqjLmZDfq {
        max-width: 95%;
    }
		.okyvKTkDi {
        padding: 0;
    } 
	.okyvKTkDi.active .ortGPHZTTMbAO {
         width: auto; 
    }
	.IzkDYuVy9RqA {
    width: 100%;
}
	.qwWTK2MAjVnm {
    padding-top: 54px;
}
}

@media screen and (max-width: 767px) {
.ortGPHZTTMbAO img {
    height: auto;
}
	.qwWTK2MAjVnm {
        padding-top: 46px;
    }
	    .JmeEPfey2XweJg, .ztvqEu31AA7 {
        padding-top: 9px;
    }

}

.menu-item-has-children .sub-menu {
  display: none;
  position: static;
  margin: 0;
  padding: 0 0 0 16px;
}

.menu-item-has-children.open .sub-menu {
  display: block;
}

@media (min-width: 1025px) {
  .menu-item-has-children {
    position: relative;
  }

  .menu-item-has-children .sub-menu {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease;
    padding-top: 10px;
  }

  .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .menu-item-has-children.open .sub-menu {
    display: block;
  }
}
	
input[placeholder="100%"]  {
	pointer-events: none;
    user-select: none;
    -webkit-user-select: none; /* для Safari */
    -moz-user-select: none;    /* для Firefox */
    -ms-user-select: none;     /* для старого IE */
  }

html[amp] body.hWMMozL8Bp6Yj, html:not([amp4ads]), html:not([amp4ads]) body {
height: 100%!important; 
}

html[amp] .EQkmBTD61brb {
    min-height: 90vh;
	}

@media (max-width: 728px) {
html[amp] .EQkmBTD61brb {
    min-height: 85vh;
	}} 

.meBCpDwprb {
    padding: 15px 0;
    color: #00253E;
	margin: 0;
}

.FqmLMsvMxy8xI {
	 display: flex;
    gap: 6px;
}

.meBCpDwprb a {
	color: #FF5C02;
    font-size: 14px;
	margin-bottom: 0;
	text-decoration: none;
	transition: color 0.3s;
}

.meBCpDwprb a.NhNvHUX1cBC {
    color: #FF5C02;
}

.meBCpDwprb a:hover {
	color: #CF4A00;
}

.meBCpDwprb a.NhNvHUX1cBC:hover {
    color: #CF4A00;
}

.meBCpDwprb a::after {
	content: none;
}

.xDOBklRP6Z0gS .KXCxmQF6ayL7 {
	height: 100%;
    object-fit: cover;
}

.BdpgMDPb98W8GN {
	width: 100%;
}

@media (max-width: 728px) {
.hZecDiJcuY7o .VUoRdP1sUoKcl, .hZecDiJcuY7o .VUoRdP1sUoKcl p {
	font-size: 26px;
	}}

/* block casino */
.casinoSection {
  max-width: 100%;
  background: transparent;
}

.casinoSection a {
	text-decoration: none;
}

.casinoTitle {
  font-size: 40px!important;
  font-weight: 700;
  color: var(--color-title-casino-block);
  margin-bottom: 20px;
  padding-top: 0!important;
}

.casinoTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 20px;
}

.casinoTab {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-tab-menu);
  padding: 6px 16px;
  border-radius: 10px;
  border: none;
  font-size: 20px;
  color: var(--color-text-tab-menu);
  cursor: pointer;
  min-height: 58px;
  transition: background 0.3s;
}

.casinoTab:hover {
  background: #D1D1D1;
  cursor: pointer;
}

.casinoTab.active {
  background: var(--color-tab-menu-active);
  color: var(--color-text-tab-menu-active);
}

.casinoTab img {
  width: 24px;
  height: 24px;
}

.casinoGrid {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); 
  gap: 10px;
  justify-items: center;
}

  .casinoGrid {
    grid-template-columns: repeat(5, 1fr);
}

.casinoGrid a {
	width: 100%;
}

.casinoGrid.active {
  display: grid;
}

.casinoCard {
  max-width: 248px;
  min-height: 300px;
  background: var(--color-bg-card);
  border-radius: 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  padding: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  height: 100%;
}

.casinoCardImg {
  position: relative;
  width: 100%;
  max-height: 228px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.casinoCardImg img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 5px;
  object-fit: cover;
  transition: filter 0.3s;
}

.playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-bg-btn-card);
  color: var(--color-text-btn-card);
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.3s;
  max-width: 106px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s;
  margin-top: 0!important;
}

.playBtn:hover {
  background: var(--color-bg-btn-card-hover);
  color: var(--color-text-btn-card-hover);
  cursor: pointer;
}

.casinoCardTitle {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text-card);
  margin-top: 0!important;
  transition: color 0.3s;
  flex: 1; 
  display: flex;
  align-items: center; 
  justify-content: center; 
  padding: 0!important;
}

.casinoCard:hover {
	cursor: pointer;
	background: var(--color-bg-card-hover);
}

.casinoCard:hover .casinoCardTitle {
  color: var(--color-text-card-hover);
}

.casinoCard:hover img {
  filter: brightness(60%) blur(1px);
}

.casinoCard:hover .playBtn {
  opacity: 1;
}

@media (max-width: 1024px) {
  .casinoTitle {
  font-size: 32px!important;
}
  .casinoTab {
		font-size: 24px;
	}
  .casinoCard {
  min-height: 210px;
	}
}

@media (max-width: 767px) {
  .casinoGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .casinoTitle {
   font-size: 24px!important;
}
  .casinoTab {
	font-size: 14px;
	}
  .casinoCard {
  min-height: 201px;
	}
	.casinoCardTitle {
    font-size: 16px;
	}
	.casinoTab {
	padding: 6px 12px;
	min-height: 36px;
	}
	.casinoCard {
	padding: 6px;
	}
	.casinoTabs {
		gap: 4px;
	}
	.casinoGrid {
		gap: 6px;
	}
}


/* Блок с бонусами */

.bonusBlock {
  width: 100%;
  background: transparent;
}

.bonusTitle {
  font-size: 40px!important;
  font-weight: 700;
  color: var(--color-text-title-bonus-block);
  margin-bottom: 20px;
  padding-top: 0!important;
}

.bonusCards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

.bonusCard {
  background: var(--color-bg-card-bonus);
  border-radius: 10px;
  flex: 1 1 calc(33.333% - 10px);
  min-height: 414px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bonusImg {
  width: 100%;
  height: 172px;
  object-fit: cover;
  display: block;
}

.bonusCardContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 10px;
  gap: 10px;
}

.bonusCardContent p {
	margin: 0!important;
}

.primary-area .bonusCardContent p {
    margin-top: 0!important;
}

.bonusSubtitle {
  color: var(--color-up-text-card-bonus);
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.bonusText {
  color: var(--color-under-text-card-bonus);
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.bonusBtn {
  display: block;
  max-width: 229px;
  min-height: 56px;
  margin: 0 auto;
  padding: 13px;
  background: var(--color-bg-btn-card-bonus);
  color: var(--color-text-btn-card-bonus);
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  border-radius: 6px;
  transition: background 0.3s ease;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bonusBtn:hover {
  background: var(--color-bg-btn-card-bonus-hover);
  color: var(--color-text-btn-card-bonus-hover);
  cursor: pointer;
}

.casinoSection, .bonusBlock {
	margin: 20px 0; 
}

@media (max-width: 1024px) {
	.bonusCard {
		min-height: 366px;
	}
	.bonusBlock .bonusTitle {
		font-size: 32px;
	}
	.bonusSubtitle {
		font-size: 20px;
	}
	.bonusText {
		font-size: 24px;
	}
	.bonusBtn {
		font-size: 20px;
	}
	.bonusCardContent {
	    padding: 12px 10px 20px;
	}
} 


@media (max-width: 767px) {
  .bonusCard {
    flex: 1 1 100%;
  }
  .bonusCard {
    min-height: 364px;
    }
  .bonusCardContent {
    padding: 10px 10px 20px;
    }
	.bonusBlock .bonusTitle {
		font-size: 24px;
	}
	.bonusSubtitle {
		font-size: 16px;
	}
	.bonusText {
		font-size: 24px;
	}
	.bonusBtn {
		font-size: 20px;
	}
}

/* new blocs */

.casinoIntro {
  background: var(--color-bg-block-banner-v2);
  padding: 50px 20px;
}

.casinoIntroTitle {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.titleWhite {
  color: var(--color-text-title-white);
  display: inline-block;
  margin: 0;
}

.titleOrange {
  color: var(--color-text-title-orange);
  display: inline-block;
}

.casinoContent {
  display: flex;
  gap: 40px;
}

.casinoLeft {
  flex: 1 1 38%;
  color: #ffffff;
  display: flex;
    flex-direction: column;
    gap: 22px;
}

.casinoText {
  font-size: 20px;
  color: var(--color-text-under-title);
}

.casinoButtons {
  display: flex;
  gap: 20px;
}

.btnPlay {
  width: 205px;
  min-height: 45px;
  background: var(--color-bg-green-btn);
  color: var(--color-text-green-btn);
  font-size: 20px;
  font-weight: 600;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.3s;
    padding: 5px;
}

.btnPlay:hover {
  background: var(--color-bg-green-btn-hover);
  color: var(--color-text-green-btn-hover);
  }

.btnMore {
  width: 205px;
  min-height: 45px;
  background: transparent;
  border: 1px solid var(--color-border-transparent-btn-bannerv2);
  color: var(--color-text-transparent-btn-hover);
  font-size: 20px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.3s;
    padding: 5px;
}

.btnMore:hover {
  background: var(--color-bg-transparent-btn-hover);
  color: var(--color-text-transparent-btn-hover-hover);
  }

.casinoStats {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}

.statItem {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.statValue {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-up-value-statistic);
}

.statLabel {
  font-size: 20px;
  text-align: center;
  color: var(--color-text-under-value-statistic);
}

.casinoRight {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.featureItem {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 20px;
  border: 1px solid var(--color-text-title-card-peculiarties);
  border-radius: 5px;
  color: var(--color-text-description-card-peculiarties);
  font-size: 20px;
  line-height: 1.4;
  flex-direction: column;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.featureItem::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #215584; 
  opacity: 0.8; 
  z-index: 0;
  pointer-events: none;
}

.featureText, .featureItem img {
  position: relative;
  z-index: 1;
}

.featureItem img {
  max-width: 35px;
  max-height: 35px;
  flex-shrink: 0;
}

.featureTitle {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text-title-card-peculiarties);
}

.featureTitle p{
  color: var(--color-text-title-card-peculiarties);
}

.featureDesc p {
  color: var(--color-text-description-card-peculiarties);
}

.mirrorMarquee {
  background: var(--color-bg-run-line);
  overflow: hidden;
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
}

.marqueeViewport {
  width: 100%;
  overflow: hidden;
}

.marqueeTrack {
  display: flex;
  align-items: center;
  will-change: transform;
}

.marqueeGroup {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.marqueeItem {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  padding: 0 24px;
  height: 50px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}

.marqueeIcon {
  max-width: 17px;
  max-height: 19px;
  display: block;
}

.marqueeText {
  color: var(--color-text-run-line);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.bonusSection {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.bonusWrap {
  margin: 20px 0;
}

.bonusItem {
  background-color: var(--color-bg-card);
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #FFFFFF;
  font-size: 20px;
  gap: 15px;
}

.bonusItem img {
  max-width: 35px;
  max-height: 35px;
}

.bonusTitl {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  color: var(--color-text-title-card);
}

.bonusTex {
  font-size: 20px;
  line-height: 120%;
  margin: 0;
  color: var(--color-text-descriptions-card)
}

.bonusBt {
  background-color: var(--color-bg-btn-card);
  color: var(--color-text-btn-card);
  border: none;
  border-radius: 6px;
  width: 270px;
  min-height: 50px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.3s ease;
  text-transform: uppercase;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.bonusBt:hover {
  background-color: var(--color-bg-btn-card-hover);
  color: var(--color-text-btn-card-hover);
}

.bonusWimg .bonusItem {
  align-items: center;
}

.bonusWimg img.bonusIm {
  width: 100%;
  height: 128px;
  object-fit: cover;
  max-width: none; 
  max-height: none;
  border-radius: 10px;
}

.bonusWimg .bonusTex {
  text-align: center;
}

.depozitBlock {
  margin: 20px 0;
}

.depozitWrap {
  background: var(--color-bg-block-bet);
  border-radius: 10px;
  padding: 35px;
  display: flex;
    align-items: center;
    justify-content: center;
}

.depItem {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 620px;
  align-items: center;
}

.depTitle {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--color-text-title);
  font-weight: 600;
  margin: 0;
  text-align: center;
}

.depTitle p{
  color: var(--color-text-title);
}

.depText {
  font-size: 20px;
  color: var(--color-text-description);
  margin: 0;
   text-align: center;
}

.depText p{
  color: var(--color-text-description);
}

.depBtns {
  display: flex;
  gap: 13px;
}

.depBtn {
    background: var(--color-bg-green-btn-bet);
    color: var(--color-text-green-btn-bet);
    border: none;
    border-radius: 6px;
    min-width: 320px;
    min-height: 50px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.3s ease;
    text-transform: uppercase;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; 
}

.depBtn2 {
  background: transparent;
  color: var(--color-text-transparent-btn);
  border: 1px solid var(--color-border-transparent-btn);
  min-width: 260px;
}

.depBtn:hover {
 background: var(--color-bg-green-btn-hover-bet);
 color: var(--color-text-green-btn-hover-bet);
}

.depBtn2:hover {
  background: var(--color-border-transparent-btn-hover);
  color: var(--color-text-transparent-btn-hover);
}

.advantage {
 margin: 20px 0;
}

.advantWrap {
  background: var(--color-bg-block);
    border-radius: 10px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advantItem {
  display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 715px;
    align-items: center;
}

.advantTitle {
  font-size: 24px;
    color: var(--color-text-title-advantages);
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.advantTitle p{
    color: var(--color-text-title-advantages);
}

.advantText {
   font-size: 20px;
    color: var(--color-text-desctiption);
    margin: 0;
    text-align: center;
}

.advantText p{
    color: var(--color-text-desctiption);
}

.adBlocks {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}

.advanBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.advanBlock p {
  margin: 0;
  font-size: 20px;
  color: var(--color-under-value-advantage);
  text-align: center;
}

.advanBlock .plusText {
font-size: 24px;
  color: var(--color-up-value-advantage);
  font-weight: 700;
}

.advanBlock img {
  max-width: 35px;
  max-height: 35px;
}

.bonusFourCol {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.bonusTwoCol {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.bonusOneCol {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.bonusOneCol .bonusItem {
  align-items: center;
}


@media (max-width: 1400px) {
  .bonusFourCol {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
}


@media (max-width: 1024px) {
  .bonusSection {
    grid-template-columns: repeat(2, 1fr);
  }
   .casinoIntroTitle {
    font-size: 36px;
  }

  .casinoContent {
    flex-direction: column;
  }
	.bonusOneCol {
		grid-template-columns: 1fr;
	}
}


@media (max-width: 768px) {
   .casinoRight {
    grid-template-columns: 1fr;
  }

  .casinoIntro {
  padding: 40px 0;
}

  .casinoIntroTitle {
    font-size: 26px;
    margin-bottom: 25px;
    text-align: center;
  }

  .casinoText {
    font-size: 16px;
    text-align: center;
}

  .casinoButtons {
    flex-direction: column;
    align-items: flex-start;
  }

  .btnPlay,
  .btnMore {
    width: 100%;
  }

  .casinoStats {
    gap: 15px;
    justify-content: center;
  }
  .statValue {
    font-size: 20px;
  }
  .statLabel {
    font-size: 16px;
}
.featureTitle {
  font-size: 18px;
}
.featureDesc {
  font-size: 18px;
}
.featureItem {
  padding: 12px;
}

.casinoIntro {
    padding: 40px 0;
  }

  .bonusSection {
    grid-template-columns: 1fr;
  }

  .bonusBt {
    width: 100%;
  }

  .bonusItem {
  padding: 17px;
  }
  .bonusTitl {
    font-size: 16px;
  }
  .bonusTex {
    font-size: 16px;
  }
  .depBtns {
    display: flex;
    gap: 7px;
    flex-direction: column;
  }
   .adBlocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px;
  }
  .depozitWrap, .advantWrap {
    padding: 16px 18px;
  }
  .advantTitle, .depTitle {
    font-size: 20px;
  }
  .depText, .advantText {
    font-size: 16px;
  }
  .advanBlock p {
    font-size: 16px;
  }
  .plusText {
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .mirrorMarquee { height: 44px; }
  .marqueeItem { padding: 0 18px; font-size: 18px; }
  .marqueeText { font-size: 18px; }
}

html[amp] .mirrorMarquee {
  overflow: hidden;
  width: 100%;
}

html[amp] .marqueeViewport {
  position: relative;
  overflow: hidden;
  width: 100%;
}

html[amp] .marqueeTrack {
  display: flex;
  width: max-content;
  animation: marqueeScroll 20s linear infinite;
}

html[amp] .marqueeGroup {
  display: flex;
  gap: 20px;
}

html[amp] .marqueeItem {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  padding: 10px 16px;
  font-size: 16px;
}

html[amp] .marqueeIcon {
  width: 20px;
  height: 20px;
}
html[amp] .page-content {
	padding-top: 82px;
}

@keyframes marqueeScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* last styles to bonuses */

.bonusCard, .casinoCard {
 min-height: 100%;
}

 h1 {
    font-size: 48px;
    }

@media (max-width: 1024px) {
    .bonusCard, .casinoCard {
        min-height: 100%;
    }
 h1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .bonusCard, .casinoCard {
        min-height: 100%;
    }
     h1 {
        font-size: 30px;
}
}