@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;
}

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

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

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

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

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

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
	url('../fonts/Montserrat-BlackItalic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

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

html, body {
	height: 100%;
}

.page-content {
	flex-direction: column;
	display: flex;
	min-height: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

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

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

button {
	border: 0;
	outline: 0;
	cursor: pointer;
}

img {
	max-width: 100%;
	display: block;
	height: auto;
}

b {
	font-weight: 900;
}

body {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: normal;
	background-color: #02040D;
	color: #ffffff;
}

a {
	text-decoration: none;
}

.section {
	width: 100%;
	margin: auto;
	position: relative;
}

.container {
	max-width: 1400px;
	width: 100%;
	padding: 0 8px;
	margin: 0 auto;
	position: relative;
}

.header {
	padding: 12px 0;
	position: fixed;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	z-index: 10;
	background-color: #02040D;
}

.header .container {
	max-width: 100%;
	padding: 0 28px;
}

.header-inners {
	display: flex;
	align-items: center;
	padding-left: 230px;
}

.search-box {
	position: relative;
	margin-left: 0;
	max-width: 434px;
	width: 100%;
}

.search-form input {
	position: relative;
	width: 100%;
	height: 44px;
	border-radius: 8px;
	padding: 0 10px 0 40px;
	font-size: 16px;
	outline: none;
	color: #ffffff;
	border: 1px solid #18273E;
	background-color: rgba(24, 39, 62, 0.6);

	background-position: 8px center;
}

.search-form:before {
	content: "";
	background-image: url("../img/icon-search.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 16px;
	height: 16px;
	opacity: 0.55;
	position: absolute;
	left: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	transition: opacity 0.3s ease-in-out;
}

::placeholder {
	color: rgba(169, 204, 226, 0.48);
}

.header-btns {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
}

.header-btns .btn, .modal-header .btn-deposit {
	min-width: 128px;
	border-radius: 8px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 23px;
	transition: all 0.3s ease-in-out;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.modal-header .btn-deposit {
	margin-left: auto;
	margin-right: 12px;
}

.header-btns .btn-login {
	color: #A9CCE2;
	background-color: transparent;
	border: 1px solid #A9CCE2;
}

.header-btns .btn-login:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
}

.header-btns .btn-registration {
	color: #050000;
	background-color: #A0FF80;
}

.header-btns .btn-registration:hover {
	background-color: #72D448;
}

.main-wrapper {
	position: relative;
	padding-top: 68px;
	flex: 1;
}

.primary-content {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding-left: 230px;
}

.content-area {
	padding-bottom: 40px;
}

.sidebar-menu {
	width: 230px;
	background-color: rgba(24, 39, 62, 0.8);
	backdrop-filter: blur(10px);
	padding: 8px 8px 40px;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 15;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.sidebar-menu::-webkit-scrollbar {
	width: 8px;
}

.sidebar-menu::-webkit-scrollbar-track {
	background: transparent;
}

.sidebar-menu::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	border: 2px solid transparent;
	background-clip: content-box;
}

.sidebar-menu::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

.menu-list {
	list-style-type: none;
}

.menu-list li {
	position: relative;
}

.menu-list li a {
	height: 42px;
	display: flex;
	align-items: center;
	background-color: transparent;
	padding: 11px 0px 11px 10px;
	gap: 8px;
	font-size: 14px;
	color: #A9CCE2;
	border-radius: 8px;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.menu-list li a svg {
	flex-shrink: 0;
}

.menu-list li.submenu a:after {
	content: "";
	background-image: url("../img/icon-arrow-menu.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 19px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: right 0.3s ease, background-image 0.3s ease;
}

.menu-list li.active.submenu a:after {
	background-image: url("../img/icon-arrow-menu-active.svg");
}

.menu-list li.submenu a:hover:after {
	right: 8px;
	background-image: url("../img/icon-arrow-menu-hover.svg");
}

.menu-list li.active.submenu a:hover:after {
	background-image: url("../img/icon-arrow-menu-active.svg");
}

.icon-new span {
	position: relative;
}

.menu-list li.active a, .menu-list li.active a:hover {
	color: #18273E;
	background-color: #A0FF80;
}

.menu-list li.active a svg path, .menu-list li.active a:hover svg path {
	fill: #18273E;
}

.menu-list li a:hover {
	color: #A0FF80;
	background-color: rgba(35, 54, 83, 0.4);
}

.menu-list li a svg path {
	transition: all 0.3s ease-in-out;
}

.menu-list li a:hover svg path {
	fill: #A0FF80;
}

.menu-list li.menu-exit a:hover svg path {
	fill: none;
	stroke: #A0FF80;
}

.menu-list li.submenu {
	position: relative;
}

.menu-list li.submenu.is-open a {
	background-color: rgba(2, 4, 13, 0.5);
	color: #A0FF80;
}

.menu-list li.active.submenu.is-open a {
	color: #18273E;
	background-color: #A0FF80;
}

.menu-list li.active.submenu.is-open a svg path {
	fill: #18273E;
}

.menu-list li.submenu.is-open a svg path {
	fill: #A0FF80;
}

.menu-list li.submenu.is-open a:after {
	right: 8px;
	background-image: url("../img/icon-arrow-menu-hover.svg");
}

.submenu-wrapper {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	z-index: 20;
	padding: 10px 28px;
}

.submenu-block {
	background-color: rgba(19, 31, 51, 0.8);
	border-radius: 14px;
	padding: 24px;
	backdrop-filter: blur(10px);
}

.submenu-list {
	list-style-type: none;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-direction: column;
	width: 100%;
	max-height: calc(100vh - 50px);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.submenu-list::-webkit-scrollbar {
	width: 4px;
}

.submenu-list::-webkit-scrollbar-track {
	background: transparent;
}

.submenu-list::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	border: 2px solid transparent;
	background-clip: content-box;
}

.submenu-list::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

.submenu-list li a {
	position: relative;
	background-color: #293A54;
	height: 44px;
	border-radius: 8px;
	width: 250px;
	flex-shrink: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

.submenu-list li a:hover {
	background-color: #A0FF80;
	color: #18273E;
}

.lang-btn {
	position: relative;
	background-color: #293A54;
	height: 48px;
	border-radius: 8px;
	width: 100%;
	flex-shrink: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	gap: 8px;
	letter-spacing: 0.5px;
}

.lang-btn:hover {
	background-color: #3a4f6e;
}

.lang-btn.active {
	background-color: #A0FF80;
	color: #18273E;
}

.lang-flag {
	font-size: 18px;
	line-height: 1;
}

.lang-list {
	gap: 10px;
	padding: 16px 0 0;
}

.lang-list li {
	width: 100%;
	max-width: 275px;
}

.icon-submenu {
	position: relative;
}

.icon-submenu:before {
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	width: 54px;
	height: 54px;
	position: absolute;
	left: -10px;
	top: -5px;
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.submenu-list li a.icon-submenu:hover:before {
	opacity: 0.5;
}

.icon-books:before {
	background-image: url("../img/icon-submenu-books.svg");
}

.icon-freespins:before {
	background-image: url("../img/icon-submenu-freespins.svg");
}

.icon-ruby:before {
	background-image: url("../img/icon-submenu-ruby.svg");
}

.icon-cocktail:before {
	background-image: url("../img/icon-submenu-cocktail.svg");
}

.icon-bull:before {
	background-image: url("../img/icon-submenu-bull.svg");
}

.icon-wheel:before {
	background-image: url("../img/icon-submenu-wheel.svg");
}

.divider {
	border-top: 2px solid #293A54;
}

.icon-new span:after {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #FF00D2;
	border-radius: 50%;
	position: absolute;
	right: -5px;
	top: -1px;
	z-index: 2;
}

.banner-item {
	padding: 40px 0 25px 32px;
	border-radius: 20px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	height: 269px;
}

.banner-item.banner1 {
	background-image: url("../img/banner1.webp?v=3");
}

.banner-item.banner2 {
	background-image: url("../img/banner2.webp?v=3");
}

.banner-item.banner3 {
	background-image: url("../img/banner3.webp?v=3");
}

.banner-item.banner4 {
	background-image: url("../img/banner4.webp?v=3");
}

.banner-item {
	padding: 28px 0 25px 32px;
	border-radius: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	height: 269px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.banner-info p {
	color: #FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-style: italic;
	line-height: 100%;
	text-transform: uppercase;
}

.banner-info p.t1 {
	font-size: 66px;
	color: #00E4FF;
}

.banner-info p.t2 {
	font-size: 46px;
}

.banner-info p.t3 {
	font-size: 37px;
}

.btn-green {
	border-radius: 8px;
	background-color: #A0FF80;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 232px;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #050508;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out;
}

.btn-banner {
	margin-top: 15px;
}

.btn-green:hover {
	background-color: #72D448;
	border-color: #A0FF80;
}

.banner1 .banner-info p, .banner3 .banner-info p{
	color: #18273E;
}

.banner1 .btn-banner, .banner3 .btn-banner {
	border-color: #18273E;
	background-color: transparent;
}

.banner1 .btn-banner:hover, .banner3 .btn-banner:hover {
	border-color: #18273E;
	background-color: #18273E;
	color: #A0FF80;
}

.slider-banner {
	padding-bottom: 0;
}

.slider-banner .swiper-pagination {
	bottom: 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}

.slider-banner .swiper-pagination-bullet {
	width: 45px;
	height: 4px;
	opacity: 1;
	border-radius: 3px;
	background-color: rgba(119, 139, 186, 0.24);
}

.slider-banner .swiper-pagination-bullet-active {
	background-color: #A0FF80;
}

/* Jackpot counter */
.main-left__top {
	padding-left: 246px;
	padding-right: 48px;
}

.indexjp {
	margin-bottom: 12px;
}

.jackpot-total {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.jptext {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.6);
	letter-spacing: 1px;
}

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

.jps span[id^="jp"] {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 700;
	font-family: inherit;
}

.jpstar1, .jpstar2, .jpstar3 {
	font-size: 16px;
	line-height: 1;
}

.jpstar1 { color: #FFD700; }
.jpstar2 { color: #C0C0C0; }
.jpstar3 { color: #CD7F32; }

#jp1 {
	background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.05) 100%);
	border: 1px solid rgba(255, 215, 0, 0.3);
	color: #FFD700;
}

#jp2 {
	background: linear-gradient(135deg, rgba(192, 192, 192, 0.15) 0%, rgba(192, 192, 192, 0.05) 100%);
	border: 1px solid rgba(192, 192, 192, 0.3);
	color: #C0C0C0;
}

#jp3 {
	background: linear-gradient(135deg, rgba(205, 127, 50, 0.15) 0%, rgba(205, 127, 50, 0.05) 100%);
	border: 1px solid rgba(205, 127, 50, 0.3);
	color: #CD7F32;
}

/* Search form & provider dropdown */
.gamesort {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.game-search {
	position: relative;
	width: 100%;
	max-width: 434px;
	height: 44px;
	border-radius: 8px;
	padding: 0 10px 0 40px;
	font-size: 14px;
	outline: none;
	color: #ffffff;
	border: 1px solid #18273E;
	background-color: rgba(24, 39, 62, 0.6);
	background-image: url("../img/icon-search.svg");
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 16px 16px;
	transition: all 0.3s ease-in-out;
}

.game-search::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.game-search:focus {
	border-color: rgba(255, 255, 255, 0.3);
	background-color: rgba(24, 39, 62, 0.9);
}

.game-brand {
	height: 44px;
	min-width: 160px;
	max-width: 220px;
	outline: none;
	border-radius: 8px;
	background-color: #02040D;
	border: 1px solid rgba(255, 255, 255, 0.4);
	padding: 5px 16px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("../img/icon-arrow-down-select.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) center;
	background-size: 11px 7px;
	padding-right: 32px;
	transition: all 0.3s ease-in-out;
}

.game-brand:focus {
	background-color: #12141C;
	border-color: rgba(255, 255, 255, 0.6);
}

.game-brand option {
	background-color: #18273E;
	color: #ffffff;
}

.block-slots {
	margin-top: 40px;
}

.block-slots-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 48px;
	padding-left: 246px;
}

.block-slots-title {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.btn-more {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 5px 8px;
	font-size: 15px;
	color: #ffffff;
	opacity: 0.55;
	transition: all 0.3s ease-in-out;
	position: relative;
	background-color: transparent;
	border-radius: 8px;
}

.btn-more:after {
	content: "";
	background-image: url("../img/icon-arrow-right.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
}

.btn-more:hover {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.12);
}

.block-slots-slider {
	margin-top: 13px;
}

.slot-item {
	aspect-ratio: 1 / 1;
	position: relative;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	overflow: hidden;
}

.slot-item .slot-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 19px;
}

.slot-item .slot-img.img-fallback {
	object-fit: contain;
	background: linear-gradient(135deg, #1a2332 0%, #0d1520 100%);
	padding: 20%;
	content: "";
}

.slot-item-info {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(2, 4, 13, 0.56);
	backdrop-filter: blur(5px);
	border-radius: 19px;
	padding: 6px 11px 13px;
	flex-direction: column;
	display: flex;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.slot-item:hover .slot-item-info {
	opacity: 1;
}

.slot-name {
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.slot-item-info-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	font-size: 14px;
	font-weight: 500;
	height: 34px;
}

.icon-favorites {
	background-image: url("../img/icon-star-empty.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-image 0.3s ease, transform 0.3s ease-in-out;
}

.icon-favorites.active {
	background-image: url("../img/icon-star-filled.svg");
	transform: scale(1.3)
}

.icon-favorites.active {
	background-image: url("../img/icon-star-filled.svg");
}

.icon-favorites.scaled {
	transform: scale(0.90)
}

.btn-play {
	background-image: url("../img/icon-play.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 76px;
	background-color: #A0FF80;
	height: 50px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px auto 0;
	transition: background-color 0.3s ease-in-out;
}

.btn-play:hover {
	background-color: #72D448;
}

.btn-demo {
	padding: 3px;
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	background-color: transparent;
	text-transform: uppercase;
	transition: color 0.3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto auto 0;
}

.btn-demo:hover {
	color: #A0FF80;
}

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

.slider-indent {
	padding-left: 246px;
}

.slots-set {
	padding: 16px;
	border-radius: 24px;
	overflow: hidden;
	background-color: #18273E;
}

.slots-set-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	text-decoration: none;
	font-weight: 500;
}

.slots-set-title {
	font-size: 16px;
	color: #ffffff;
}

.slots-set-number {
	font-size: 14px;
	color: #A9CCE2;
	margin-top: 2px;
}

.slots-set-info {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.more-arrow {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.12);
	position: relative;
	transition: background-color 0.3s ease-in-out;
}

.more-arrow:after {
	content: "";
	background-image: url("../img/icon-arrow-right.svg");
	background-position: center;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.55;
	transition: opacity 0.3s ease-in-out;
}

.slots-set-top:hover .more-arrow {
	background-color: rgba(255, 255, 255, 0.25);
}

.slots-set-top:hover .more-arrow:after {
	opacity: 1;
}

.slots-set-inners {
	display: flex;
	align-items: stretch;
	gap: 8px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.slots-set-inners .slot-item {
	width: calc(50% - 4px);
}

.tournament-item {
	border-radius: 20px;
	background-color: #18273E;
	padding: 8px 9px 11px;
	display: block;
}

.tournament-item-media {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	overflow: hidden;
	height: 224px;
}

.tournament-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 0 30px;
	margin-top: 20px;
}

.tournament-part {
	font-size: 15px;
	color: #A9CCE2;
	position: relative;
}

.tournament-part.online:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #A0FF80;
	display: inline-flex;
	margin-right: 4px;
	position: relative;
	top: -2px;
}

.tournament-part span {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	margin-left: 8px;
	text-transform: uppercase;
}

.tournament-description {
	max-width: fit-content;
	text-align: center;
	display: flex;
	gap: 7px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 10px 30px 10px 0;
	margin-left: auto;
}

.tournament-description p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 37px;
	line-height: 1;
	color: #ffffff;
	text-transform: uppercase;
}

.tournament-description .text2 {
	font-size: 60px;
	color: #A0FF80;
}

.btn-tournament {
	margin-top: 10px;
}

.tournament-item:hover .btn-tournament {
	background-color: #72D448;
	border-color: #A0FF80;
}

.footer {
	margin-top: auto;
	margin-left: 246px;
	margin-right: 28px;
}

.footer-socials {
	padding: 24px 0;
	border-top: 2px solid #293A54;
	border-bottom: 2px solid #293A54;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.list-socials {
	display: flex;
	align-items: center;
	gap: 12px;
	list-style-type: none;
}

.list-socials .socials-item {
	width: 32px;
	height: 32px;
	border-radius: 9px;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
}

.list-socials .socials-item.fb {
	background-image: url("../img/icon-facebook.svg");
}

.list-socials .socials-item.inst {
	background-image: url("../img/icon-instagram.svg");
}

.list-socials .socials-item.tg {
	background-image: url("../img/icon-telegram.svg");
}

.list-socials .socials-item.yt {
	background-image: url("../img/icon-youtube.svg");
}

.list-socials .socials-item.tel {
	background-image: url("../img/icon-phone.svg");
}

.footer-links {
	margin-top: 24px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 38px;
}

.footer-part {
	text-align: center;
	padding: 0 50px;
}

.footer-part .caption {
	font-size: 15px;
	font-weight: 700;
	color: #F5F7FB;
	text-transform: uppercase;
}

.footer-menu {
	list-style-type: none;
	text-align: center;
	margin-top: 12px;
}

.footer-menu li a {
	margin-top: 8px;
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #5A6A82;
	transition: color 0.3s ease-in-out;
}

.footer-menu li a:hover {
	color: #ffffff;
}

.payment {
	margin-top: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
}

.copy {
	border-top: 2px solid #293A54;
	padding: 24px 0 10px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #5A6A82;
	margin-top: 24px;
}

.mob-menu {
	display: none;
}

.header-btns .btn-lang {
	display: none !important;
}

.d-mob {
	display: none;
}

.menu-lower {
	display: flex;
	align-items: stretch;
	padding: 6px 0;
	background-color: #18273E;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 15;
	list-style-type: none;
}

.menu-lower li {
	flex: 1;
}

.menu-lower li a {
	height: 48px;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: transparent;
	padding: 5px 5px;
	gap: 6px;
	font-size: 11px;
	font-weight: 500;
	color: #A9CCE2;
	border-radius: 8px;
}

.menu-lower li a svg {
	flex-shrink: 0;
}

.menu-lower li.active a {
	color: #A0FF80;
}

.menu-lower li.active a svg path {
	fill: #A0FF80;
}

.menu-lower li a:hover {
	color: #A0FF80;
	background-color: rgba(35, 54, 83, 0.4);
}

.menu-lower li a svg path {
	transition: all 0.3s ease-in-out;
}

.menu-lower li a:hover svg path {
	fill: #A0FF80;
}

.menu-lower .icon-new span:after {
	display: none;
}

.menu-lower .icon-new a > div {
	position: relative;
}

.menu-lower .icon-new a > div:after {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #FF00D2;
	border-radius: 50%;
	position: absolute;
	right: -5px;
	top: -1px;
	z-index: 2;
}

.btn-back {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.12);
	position: relative;
	transition: background-color 0.3s ease-in-out;
	cursor: pointer;
}

.btn-back:after {
	content: "";
	background-image: url("../img/icon-arrow-right.svg");
	background-position: center;
	background-size: cover;
	transform: rotate(180deg);
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.55;
	transition: opacity 0.3s ease-in-out;
}

.btn-back:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

.btn-back:hover:after {
	opacity: 1;
}

.wrapper-game {
	max-width: 475px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 10px 50px;
}

.game-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0 0 10px;
	width: 100%;
	border-bottom: 2px solid #293A54;
}

.game-name {
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
}

.game-provider {
	font-size: 14px;
	font-weight: 600;
	color: #A9CCE2;
}

.game-provider span {
	font-size: 20px;
	font-weight: 500;
}

.game-body {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 58px;
}

.game-img {
	width: 257px;
	height: 154px;
	object-fit: cover;
	border-radius: 20px;
}

.game-btns {
	margin: 40px auto 0;
	width: 100%;
	max-width: 270px;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 16px;
}

.btn-game {
	height: 48px;
	border-radius: 8px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 5px 23px;
	transition: all 0.3s ease-in-out;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
}

.game-btns .btn-game-play {
	color: #050000;
	background-color: #A0FF80;
}

.game-btns .btn-game-play:hover {
	background-color: #72D448;
}

.btn-game-play:before {
	content: "";
	background-image: url("../img/icon-play-btn.svg");
	width: 14px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
}

.btn-game-demo {
	color: #A9CCE2;
	background-color: transparent;
	border: 1px solid #A9CCE2;
	font-weight: 500;
}

.btn-game-demo:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
}

.btn-game-demo:before {
	content: "";
	background-image: url("../img/icon-demo-btn.svg");
	width: 18px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
}

.overlay {
	position: fixed;
	background: rgba(2, 4, 13, 0.6);
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	transition: all .3s ease-in-out;
	overflow: hidden;
	display: none;
	padding: 0;
	z-index: 16;
}

.overlay.active {
	display: block;
}

.modal {
	position: fixed;
	overflow-y: auto;
	overflow-x: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 9999;
	display: none;
	background-color: #02040D;
}

.modal-main {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	max-width: 100%;
}

.modal-wrapper {
	width: 100%;
	height: 100%;
	background-color: #02040D;
	position: relative;
}

.modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 28px;
}

.modal-header .logo img {
	height: 68px;
}

.modal .modal-close,
.modal .modal-close-deposit,
.modal .modal-close-alert {
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.12);
	background-image: url("../img/icon-close.svg");
	background-repeat: no-repeat;
	background-position: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	flex-shrink: 0;
}

.modal .modal-close:hover,
.modal .modal-close-deposit:hover,
.modal .modal-close-alert:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

.modal-wrapper-form {
	max-width: 424px;
	margin: 0 auto;
	padding: 12px;
}

.form-caption {
	text-align: center;
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 500;
	color: #A0FF80;
}

.login-google {
	text-align: center;
	margin: 24px auto 0;
	width: 100%;
}
.login-google > div {
	width: 100% !important;
}
.login-google iframe {
	width: 100% !important;
	margin: 0 !important;
}

.divider-text {
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
	margin-top: 24px;
	position: relative;
	text-align: center;
}

.divider-text:before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #293A54;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.divider-text span {
	background-color: #02040D;
	padding: 0 8px;
	position: relative;
	z-index: 2;
}

.block-choice {
	border-radius: 10px;
	padding: 2px;
	border: 1px solid #4C607E;
	display: flex;
	align-items: stretch;
	position: relative;
	margin-top: 24px;
}

.block-choice .fraction {
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	flex: 1;
	height: 35px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.block-choice .fraction.active {
	background-color: #4C607E;
}

.form-group {
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.form-group label {
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
	display: block;
	margin-bottom: 8px;
}

.form-group input {
	height: 48px;
	width: 100%;
	padding: 5px 16px;
	font-size: 16px;
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid #4C607E;
	outline: none;
	transition: border-color 0.3s ease-in-out;
}

.form-group input:focus,
.form-group input:active {
	border-color: #ffffff !important;
	outline: none !important;
}

::placeholder {
	color: #4C5369;
}

.form-box {
	position: relative;
	width: 100%;
}

.toggle-password {
	position: absolute;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	background: url("../img/icon-eye.svg") no-repeat center;
	background-size: cover;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}

.toggle-password.show {
	opacity: 1;
}

.link-forgot {
	font-size: 15px;
	font-weight: 700;
	color: #A0FF80;
	transition: color 0.3s ease-in-out;
}

.link-forgot:hover {
	color: #72D448;
}

.form-group-btns {
	gap: 24px;
}

.form-group-btns .btn {
	height: 48px;
	border-radius: 8px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 5px 23px;
	transition: all 0.3s ease-in-out;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
}

.form-group-btns .btn-login {
	color: #050000;
	background-color: #A0FF80;
}

.form-group-btns .btn-login:hover {
	background-color: #72D448;
}

.form-group-btns .btn-create {
	color: #A9CCE2;
	background-color: transparent;
	border: 1px solid #A9CCE2;
	font-weight: 500;
}

.form-group-btns .btn-create:hover {
	background-color: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
}

.form-email {
	display: none;
}

.non-scroll {
	overflow: hidden;
}

.check label,
.check input {
	cursor: pointer;
	margin: 0;
}

.check .check-in input[type="checkbox"], input[type="radio"] {
	display: none;
}

.form-group .check label {
	display: flex;
	align-items: center;
	gap: 11px;
}

.check label a {
	font-size: 15px;
	font-weight: 700;
	color: #A0FF80;
}

.check .check-in input[type="checkbox"] + label .check-copy {
	width: 24px;
	height: 24px;
	cursor: pointer;
	display: inline-block;
	flex-shrink: 0;
	background-color: transparent;
	border: 2px solid #8D8E92;
	border-radius: 6px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.check-copy:after {
	content: "";
	background-image: url("../img/icon-check.svg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 14px;
	height: 11px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.check .check-in input[type="checkbox"]:checked + label .check-copy {
	background-color: #A0FF80;
	border-color: #A0FF80;
}

.check .check-in input[type="checkbox"]:checked + label .check-copy:after {
	opacity: 1;
}

.modal-reg .modal-body {
	height: 100%;
}

.case-modal {
	display: flex;
	align-items: center;
	height: 100%;
}

.modal-media {
	width: 50%;
	position: fixed;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
}

.block-reg-media {
	background-image: url("../img/bg_registration.webp");
	width: 100%;
	background-size: cover;
	height: 100vh;
	background-position: top center;
	position: relative;
	z-index: 0;
}

.block-reg-media:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.30);
	position: absolute;
	z-index: -1;
}

.case-modal .modal-info {
	width: 50%;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}

.modal.modal-reg .modal-close {
	position: absolute;
	right: 28px;
	top: 15px;
}

.block-reg-title {
	padding: 20px 40px;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
	max-width: 620px;
	margin: 0 auto;
	font-size: 57px;
	font-family: 'Montserrat', sans-serif;
	font-style: italic;
	font-weight: 900;
	text-shadow: 3px 2px 11px #000;
}

.block-reg-title .t2 {
	font-size: 40px;
	text-align: right;
}

.block-reg-title .t3 {
	font-size: 40px;
	text-align: center;
}

.modal-reg .modal-header .logo {
	display: none;
}

.modal-top {
	display: flex;
	align-items: center;
	width: 100%;
}

.modal-finder {
	background-color: #0E1828;
}

.modal-finder .modal-wrapper {
	background-color: #0E1828;
}

.modal-finder .search-box {
	margin-left: 16px;
	max-width: 1020px;
}

.modal-finder .modal-header {
	padding: 10px 28px;
	position: fixed;
	width: 100%;
	z-index: 10;
	background-color: #0E1828;
}

.modal-finder .modal-header .logo {
	flex-shrink: 0;
}

.modal-finder .modal-header .logo img {
	height: inherit;
}

.modal-finder .search-box {
	width: 100%;
	margin-right: 20px;
}

.modal-search input {
	cursor: pointer;
}

.search-form input[type="search"]:focus {
	border-color: #ffffff;
	outline: none;
}

.search-form:has(input[type="search"]:focus)::before {
	opacity: 1;
}

/* Chrome, Safari, Edge */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

.search-results {
	padding-top: 16px;
	border-top: 2px solid #293A54;
	max-width: 1186px;
	margin: 150px auto 0;
}

.slots-container {
	display: flex;
	align-items: stretch;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 13px;
	padding-bottom: 30px;
}

.slots-container .slot-item {
	aspect-ratio: 1 / 1;
	width: calc(20% - 8px);
}

.modal-finder .modal-body {
	padding: 0 10px;
}

.sidebar-logo {
	padding: 10px 0 15px;
	border-bottom: 2px solid rgba(167, 194, 236, 0.1);
}

.sidebar-menu-top {
	padding: 16px 0;
	border-bottom: 2px solid rgba(167, 194, 236, 0.1);
}

.sidebar-menu-bottom {
	padding: 16px 0;
	border-top: 2px solid rgba(167, 194, 236, 0.1);
}

.sidebar-menu-body {
	padding: 16px 0;
	border-bottom: 2px solid rgba(167, 194, 236, 0.1);
}

.sidebar-menu-dop {
	padding: 16px 0;
}

.top-winnings {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	flex-wrap: nowrap;
	overflow-y: auto;
}

.winnings-item {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}

.winnings-item p {
	overflow: hidden;
	text-overflow: ellipsis;
}

.winnings-item .winnings-sum {
	font-size: 16px;
	font-weight: 900;
	color: #A0FF80;
}

.block-slots-page {
	padding: 0 28px 0 246px;
}

.bottom-info-block {
	padding: 24px 28px 0 246px;
}

.bottom-info-block .text-block-content {
	max-width: 1000px;
	line-height: 1.7;
}

.bottom-info-block .text-block-content h2 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 12px;
}

.bottom-info-block .text-block-content p {
	margin: 12px 0;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
}

.bottom-info-block .text-block-content b {
	color: #A0FF80;
}

.page-slots-inners {
	display: flex;
	align-items: stretch;
	gap: 45px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.page-slots-inners .slot-item {
	width: calc(25% - 34px);
}

.btn-more-slots {
	min-width: 134px;
	width: fit-content;
	margin: 30px auto 0;
	border-radius: 8px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 13px;
	transition: all 0.3s ease-in-out;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #050000;
	background-color: #A0FF80;
}

.btn-more-slots:hover {
	background-color: #72D448;
}

.balance-block-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	color: #A9CCE2;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
	border-radius: 8px;
}

.balance-block-header:after {
	content: "";
	background-image: url("../img/icon-arrow-down.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 11px;
	height: 6px;
}

.balance-block-header .balance-value {
	color: #A0FF80;
	text-transform: uppercase;
}

.authorized .header-inners {
	justify-content: space-between;
	gap: 15px;
}

.authorized .header-inners .header-btns {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: 0;
}

.header-btns .btn-deposit, .modal-header .btn-deposit{
	color: #050000;
	background-color: #A0FF80;
	padding: 5px 20px;
	min-width: 126px;
}

.header-btns .btn-deposit:hover, .modal-header .btn-deposit:hover {
	background-color: #72D448;
}

.header-btns .box  {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
	border: 1px solid #A9CCE2;
	cursor: pointer;
}

.header-btns .box svg path {
	transition: all 0.3s ease-in-out;
}

.header-btns .box:hover {
	border-color: #A0FF80;
}

.header-btns .box:hover svg path {
	fill: #A0FF80;
}

.notification-box {
	position: relative;
}

.bell-dot {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 8px;
	height: 8px;
	background: #ff3b3b;
	border-radius: 50%;
	border: 2px solid #1a1a2e;
}

.support-mob {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 12px;
	position: fixed;
	left: 16px;
	bottom: 130px;
	background-color: rgba(76, 96, 126, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(8px);
	z-index: 10;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.support-mob svg {
	width: 24px;
	height: 24px;
	fill: #A0FF80;
}

.support-mob svg path {
	transition: all 0.3s ease-in-out;
}

.support-mob:hover {
	background-color: #A0FF80;
	backdrop-filter: none;
}

.support-mob:hover svg path {
	fill: #18273E;
}

/* Scroll-to-top button — main.js uses fadeIn/fadeOut */
.scrollup {
	display: none;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border-radius: 50%;
	position: fixed;
	right: 16px;
	bottom: 80px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: #FFFFFF;
	cursor: pointer;
	z-index: 99;
	transition: background 0.2s ease;
}

.scrollup svg {
	vertical-align: middle;
}

.scrollup:hover {
	background: rgba(255, 255, 255, 0.18);
}

/* Chat/support floating button */
.chatbutton {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	position: fixed;
	left: 16px;
	bottom: 80px;
	background: rgba(76, 96, 126, 0.5);
	border: 1px solid rgba(160, 255, 128, 0.2);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: #A0FF80;
	cursor: pointer;
	z-index: 99;
	transition: background 0.2s ease;
}

.chatbutton:hover {
	background: rgba(160, 255, 128, 0.15);
}

.filter-live {
	margin-top: 10px;
	padding: 12px 0;
	display: flex;
	align-items: center;
	gap: 32px;
	flex-wrap: nowrap;
	overflow-y: auto;
}

.filter-live .filter-live-item {
	cursor: pointer;
	display: flex;
	flex-shrink: 0;
	flex-wrap: nowrap;
	padding: 5px 0;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
	transition: all 0.3s ease-in-out;
	border-bottom: 1px solid transparent;
}

.filter-live .filter-live-item:hover {
	color: #A0FF80;
}

.filter-live .filter-live-item.active {
	color: #A0FF80;
	border-bottom-color: #A0FF80;
}

.page-slots-filter-live .slot-item {
	display: none;
}

.page-slots-filter-live .slot-item[data-category="club"] {
	display: block;
}

.page-slot .header-inners {
	padding-left: 0;
}

.promotions-inners {
	margin-top: 10px;
	display: flex;
	align-items: stretch;
	gap: 20px 24px;
	flex-wrap: wrap;
}

.promotion-item {
	width: calc(50% - 12px);
	height: 161px;
	border-radius: 32px;
	background-color: #18273E;
	overflow: hidden;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	gap: 26px;
	cursor: pointer;
	border: 2px solid transparent;
	transition: border 0.3s ease-in-out;
}

.promotion-item:hover {
	border-color: #A0FF80;
}

.promotion-item-media {
	flex-shrink: 0;
	width: 137px;
	height: 137px;
}

.promotion-item-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.promotion-item-info {
	display: flex;
	align-items: flex-start;
	width: 100%;
	flex-direction: column;
	height: 100%;
}

.promotion-item-body {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	flex: 1;
}

.promotion-item-body .promotion-amount {
	margin-top: 0;
}

.promotion-title {
	font-size: 24px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
}

.promotion-title span {
	color: #A0FF80;
}

.promotion-amount {
	font-size: 16px;
	font-weight: 500;
	color: #A9CCE2;
	margin-top: 5px;
}

.promotion-timer {
	border-radius: 40px;
	background-color: rgba(255, 255, 255, 0.12);
	padding: 11px 23px;
	min-width: 120px;
	height: 42px;
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	position: relative;
}

.promotion-timer:before {
	content: "";
	background-image: url("../img/icon-time.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.btn-arrow {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.12);
	position: relative;
	transition: background-color 0.3s ease-in-out;
}

.btn-arrow:after {
	content: "";
	background-image: url("../img/icon-arrow-right.svg");
	background-position: center;
	background-size: cover;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.55;
	transition: opacity 0.3s ease-in-out;
}

.btn-arrow:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

.btn-arrow:hover:after {
	opacity: 1;
}

.promotion-item:hover .btn-arrow {
	background-color: rgba(255, 255, 255, 0.25);
}

.promotion-item:hover .btn-arrow:after {
	opacity: 1;
}

.promotion-item-info-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.modal.modal-promotion {
	background-color: transparent;
}

.modal-promotion .modal-wrapper {
	max-width: 590px;
	width: 100%;
	height: auto;
	background: #282D45;
	padding: 38px 39px;
	border-radius: 14px;
	position: relative;
	margin: auto;
}

.modal.modal-promotion .modal-close {
	position: absolute;
	right: 8px;
	top: 8px;
}

.modal-promotion-inners {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 65px;
}

.modal-promotion-info {
	color: #ffffff;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	height: 100%;
}

.modal-promotion-media {
	width: 211px;
	height: 211px;
	flex-shrink: 0;
}

.modal-promotion-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.modal-promotion-title {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.promotion-data {
	margin: 5px 0 30px;
}

.promotion-data p {
	margin-top: 3px;
	font-size: 16px;
	font-weight: 600;
}

.promotion-data p span {
	font-weight: 400;
	margin-left: 3px;
}

.btn-bonus {
	margin-top: auto;
}

.tournaments-inners {
	margin-top: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	gap: 10px;
}

.tournaments-inners .tournament-item {
	width: 100%;
}

.tournaments-inners .tournament-description {
	margin-left: 50%;
}

.tournament-item.tournament2 .tournament-description {
	margin-left: 0;
	padding-left: 20px;
}

.modal-wrapper-deposit {
	max-width: 725px;
	margin: 0 auto;
	padding: 12px 12px 50px;
}

.modal-caption {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

.dep-error-text {
	font-size: 13px;
	text-align: center;
	color: #ff6b6b;
	min-height: 0;
}

.dep-error-text:empty {
	display: none;
}

.deposit-tabs {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 32px;
	padding-bottom: 20px;
	border-bottom: 2px solid rgba(242, 242, 242, 0.4);
	margin-top: 20px;
}

.deposit-tab {
	width: 169px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid #FFFFFF;
	transition: all 0.3s ease-in-out;
	background-color: transparent;
	cursor: pointer;
}

.deposit-tab svg path {
	transition: all 0.3s ease-in-out;
}

.deposit-tab.active, .deposit-tab:hover {
	background-color: #A0FF80;
	border-color: #A0FF80;
	color: #050000;
}

.deposit-tab.active svg path, .deposit-tab:hover svg path {
	fill: #02040D;
}

.form-deposit-wrapper {
	margin: 20px auto 0;
}

.content-frame {
	max-width: 571px;
	margin: 0 auto;
}

.form-group-amount input::placeholder, .form-group-amount input {
	color: #A0FF80;
	font-size: 16px;
	font-weight: bold;
}

.form-group-amount input::placeholder {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.form-modal .form-group label {
	font-size: 12px;
	font-weight: 400;
	color: #ffffff;
	display: block;
	margin-bottom: 8px;
}

.form-group-options {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.form-group-options {
	display: flex;
	align-items: stretch;
	margin-top: 8px;
	gap: 8px;
}

.form-group-options .sum-topup {
	height: 40px;
	flex: 1 1 0;
	min-width: 0;
	padding: 8px 4px;
	border-radius: 25px;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ffffff;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.form-group-options .sum-topup.active, .form-group-options .sum-topup:hover {
	background-color: #A0FF80;
	border-color: #A0FF80;
	color: #050000;
}

.form-group-card {
	margin-top: 20px;
	border-radius: 14px;
	background-color: #282D45;
	padding: 9px 16px;
	display: flex;
	align-items: flex-start;
	width: 100%;
	flex-direction: column;
	gap: 10px;
}

.form-group-card .form-groups {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	width: 100%;
}

.form-group-card .form-group {
	margin: 0;
}

.form-group-card .form-group input {
	border-color: rgba(255, 255, 255, 0.4);
}

.form-group-card .text-card {
	padding: 0 40px;
	text-align: center;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

.block-img-cards {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.bonuses-caption {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
}

.bonus-item {
	height: 80px;
	border-radius: 14px;
	background-color: #282D45;
	overflow: hidden;
	padding: 7px 10px 0 7px;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.4);
	transition: border 0.3s ease-in-out;
	position: relative;
}

.bonus-item .icon-check {
	width: 24px;
	height: 24px;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	position: absolute;
	right: 7px;
	top: 7px;
}

.bonus-item .icon-check:after {
	content: "";
	background-image: url("../img/icon-check.svg");
	background-size: cover;
	width: 14px;
	height: 11px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.bonus-item-media {
	flex-shrink: 0;
	width: 57px;
	height: 57px;
}

.bonus-item-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bonus-item-info .promotion-title {
	font-size: 14px;
	margin: 0;
	text-transform: none;
}

.bonus-item-info .promotion-sub {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 2px;
}

.bonus-item-info .promotion-amount {
	font-size: 12px;
}

.radio-block-bonus input[type="radio"]:checked + label .bonus-item, .radio-block-bonus input[type="checkbox"]:checked + label .bonus-item {
	border-color: #A0FF80;
}

.radio-block-bonus:hover input[type="radio"] + label .bonus-item {
	border-color: #A0FF80;
}

.radio-block-bonus input[type="radio"]:checked + label .icon-check {
	background-color: #A0FF80;
}

.slider-bonus {
	margin-top: 20px;
}

.form-group-btn-deposit {
	margin-top: 20px;
}

.form-modal .btn {
	height: 48px;
	min-width: 280px;
	width: fit-content;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 5px 25px;
	transition: all 0.3s ease-in-out;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	background: #A0FF80;
	margin: 0 auto;
	color: #050000;
}

.form-modal .btn:hover {
	background-color: #72D448;
}

.btn-topup {
	color: #000000 !important;
}

.content-deposit {
	display: none;
}

.content-deposit.active {
	display: block;
}

.coins-inners {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 25px 22px;
}

.radio-block-coin {
	/* width managed by .crypto-grid */
}

.coin-item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	height: 38px;
	border-radius: 8px;
	border: 1px solid #FFFFFF;
	padding: 5px 15px;
	cursor: pointer;
	transition: border 0.3s ease-in-out;
}

.coin-item img {
	flex-shrink: 0;
}

.coin-item:hover {
	border-color: #A0FF80;
}

.radio-block-coin input[type="radio"]:checked + label {
	border-color: #A0FF80;
}

.coins-info {
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	display: flex;
	align-items: flex-start;
	width: 100%;
	flex-direction: column;
	gap: 20px;
	margin-top: 20px;
}

.block-qrcode {
	text-align: center;
	margin: 0 auto;
	width: fit-content;
}

.box-address {
	height: 48px;
	border-radius: 8px;
	width: 100%;
	padding: 5px 16px;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.6);
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.5);
	overflow: hidden;
}

.minimum-amount {
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	align-self: center;
	margin-top: 20px;
}

.choice-usdt-wrapper {
	display: none;
}

.content-coin-usdt.active .choice-usdt-wrapper {
	display: block;
}

.content-coin-xpr.active .content-tag {
	display: block;
}

.content-coin-xpr.active .alert-tag {
	display: block;
}

.content-coin-xpr.active .content-frame-address {
	max-width: 335px;
	margin: 0 auto;
}

.content-coin-xpr.active .content-frame-border {
	border-top: 2px solid rgba(242, 242, 242, 0.4);
	margin-top: 20px;
	max-width: 100%;
}

.content-coin-xpr.active .content-frame-border .coins-info {
	max-width: 571px;
	margin: 20px auto 0;
}

.content-coin-xpr.active .content-frame-address .btn {
	width: 100%;
}

.content-coin-xpr.active .block-qrcode {
	display: none;
}

.choice-usdt {
	display: flex;
	align-items: stretch;
	justify-content: center;
	width: 100%;
	gap: 28px;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 2px solid rgba(242, 242, 242, 0.4);
}

.wallet-usdt {
	width: 125px;
	height: 38px;
	border-radius: 8px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.4);
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
}

.wallet-usdt:hover, .wallet-usdt.active {
	background-color: #A0FF80;
	border-color: #A0FF80;
	color: #050000;
}

.content-tag {
	display: none;
	margin-top: 20px;
	border-top: 2px solid rgba(242, 242, 242, 0.4);
}

.content-tag .coins-info {
	max-width: 335px;
	margin: 20px auto 0;
}

.content-tag .coins-info .btn {
	width: 100%;
}

.content-frame-address {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	gap: 20px;
}

.alert-tag {
	margin-top: 20px;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	align-self: center;
	display: none;
}

.tag-address {
	text-align: center;
	justify-content: center;
}

.caption-number-text {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 20px;
}

.modal.modal-alert-deposit {
	background: rgba(2, 4, 13, 0.6);
}

.modal-alert-deposit .modal-wrapper {
	max-width: 590px;
	width: 100%;
	height: auto;
	background: #282D45;
	padding: 32px 16px 16px;
	border-radius: 14px;
	position: relative;
	margin: auto;
}

.modal.modal-alert-deposit .modal-close,
.modal.modal-alert-deposit .modal-close-alert {
	position: absolute;
	right: 8px;
	top: 8px;
}

.modal-alert-inners {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	gap: 16px;
	max-width: 260px;
	margin: 0 auto;
	color: #ffffff;
}

.modal-alert-title {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}

.modal-alert-description {
	font-size: 14px;
	text-align: center;
	padding: 0 15px;
}

.modal-alert-info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	gap: 16px;
}

.modal-alert-info ul, .modal-alert-info ol {
	padding-left: 25px;
}

.btn-continue {
	transition: all 0.3s ease-in-out;
}

.modal-alert-info ul li {
	font-size: 14px;
}

.alert-btns {
	display: flex;
	align-items: center;
	width: 100%;
	flex-direction: column;
	gap: 16px;
}

.alert-btns .modal-exit, .alert-btns .btn-continue {
	font-size: 14px;
	height: 40px;
	font-weight: 500;
	text-align: center;
	justify-content: center;
	width: 100%;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	padding: 5px 10px;
	transition: all 0.3s ease-in-out;
	border-radius: 8px;
	cursor: pointer;
}

.alert-btns .modal-exit {
	color: #FFFFFF;
	background-color: transparent;
	border: 1px solid #FFFFFF;
}

.alert-btns .modal-exit:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

/* Override close-button styles for the "Continue" button */
.alert-btns .btn-continue.modal-close-alert {
	position: static;
	width: 100%;
	height: 40px;
	background-color: #4CAF50;
	background-image: none;
	color: #FFFFFF;
	border-radius: 8px;
	border: none;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.alert-btns .btn-continue.modal-close-alert:hover {
	background-color: #45a049;
	box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
}

.alert-btns .btn-continue.modal-close-alert:active {
	background-color: #3d8b40;
}

.modal-alert-deposit .support-mob {
	position: absolute;
	left: 0;
	top: 0;
	background-color: transparent;
	border-color: transparent;
}

.modal-alert-deposit .support-mob svg path {
	fill: #ffffff;
}

.modal-alert-deposit .support-mob:hover {
	background-color: #A0FF80;
}

.modal-alert-deposit .support-mob:hover svg path {
	fill: #18273E;
}

.breadcrumbs {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.breadcrumbs a {
	color: #ffffff;
	position: relative;
	transition: color 0.3s ease-in-out;
	display: flex;
	align-items: center;
	gap: 5px;
}

.breadcrumbs a:after {
	content: "";
	background-image: url("../img/icon-arrow-right2.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 19px;
	height: 20px;
}

.breadcrumbs a:hover {
	color: #A0FF80;
}

.lottery-item-info {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
	overflow: hidden;
	height: 367px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 29px;
	justify-content: end;
	padding-bottom: 41px;
	position: relative;
	text-align: center;
}

.lottery1 .lottery-item-info {
	background-image: url("../img/lottery1.webp");
}

.lottery-item-info .text1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 55px;
	line-height: 1;
	color: #ffffff;
	text-transform: uppercase;
}

.contenders {
	margin-top: 10px;
}

.unit-title {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.wrap-table {
	border-radius: 8px;
	overflow: hidden;
	overflow-x: auto;
	text-align: center;
}

.wrap-table table {
	color: #ffffff;
	width: 100%;
	border-spacing: 0;
	font-size: 12px;
	margin-top: 10px;
	table-layout: fixed;
	min-width: 600px;
}

table thead tr th {
	padding: 8px 20px;
	background-color: #02040D;
	border: 1px solid rgba(255, 255, 255, 0.55);
	font-size: 14px;
	font-weight: 500;
	color: #A0FF80;
	text-transform: uppercase;
}

table tbody tr td {
	padding: 8px 35px;
	background-color: #02040D;
	border: 1px solid rgba(255, 255, 255, 0.55);
}

.wrap-table thead th:first-child {
	border-top-left-radius: 8px;
}

.wrap-table thead th:last-child {
	border-top-right-radius: 8px;
}

.wrap-table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 8px;
}

.wrap-table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
}

.rules-block {
	margin-top: 10px;
}

.list-rules {
	margin-top: 10px;
	padding-left: 16px;
}

.list-rules li {
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
	margin-top: 10px;
}

.balance-amount {
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
}

.balance-amount .currency {
	font-size: 14px;
}

.bnts-balance {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 20px;
	margin-top: 20px;
}

.btn-border {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #02040D;
	border: 1px solid #ffffff;
	border-radius: 8px;
	height: 40px;
	max-width: 280px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease-in-out;
}

.bnts-balance .btn-green {
	height: 40px;
	min-width: auto;
	max-width: 280px;
	width: 100%;
	color: #050000;
	font-size: 14px;
}

.btn-border:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.withdrawals-history {
	background-color: #282D45;
	border-radius: 14px;
	padding: 8px 10px 20px;
	max-width: 571px;
	margin: 20px auto 0;
}

.withdrawals-search {
	width: 32px;
	height: 32px;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background-image: url("../img/icon-search-white.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.12);
}

.withdrawals-top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	padding-top: 4px;
}

.withdrawals-top::before {
	content: '';
	display: block;
	width: 40px;
	height: 4px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}

.withdrawals-body {
	overflow-y: auto;
	max-height: 280px;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.withdrawals-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
	margin-top: 33px;
}

.withdrawals-item:first-child {
	margin-top: 0;
}

.withdrawals-item-info {
	display: flex;
	align-items: center;
	gap: 17px;
}

.withdrawals-item-media {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: rgba(217, 217, 217, 0.18);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.received {
	position: relative;
}

.received:after {
	content: "";
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background-color: #4cdf72;
	background-image: url("../img/icon-check.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px;
	position: absolute;
	bottom: 0;
	right: -2px;
	border-radius: 50%;
}

.withdrawals-body::-webkit-scrollbar {
	width: 8px;
}

.withdrawals-body::-webkit-scrollbar-track {
	background: transparent;
}

.withdrawals-body::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
	border: 2px solid transparent;
	background-clip: content-box;
	transition: all 0.3s ease-in-out;
}

.withdrawals-body::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

.btn-withdraw {
	margin: 20px auto 0;
}

.available-withdrawal {
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	margin-top: 20px;
	color: #A0FF80;
}

.available-withdrawal .currency {
	font-size: 14px;
}

.modal-wrapper-balance {
	max-width: 947px;
	margin: 0 auto;
	padding: 7px 0 50px;
}

.modal-wrapper-balance .deposit-tabs {
	gap: 8px;
	padding-bottom: 0;
	padding-top: 20px;
	border-top: 2px solid rgba(242, 242, 242, 0.4);
	border-bottom: 0;
	max-width: 725px;
	margin: 20px auto 0;
}

.modal-wrapper-balance .deposit-tab {
	width: 106px;
}

.modal-wrapper-balance .content-frame-balance {
	max-width: 350px;
	margin: 0 auto;
	padding: 0 10px;
}

.modal-wrapper-balance .form-group-amount input {
	text-align: center;
	color: #ffffff;
}

.modal-wrapper-balance .form-group input {
	border-color: rgba(255, 255, 255, 0.6);
}

.modal-wrapper-balance .withdrawals-item-title {
	font-size: 14px;
}

.modal-wrapper-balance .form-group {
	margin-top: 8px;
}

.modal-wrapper-balance .form-deposit-wrapper .content-frame {
	margin-top: 20px;
}

.modal-wrapper-balance .form-group .btn {
	color: #050000;
	margin: 12px auto 0;
}

.btn-back-arrow {
	width: 24px;
	height: 24px;
	background-image: url("../img/icon-arrow-left.svg");
	background-position: center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	transition: opacity 0.3s ease-in-out;
}

.btn-back-arrow:hover {
	opacity: 0.8;
}

.panel-box {
	position: relative;
	padding-top: 3px;
	display: none;
}

.panel-balance {
	display: block;
}

.form-group .after-field {
	margin-top: 5px;
}

.after-field, .box-after-field {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
}

.box-after-field {
	margin: 20px auto 0;
	text-align: center;
	max-width: 335px;
}

.box-after-field p {
	margin-top: 15px;
}

.modal-wrapper-balance .choice-usdt {
	border: 0;
	padding-top: 0;
}

.form-group-xpr {
	display: none;
}

.content-coin-xpr.active .form-group-xpr {
	display: block;
}

/* ============================
   Cashier: Deposit tabs (3 tabs)
   ============================ */
.deposit-tabs-3 {
	display: flex;
	gap: 8px;
}

.deposit-tabs-3 .deposit-tab {
	flex: 1;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}

.deposit-tabs-3 .tab-icon {
	width: 20px;
	height: 20px;
	filter: brightness(0) invert(1);
	transition: filter 0.3s;
}

.deposit-tabs-3 .deposit-tab.active .tab-icon,
.deposit-tabs-3 .deposit-tab:hover .tab-icon {
	filter: brightness(0);
}

/* ============================
   Cashier: Crypto Grid
   ============================ */
.crypto-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	margin-top: 20px;
}

.radio-block-coin input[type="radio"] {
	display: none;
}

.radio-block-coin label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	gap: 8px;
}

.radio-block-coin label:hover {
	border-color: #A0FF80;
}

.radio-block-coin input[type="radio"]:checked + label {
	border-color: #A0FF80;
	background-color: rgba(160, 255, 128, 0.1);
}

.radio-block-coin .coin-name {
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}

.radio-block-coin .coin-icon {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* ============================
   Cashier: Crypto Content
   ============================ */
.crypto-explanation {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 20px;
	line-height: 1.5;
}

.crypto-qr-wrap {
	margin: 20px auto;
	text-align: center;
}

.crypto-qr-wrap canvas {
	border-radius: 8px;
}

.crypto-address-block {
	text-align: center;
}

.crypto-address-block .form-group {
	margin-bottom: 12px;
}

.coin-address,
.tag-address {
	display: block;
	padding: 14px 16px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 8px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	word-break: break-all;
	text-align: center;
	background: transparent;
}

.crypto-tag-section {
	margin-top: 16px;
}

.crypto-divider {
	border: none;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin: 20px 0;
}

.crypto-tag-title {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.crypto-min-amount {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	margin-top: 16px;
}

.crypto-tag-warning {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
	margin-top: 8px;
}

/* ============================
   Cashier: USDT Network Tabs
   ============================ */
.choice-usdt,
.choice-usdt-wit {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
	border: 0;
	padding: 0;
}

.wallet-usdt,
.wallet-usdt-wit {
	width: 120px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.wallet-usdt.active,
.wallet-usdt:hover,
.wallet-usdt-wit.active,
.wallet-usdt-wit:hover {
	background-color: #A0FF80;
	border-color: #A0FF80;
	color: #050000;
}

/* ============================
   Cashier: Withdrawal subtitle
   ============================ */
.paysysinfo {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 12px;
}

.paysysinfo p {
	margin: 0;
	line-height: 1.6;
}

.wit-subtitle {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 16px;
}

/* ============================
   Cashier: Withdrawal tab styling (2 tabs)
   ============================ */
.modal-wrapper-balance .witway {
	flex: 1;
	max-width: 169px;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}

.modal-wrapper-balance .witway .tab-icon {
	width: 20px;
	height: 20px;
	filter: brightness(0) invert(1);
	transition: filter 0.3s;
}

.modal-wrapper-balance .witway.active .tab-icon,
.modal-wrapper-balance .witway:hover .tab-icon {
	filter: brightness(0);
}

/* Hide non-active deposit content sections */
.content-deposit {
	display: none;
}

.content-deposit.active {
	display: block;
}

.content-bank,
.content-bitcoin {
	display: none;
}

.content-bank.active,
.content-bitcoin.active {
	display: block;
}

/* ============================
   Cashier: Responsive
   ============================ */
@media (max-width: 575px) {
	.crypto-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 6px;
	}

	.radio-block-coin label {
		padding: 8px;
		font-size: 12px;
	}

	.radio-block-coin .coin-icon {
		width: 22px;
		height: 22px;
	}

	.radio-block-coin .coin-name {
		font-size: 11px;
	}

	.deposit-tabs-3 .deposit-tab {
		font-size: 12px;
	}
}

.transfer-box {
	margin: 54px auto 0;
	background-color: #282D45;
	border-radius: 14px;
	max-width: 570px;
	padding: 0 15px 24px;
	text-align: center;
}

.transfer-box .withdrawals-item-media {
	margin: -37px auto 0;
	width: 64px;
	height: 64px;
	display: inline-flex;
	background-color: #3C425E;
}

.transfer-box .withdrawals-item-media img {
	width: 34px;
}

.transfer-box .withdrawals-item-media.received:after {
	width: 23px;
	height: 23px;
	background-size: 13px;
}

.transaction-data {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	gap: 12px;
	margin-top: 17px;
	font-size: 13px;
}

.name-payment {
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: #8b8fa8;
}

.amount-payment {
	font-weight: 500;
	font-size: 20px;
}

.status-payment {
	font-weight: 500;
	font-size: 14px;
	color: #4cdf72;
	max-width: 192px;
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.payment-information {
	margin-top: 12px;
}

.payment-information .payment-information-item {
	margin-top: 12px;
	color: #8b8fa8;
}

.payment-information .payment-information-item:first-child {
	margin-top: 0;
}

.payment-information .payment-value {
	font-weight: 500;
	font-size: 16px;
}

.type-operation {
	margin-top: 2px;
	color: #8b8fa8;
	font-size: 12px;
}

.type-operation.status-completed {
	color: #4cdf72;
}

.type-operation.status-pending {
	color: #f0c850;
}

.type-operation.status-rejected {
	color: #ff5c5c;
}

.withdrawals-item-amount {
	font-weight: 500;
	font-size: 14px;
	white-space: nowrap;
}

.history-search-input {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	color: #fff;
	font-size: 13px;
	padding: 6px 10px;
	outline: none;
	width: 100%;
	max-width: 200px;
	margin-right: 8px;
}

.history-search-input:focus {
	border-color: rgba(255, 255, 255, 0.4);
}

.no-history {
	text-align: center;
	color: #8b8fa8;
	padding: 24px 0;
	font-size: 13px;
}

.tournaments-inners-page .tournament-item .tournament-item-media{
	border-radius: 25px;
	overflow: hidden;
	height: 284px;
	background-size: cover;
	background-repeat: no-repeat;
}

.tournament1 .tournament-item-media {
	background-image: url("../img/tournament1.webp?v=3");
}

.tournament2 .tournament-item-media {
	background-image: url("../img/tournament2.webp?v=3");
	background-position: center;
}

.tournament3 .tournament-item-media {
	background-image: url("../img/tournament3.webp?v=3");
}

.tournaments-inners-page .tournament-item .tournament-description {
	max-width: fit-content;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	display: flex;
	gap: 10px;
	padding: 10px 24px 10px 0;
	margin: 0;
	margin-left:  auto;
}

.tournament-item .tournament-description p {
	font-size: 38px;
}

.tournaments-inners-page .tournament-item .tournament-description p {
	font-size: 47px;
}

.tournament-item .tournament-description .text-fund {
	font-size: 25px;
	font-weight: 600;
	font-style: normal;
}

.tournaments-inners-page .tournament-item .tournament-description .text-fund {
	font-size: 31px;
}

.tournaments-inners-page .tournament-item .tournament-description .text2 {
	font-size: 75px;
}

.tournaments-inners-page .tournament-item .btn-level {
	margin-top: 8px;
	height: 55px;
	min-width: 292px;
}

.tournaments-inners-page .tournament-item.tournament2 .tournament-description {
	flex-direction: column;
	display: flex;
	gap: 10px;
	padding-left: 33px;
	margin-left: 0;
	max-width: 643px;
}

.tournaments-inners-page .tournament-item.tournament2 .tournament-description .text1{
	font-size: 43px;
	color: #A0FF80;
}

.tournaments-inners-page .tournament-item.tournament2 .tournament-description .text2{
	font-size: 60px;
}

.tournaments-inners-page .tournament-item.tournament3 .tournament-description p {
	font-size: 43px;
}

.tournaments-inners-page .tournament-item.tournament3 .tournament-description .text2 {
	font-size: 60px;
}



.modal-wrapper-profile {
	max-width: 971px;
	margin: 0 auto;
	padding: 7px 12px 50px;
}

.capsule-box {
	position: relative;
	padding-top: 3px;
	display: none;
}

.profile-frame {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.profile-frame-media {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background-image: url("../img/icon-user.svg");
	background-repeat: no-repeat;
	background-size: cover;
}

.profile-frame-info {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 6px;
}

.profile-frame-name {
	font-size: 16px;
	color: #F2F2F2;
	font-weight: 700;
}

.box-id {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: rgba(242, 242, 242, 0.6);
	position: relative;
}

.copied-message {
	position: absolute;
	left: 0;
	top: 100%;
	font-size: 12px;
}

.icon-copy {
	background-image: url("../img/icon-copy.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	opacity: 0.6;
	transition: opacity 0.3s ease-in-out;
	cursor: pointer;
}

.icon-copy:hover {
	opacity: 1;
}

.profile-menu {
	margin: 20px auto 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	max-width: 350px;
}

.profile-menu-item {
	padding: 20px 10px;
	color: #EBEEEF;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	width: 100%;
	border-top: 2px solid rgba(242, 242, 242, 0.4);
	position: relative;
	transition: color 0.3s ease-in-out;
}

.profile-menu-item:after {
	content: "";
	background-image: url("../img/icon-arrow-profile.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 25px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.55;
	transition: opacity 0.3s ease-in-out;
}

.profile-menu-item:hover {
	color: #ffffff;
}

.profile-menu-item:hover:after {
	opacity: 1;
}

.btn-log-out {
	margin: 20px auto 0;
	height: 46px;
}

.profile-menu-item span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.profile-menu-item span:before {
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: 25px;
	height: 24px;
}

.profile-menu-item.profile-link span:before {
	background-image: url("../img/icon-client.svg");
}

.profile-menu-item.bonus-link span:before {
	background-image: url("../img/icon-bonus.svg");
}

.profile-menu-item.partners-link span:before {
	background-image: url("../img/icon-partner.svg");
}

.profile-menu-item.safety-link span:before {
	background-image: url("../img/icon-safety.svg");
	width: 24px;
	height: 24px;
}

.profile-menu-item.password-link span:before {
	background-image: url("../img/icon-safety.svg");
	width: 24px;
	height: 24px;
}

.profile-menu-item.currency-link span:before {
	background-image: url("../img/icon-currency.svg");
	width: 24px;
	height: 24px;
}

.profile-menu .profile-menu-item:last-child {
	border-bottom: 2px solid rgba(242, 242, 242, 0.4);
}

.profile-menu .profile-menu-item:last-child {
	border-bottom: 2px solid rgba(242, 242, 242, 0.4);
}

.account-linking {
	margin-top: 20px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
}

.capsule-profile {
	text-align: center;
	display: block;
}

.account-linking-inners {
	margin: 12px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.box-linking {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	background-color: rgba(255, 255, 255, 0.12);
	transition: background-color 0.3s ease-in-out;
	background-repeat: no-repeat;
	background-position: center;
}

.box-linking.linking-google {
	background-image: url("../img/icon-google.svg");
}

.box-linking.linking-tg {
	background-image: url("../img/icon-tg.svg");
}

.account-linked {
	margin-top: 20px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
}

.account-linked-status {
	color: rgba(255, 255, 255, 0.55);
	margin-top: 12px;
}

.confirmation-block {
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	margin: 20px auto 0;
	position: relative;
	width: fit-content;
}

.confirmation-block.alert p {
	position: relative;
	display: inline;
	padding-left: 20px;
}

.confirmation-block.alert p:before {
	content: "";
	background-image: url("../img/icon-alert.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
	position: absolute;
	left: 0;
	top: 1px;
}

.confirmation-block a {
	color: #84C743;
	text-decoration: underline;
}

.wrapper-my-profile {
	margin-top: 20px;
}

.wrapper-my-profile .wrap-table table {
	table-layout: auto;
	min-width: 800px;
}

.form-profile .form-groups {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin-top: 8px;
}

.wrapper-my-profile .form-groups .form-group {
	margin-top: 0;
}

.form-profile .form-group label {
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 2px;
}

.form-profile .unverified input {
	color: #FF3B2F;
}

.select_styled{
	padding: 5px 16px;
	font-size: 16px;
	color: #ffffff;
	-webkit-text-fill-color: #ffffff;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid #4C607E;
	outline: none;
	transition: border-color 0.3s ease-in-out;
	width: 100%;
	height: 48px;
}
.form-profile .verified input {
	color: #84C743;
}

.note-text {
	text-align: center;
	margin-top: 20px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
}

.form-profile .btn {
	height: 40px;
}

.form-profile .btn-save-profile {
	margin: 20px auto 0;
}

.capsule-my-profile .profile-menu {
	margin: 37px auto 0;
	max-width: 100%;
}

.capsule-my-profile .profile-menu-item:after {
	background-image: url("../img/icon-arrow-profile.svg");
}

.data-confirmation {
	text-align: center;
	margin: 20px auto 0;
	font-size: 12px;
	color: #ffffff;
}

.data-confirmation p span {
	color: #84C743;
}

.data-confirmation-inners {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-top: 7px;
}

.data-confirmation-inners input {
	height: 33px;
	width: 97px;
	background-color: transparent;
	outline: none;
	border: 1px solid rgba(255, 255, 255, 0.4);
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	border-radius: 8px;
	transition: border 0.3s ease-in-out;
}

.data-confirmation-inners input:focus,
.data-confirmation-inners inputt:active {
	border-color: #ffffff !important;
	outline: none !important;
}

.btn-confirm {
	height: 33px;
	min-width: 143px;
	font-size: 12px;
}

.data-confirmation {
	display: none;
}

.data-confirmation.active {
	display: block;
}

.confirmation-block {
	display: none;
}

.confirmation-block.active {
	display: block;
}

.profile-bonus-inners {
	display: flex;
	align-items: flex-start;
	gap: 54px;
}

.profile-bonus-promocode {
	width: 100%;
	max-width: 285px;
	text-align: center;
}

.caption-text {
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
}

.form-profile .block-promocode .btn {
	min-width: auto;
	width: 100%;
}

.block-promocode {
	margin-top: 22px;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	gap: 22px;
}

.block-promocode .form-group {
	margin: 0;
}

.block-promocode .form-group input {
	height: 45px;
}

.bonus-rank {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	justify-content: center;
}

.profile-bonus-info {
	flex: 1;
}

.profile-bonus-exchange {
	width: 285px;
	text-align: center;
}

.bonus-data {
	margin-top: 7px;
}

.bonus-data p {
	margin-top: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.exchange-block {
	margin-top: 20px;
	display: flex;
	align-items: flex-start;
	gap: 4px;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
}

.exchange-quantity {
	width: 80px;
}

.exchange-block .form-group {
	margin: 0;
	text-align: center;
	align-items: center;
}

.exchange-block .form-group p {
	text-align: center;
}

.exchange-block .form-group input {
	height: 26px;
	text-align: center;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 500;
	padding: 0 5px;
}

.exchange-rate {
	width: 101px;
}

.exchange-rate .form-group input {
	color: #A0FF80;
}

.exchange-receive {
	flex: 1;
}

.form-profile .btn-exchange {
	margin-top: 20px;
}

.progress-block {
	margin-top: 20px;
	text-align: center;
}

.progress-value {
	font-size: 14px;
	font-weight: 500;
	color: #A0FF80;
}

.progress-bar-wrap {
	background-color: #282D45;
	border-radius: 19px;
	padding: 3px;
	overflow: hidden;
	height: 18px;
	width: 100%;
	margin-top: 5px;
}

.progress-bar {
	background-color: rgba(19, 31, 51, 0.4);
	height: 100%;
	width: 100%;
}

.progress-fill {
	background-color: #A0FF80;
	border-radius: 19px;
	height: 100%;
}

.bonus-history {
	margin-top: 40px;
	position: relative;
}

.bonus-history:before {
	content: "";
	width: 100%;
	max-width: 725px;
	background-color: rgba(255, 255, 255, 0.4);
	height: 2px;
	position: absolute;
	right: 0;
	left: 0;
	top: -20px;
	margin: 0 auto;
}

.bonus-history-filter {
	margin-top: 22px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 28px;
}

.custom-select-wrapper {
	width: 157px;
	position: relative;
}

.custom-select-trigger {
	height: 40px;
	width: 100%;
	outline: none;
	border-radius: 8px;
	background-color: #02040D;
	border: 1px solid rgba(255, 255, 255, 0.4);
	padding: 5px 28px 5px 16px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.custom-select-trigger:after {
	content: "";
	background-image: url('../img/icon-arrow-down-select.svg');
	background-repeat: no-repeat;
	right: 16px;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	width: 11px;
	height: 7px;
	transition: all 0.3s ease-in-out;
	opacity: 0.7;
}

.custom-select-wrapper.active .custom-select-trigger:after {
	transform: rotate(180deg);
	opacity: 1;
}

.custom-select-wrapper.active .custom-select-trigger {
	background-color: #12141C;
}

.custom-options-wrap {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #18273E;
	border: 0;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	z-index: 10;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #02040D transparent;
	margin-top: 6px;
}

.custom-options {
	display: flex;
	flex-direction: column;
}

.custom-option {
	cursor: pointer;
	transition: background 0.3s ease-in-out;
	padding: 7px 16px;
	font-size: 12px;
	color: #ffffff;
}

.custom-option:hover {
	background-color: #131F33;
}

.custom-select-wrapper.active .custom-options-wrap {
	max-height: 106px;
	opacity: 1;
	pointer-events: auto;
}

.form-profile .btn-bonus-filter {
	margin: 0;
	min-width: 285px;
}

.bonus-history table tbody tr td {
	white-space: nowrap;
	text-transform: uppercase;
	padding: 8px 15px;
}

.bonus-history .status-bonus {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	position: relative;
}

.bonus-history .status-bonus:before {
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	width: 8px;
	height: 9px;
}

.bonus-history .status-canceled {
	color: #FF3B2F;
}

.bonus-history .status-canceled:before {
	background-image: url("../img/icon-canceled.svg");
}

.bonus-history .status-active {
	color: #84C743;
}

.bonus-history .status-active:before {
	background-image: url("../img/icon-active.svg");
	width: 11px;
	height: 9px;
}

.bonus-spins {
	margin-top: 40px;
	position: relative;
	text-align: center;
}

.bonus-spins:before {
	content: "";
	width: 100%;
	max-width: 725px;
	background-color: rgba(255, 255, 255, 0.4);
	height: 2px;
	position: absolute;
	right: 0;
	left: 0;
	top: -20px;
	margin: 0 auto;
}

.bonus-spins-text {
	max-width: 337px;
	margin: 12px auto 0;
	font-size: 14px;
	font-weight: 500;
}

.form-profile .btn-bonus-play {
	height: 40px;
	font-size: 14px;
	min-width: 351px;
	margin: 12px auto 0;
	width: fit-content;
	display: flex;
}

.partner-account-data {
	max-width: 595px;
	margin: 0 auto;
}

.partner-account-data p {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.referral-link-block {
	text-align: center;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 2px solid rgba(255, 255, 255, 0.4);
	display: flex;
	align-items: center;
	gap: 12px;
	flex-direction: column;
	width: 100%;
	font-size: 14px;
}

.box-referral-link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	position: relative;
	margin: 0 auto;
}

.box-referral-link .copied-message {
	right: 0;
}

.referral-link {
	font-size: 14px;
	font-weight: 600;
}

.referral-link-block a {
	color: #FFFFFF;
	text-decoration: underline;
}

.capsule-partner-account .wrapper-my-profile {
	max-width: 725px;
	margin-left: auto;
	margin-right: auto;
}

.example-link {
	font-weight: 700;
}

.block-authentication {
	max-width: 350px;
	width: 100%;
	margin: 100px auto 0;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.block-authentication .btn-activate-auth {
	max-width: 100%;
	width: 100%;
	margin-top: 4px;
}

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

.icon-support {
	background-image: url("../img/icon-support.svg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}

.icon-support:hover {
	opacity: 0.8;
}

.modal.modal-alert-authentication {
	background: rgba(2, 4, 13, 0.6);
}

.modal-alert-authentication .modal-wrapper {
	max-width: 590px;
	width: 100%;
	height: auto;
	background: #282D45;
	padding: 32px 16px 16px;
	border-radius: 14px;
	position: relative;
	margin: auto;
}

.modal.modal-alert-authentication .modal-close,
.modal.modal-alert-authentication .modal-close-alert {
	position: absolute;
	right: 8px;
	top: 8px;
}

.modal-alert-authentication .modal-alert-title {
	padding: 0 40px;
}

.modal-authentication-text {
	font-size: 14px;
}

.modal-authentication-text p {
	margin-top: 15px;
}

.modal-authentication-text ol, .modal-authentication-text ul {
	margin-top: 15px;
}

.modal-authentication-text ol li, .modal-authentication-text ul li {
	font-size: 14px;
	margin-top: 5px;
}

.modal-authentication-text ul li {
	font-size: 14px;
	list-style-type: disc;
}

.modal-authentication-text > *:first-child {
	margin-top: 0;
}

.modal-alert-authentication .btn-border {
	background-color: transparent;
	height: 48px;
	width: 100%;
	max-width: 350px;
}

.modal-alert-authentication .btn-border:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.user-ip-data {
	padding-top: 20px;
	border-top: 2px solid rgba(255, 255, 255, 0.4);
	max-width: 725px;
	margin: 20px auto 0;
}

.user-ip-inner {
	max-width: 350px;
	margin: 0 auto;
	display: flex;
	align-items: normal;
	flex-direction: column;
	gap: 16px;
}

.user-ip-inner p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.box-qr-auth {
	margin: 0 auto;
	text-align: center;
}

#modal-activate-auth .modal-authentication-text {
	text-align: center;
}

.auth-code {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #4C607E;
	border-radius: 8px;
	height: 48px;
	font-size: 16px;
	color: #ffffff;
	padding: 0 16px;
	margin-top: 8px;
	position: relative;
}

.wrap-auth-code {
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}

.wrap-auth-code p {
	text-align: center;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.55);
}

.step-auth-wrap .btn {
	height: 48px;
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}

.step-auth-wrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.steps-auth {
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.step-auth {
	display: none;
}

.step-auth.active {
	display: block;
}

.nav-auth {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	list-style-type: none;
	margin-top: 30px;
	padding: 0 !important;
}

.nav-auth li {
	width: 8px;
	height: 8px;
	background-color: #A9CCE2;
	border-radius: 50%;
}

.nav-auth li.active {
	background-color: #A0FF80;
}

.modal-alert-authentication .btn-back {
	left: 8px;
	top: 8px;
	position: absolute;
}

.modal-alert-authentication .btn-back:after {
	opacity: 1;
}

.modal-alert-authentication .btn-back:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

.btn-back-auth {
	display: none;
}

.field-auth {
	margin: 0 auto;
	max-width: 350px;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 50px;
}

.code-auth {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	display: block;
}

.field-auth .form-group {
	margin: 0;
}

.block-password-change {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}

.block-password-change .form-group {
	margin: 0;
}

.form-profile .btn-change {
	background-color: #02040D;
	width: 100%;
	max-width: 100%;
	color: #fff;
}

.form-profile .btn-change:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.btn-border:visited,
.btn-border:link {
	color: #fff;
}

.form-modal .form-group .check label {
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
	display: flex;
	margin-bottom: 8px;
}

.block-currency-inner {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	max-width: 335px;
	margin: 0 auto;
}

.block-currency-text {
	font-size: 14px;
	font-weight: 500;
}

.block-currency-text > *:first-child {
	margin: 0;
}

.block-currency-text p {
	margin-top: 15px;
}

.block-currency-change {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 8px;
}

.block-currency-change .custom-select-wrapper {
	flex-shrink: 0;
}

.form-profile .btn-currency {
	min-width: auto;
	max-width: 100%;
	flex: 1;
}

.btn-back-menu {
	height: 42px;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.btn-back-menu svg path {
	transition: all 0.3s ease-in-out;
}

.btn-back-menu:hover svg path {
	stroke: #A0FF80;
}

.sidebar-menu-container {
	display: flex;
	width: 100%;
	overflow: hidden;
	gap: 16px;
	position: relative;
}

.sidebar-menu-main, .sidebar-menu-page {
	flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	transition: transform 0.3s ease-in-out;
}

.sidebar-menu-page.active {
	transform: translateX(0%);
	display: block;
	opacity: 1;
}

.sidebar-menu-page.inactive {
	transform: translateX(0%);
	display: none;
	opacity: 0;
}

.sidebar-menu-main.inactive {
	transform: translateX(-106%);
	display: none;
}

.dop-page-content ul, .dop-page-content ol {
	padding-left: 20px;
	margin-top: 10px;
}

.dop-page-content ul li, .dop-page-content ol li {
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
}

.dop-page-content p {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.55);
}

.dop-page-content a {
	color: #A0FF80;
}

.dop-page-content h2, .dop-page-content h3, .dop-page-content h4 {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.dop-page-content table tbody tr td:first-child {
	text-transform: uppercase;
}

.dop-page-content .wrap-table-statuses table tbody tr td:first-child {
	display: flex;
	align-items: center;
	gap: 5px;
}

.dop-page-content table tbody tr td {
	text-align: center;
	vertical-align: middle;
}

.dop-page-content table tbody tr td img {
	display: inline-block;
	vertical-align: middle;
}

.dop-page-content .wrap-table table {
	width: auto;
	min-width: 600px;
}

/* Language switching loading indicator */
body.language-switching {
	pointer-events: none;
	opacity: 0.85;
	transition: opacity 0.15s ease;
}
body.language-switching .lngchange {
	pointer-events: auto;
}

/* Contacts page */
.contacts-page {
	padding: 10px 0 40px;
}

.contacts-header {
	text-align: center;
	margin-bottom: 40px;
}

.contacts-title {
	font-size: 28px;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 12px;
	letter-spacing: 1px;
}

.contacts-subtitle {
	font-size: 15px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
	max-width: 560px;
	margin: 0 auto;
	line-height: 1.6;
}

.contacts-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 20px;
}

.contact-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(160, 255, 128, 0.15);
	border-radius: 12px;
	text-align: center;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}

.contact-card:hover {
	background: rgba(255, 255, 255, 0.07);
	border-color: rgba(160, 255, 128, 0.35);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
	transform: translateY(-4px);
}

.contact-card-image {
	width: 100%;
	height: 150px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.contact-card-image svg {
	width: 100%;
	height: 100%;
	display: block;
}

.contact-card-body {
	padding: 20px 24px 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	flex-grow: 1;
}

.contact-card-title {
	font-size: 17px;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 8px;
}

.contact-card-email {
	font-size: 13px;
	color: #A0FF80;
	text-decoration: none;
	margin-bottom: 8px;
	word-break: break-all;
}

.contact-card-email.email-copy {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s ease;
	user-select: none;
	-webkit-user-select: none;
}

.contact-card-email.email-copy:hover {
	color: #b8ff9e;
}

.contact-card-email .copy-icon {
	opacity: 0.5;
	transition: opacity 0.2s ease;
	flex-shrink: 0;
}

.contact-card-email.email-copy:hover .copy-icon {
	opacity: 1;
}

.contact-card-email.email-copy.copied {
	color: #ffffff;
}

.copy-notification {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%) translateY(20px);
	background: #A0FF80;
	color: #0f1923;
	padding: 10px 20px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	z-index: 99999;
	opacity: 0;
	transition: all 0.3s ease;
	pointer-events: none;
	white-space: nowrap;
}

.copy-notification.show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

.contact-card-email:hover {
	text-decoration: underline;
}

.contact-card-desc {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.5;
	margin: 0 0 16px;
	flex-grow: 1;
}

.contact-card-buttons {
	display: flex;
	gap: 8px;
	width: 100%;
	justify-content: center;
	flex-wrap: wrap;
}

.contact-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 10px 18px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
	cursor: pointer;
	border: none;
	white-space: nowrap;
}

.contact-btn-email {
	background: #A0FF80;
	color: #0f1923;
}

.contact-btn-email:hover {
	background: #b8ff9e;
}

.contact-btn-telegram {
	background: #0088cc;
	color: #ffffff;
}

.contact-btn-telegram:hover {
	background: #00a3f5;
}

.contact-btn-telegram svg {
	flex-shrink: 0;
}

.contacts-info-text {
	max-width: 780px;
	margin: 40px auto 0;
	text-align: center;
}

.contacts-info-text p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.7;
	margin: 0;
}

.faq-inner {
	margin-top: 10px;
}

.drop {
	background-color: #02040D;
	border-radius: 8px;
	overflow: hidden;
	color: #ffffff;
	margin-top: 10px;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.drop .question {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease-in-out;
	padding: 12px 80px 16px 12px;
	font-size: 14px;
	font-weight: 600;
}

.drop .question:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 25px;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url("../img/icon-arrow-faq.svg");
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s ease-in-out;
}

.drop.active .question:after {
	transform: rotate(-180deg);
}

.drop .answer {
	display: none;
	padding: 0 80px 12px 12px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.55);
}

.drop .answer > *:first-child {
	margin-top: 0;
}

.drop .answer p {
	margin-top: 10px;
}

.drop .answer ul,
.drop .answer ol {
	font-size: 14px;
	padding-left: 25px;
	margin-top: 10px;
}


.page-providers-inners {
	display: flex;
	align-items: stretch;
	gap: 19px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.page-providers-inners .provider-item {
	width: calc(25% - 15px);
	border-radius: 24px;
	background-color: #18273E;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out;
}

.provider-item:hover {
	border-color: #A0FF80;
}

.page-providers-inners .provider-item .provider-item-info {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 2px;
}

.provider-name {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
}

.provider-number {
	font-size: 14px;
	color: #A9CCE2;
}

.provider-img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
}

.page-providers-inners .provider-item .more-arrow{
	margin-left: auto;
	flex-shrink: 0;
}

.provider-item:hover .more-arrow {
	background-color: rgba(255, 255, 255, 0.25);
}

.provider-item:hover .more-arrow:after {
	opacity: 1;
}

@media screen and (min-width: 1750px) {
	.modal-log .modal-wrapper-form {
		margin-top: 70px;
	}

	.page-slots-inners .slot-item {
		width: calc(20% - 36px);
		aspect-ratio: 1 / 1;
	}

	.block-reg-title {
		margin: 0;
	}

	.block-reg-title .t2 {
		text-align: left;
	}

	.block-reg-title .t3 {
		text-align: left;
	}
}

@media screen and (max-width: 1750px) {
	.block-reg-title {
		margin: 0;
		font-size: 50px;
	}

	.block-reg-title .t2 {
		font-size: 35px;
		text-align: left;
	}

	.block-reg-title .t3 {
		font-size: 32px;
		text-align: left;
	}
}

@media screen and (max-width: 1450px) {
	.tournament-info {
		padding: 0 30px;
	}
}

@media screen and (max-width: 1350px) {
	.footer-part {
		padding: 0 30px;
	}

	.tournament-part {
		text-align: center;
	}

	.tournament-part span {
		font-size: 16px;
		display: block;
		margin: 0;
	}

	.tournaments-item .tournament-item-media  {
		background-position: center;
	}

	.tournaments-inners-page .tournament-item.tournament2 .tournament-description {
		flex-direction: column;
		display: flex;
		gap: 10px;
		max-width: fit-content;
	}

	.tournament-item .tournament-description p, .tournaments-inners-page .tournament-item .tournament-description p {
		font-size: 27px;
	}

	.tournament-description .text2 {
		font-size: 50px;
	}

	.tournament-description {
		max-width: 370px;
	}

	.tournaments-inners-page .tournament-item .tournament-description p {
		font-size: 37px;
	}

	.tournaments-inners-page .tournament-item .tournament-description .text-fund {
		font-size: 22px;
	}

	.tournaments-inners-page .tournament-item .tournament-description .text2 {
		font-size: 55px;
	}

	.tournaments-inners-page .tournament-item .tournament-description {
		max-width: 50%;
	}

	.block-reg-title {
		padding: 10px 10px;
		font-size: 40px;
	}

	.block-reg-title .t2 {
		font-size: 25px;
	}

	.block-reg-title .t3 {
		font-size: 22px;
	}
}

@media screen and (max-width: 1250px) {
	.page-providers-inners .provider-item {
		width: calc(50% - 10px);
	}
}

@media screen and (max-width: 1200px) {
	.page-slots-inners {
		gap: 20px;
	}

	.page-slots-inners .slot-item {
		width: calc(25% - 15px);
	}

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

	.promotion-item {
		width: 100%;
		max-width: 600px;
	}

	.tournaments-inners-page .tournament-item.tournament2 .tournament-description .text2 {
		font-size: 50px;
	}

	.tournaments-inners-page .tournament-item.tournament2 .tournament-description .text1 {
		font-size: 35px;
	}

	.tournaments-inners-page .tournament-item.tournament3 .tournament-description .text2 {
		font-size: 37px;
	}

	.tournaments-inners-page .tournament-item .tournament-description .text-fund {
		font-size: 25px;
	}

	.tournaments-inners-page .tournament-item .tournament-description .text2 {
		font-size: 47px;
	}

	.tournaments-inners-page .tournament-item.tournament3 .tournament-description p {
		font-size: 27px;
	}

	.tournament-item .tournament-description .text-fund {
		font-size: 19px;
	}
}

@media screen and (max-width: 1023px) {
	.sidebar-menu {
		display: none;
	}

	.primary-content {
		padding-left: 0;
	}

	.slider-indent {
		padding-left: 0;
	}

	.block-slots .slider-indent {
		padding-left: 8px;
	}

	.banner-item {
		padding: 15px 0 15px 15px;
		height: 200px;
		background-position: center;
	}

	.banner-info p.t1 {
		font-size: 43px;
	}

	.banner-info p.t2 {
		font-size: 30px;
	}

	.banner-info p.t3 {
		font-size: 24px;
	}

	.block-slots-top {
		padding-right: 8px;
		padding-left: 8px;
	}

	.main-left__top {
		padding-left: 8px;
		padding-right: 8px;
	}

	.gamesort {
		flex-wrap: wrap;
	}

	.game-search {
		max-width: 100%;
	}

	.game-brand {
		min-width: 120px;
		flex: 1;
	}

	.jackpot-total {
		flex-wrap: wrap;
		font-size: 13px;
	}

	.tournament-item .tournament-item-media {
		height: 194px;
	}

	.footer {
		margin: 0 8px;
		padding-bottom: 70px;
	}

	.header .search-box {
		display: none;
	}

	.menu-list {
		display: flex;
		align-items: stretch;
		gap: 8px;
		flex-wrap: nowrap;
		white-space: nowrap;
		padding: 5px 0;
	}

	.mob-menu {
		display: block;
		padding: 9px 8px;
		overflow-x: auto;
	}

	.menu-list li a {
		height: 36px;
		padding: 5px 12px;
		gap: 6px;
		background-color: #18273E;
		font-size: 12px;
		border-radius: 8px;
	}

	.menu-list li a:hover {
		background-color: #233653;
	}

	.menu-list li.submenu a:after {
		width: 15px;
		height: 16px;
		transform: rotate(90deg);
		position: static;
		right: 0;
	}

	.header-btns .btn, .modal-header .btn-deposit {
		min-width: auto;
		padding: 5px 19px;
		font-size: 14px;
	}

	.header-btns {
		gap: 10px;
	}

	.header-btns .btn-lang {
		display: flex !important;
		color: #ffffff;
		background-color: #18273E;
		padding: 5px 9px;
	}

	.header-btns .btn-lang:hover {
		color: #ffffff;
		background-color: #18273E;
	}

	.submenu-wrapper {
		position: fixed;
		display: block !important;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 20;
		padding: 0;
		padding-bottom: 20px;
		background-color: #131F33;
		transform: translateY(100%);
		transition: all 0.3s ease-in-out;
		border-radius: 12px 12px 0 0;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
	}

	.submenu-wrapper.active {
		transform: translateY(0%);
	}

	.submenu-block {
		border-radius: 0;
		padding: 0 20px;
		backdrop-filter: none;
	}

	.submenu-list li a {
		height: 54px;
		width: 275px;
	}

	.d-mob {
		display: flex;
	}

	.icon-close {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 6px;
		top: 6px;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0.12);
		cursor: pointer;
		transition: all 0.3s ease-in-out;
	}

	.icon-close:after {
		content: "";
		background-image: url("../img/icon-close.svg");
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		opacity: 0.55;
		transition: all 0.3s ease-in-out;
	}

	.icon-close:hover {
		background-color: rgba(255, 255, 255, 0.25);
	}

	.icon-close:hover:after {
		opacity: 1;
	}

	.block-mob-text {
		max-width: 275px;
		width: 100%;
		margin: 0 auto 7px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		font-size: 14px;
		color: #A0FF80;
		text-transform: uppercase;
		font-weight: 500;
		padding: 32px 0 18px;
		border-bottom: 2px solid #293A54;
		position: relative;
	}

	.block-mob-text svg path {
		fill: #A0FF80;
	}

	.block-mob-text:before {
		content: "";
		width: 34px;
		height: 3px;
		background-color: #4B5D78;
		position: absolute;
		top: 10px;
		margin: auto;
		left: 0;
		right: 0;
	}

	.submenu-list {
		max-height: calc(100vh - 100px);
		scrollbar-width: thin;
		scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
	}

	.footer-part {
		padding: 0;
	}

	.footer-links {
		gap: 50px;
		flex-wrap: wrap;
	}

	.icon-search {
		width: 20px;
		height: 20px;
		background-image: url("../img/icon-search.svg");
		background-position: center;
		background-repeat: no-repeat;
	}

	.wrapper-game {
		padding: 20px 10px 70px;
	}

	.banner-mob {
		width: 100%;
		padding: 11px 0 12px 7px;
		height: 125px;
		background-position: center;
		border-radius: 12px;
		background-image: url("../img/banner1_m.webp");
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		margin-top: 8px;
	}

	.banner-mob .banner-info p {
		color: #18273E;
	}

	.banner-mob .banner-info p.t1 {
		font-size: 30px;
	}

	.banner-mob .banner-info p.t2 {
		font-size: 22px;
	}

	.banner-mob .banner-info p.t3 {
		font-size: 18px;
	}

	.modal-media {
		display: none;
	}

	.case-modal .modal-info {
		width: 100%;
		margin-left: auto;
	}

	.modal.modal-reg .modal-close {
		position: static;
	}

	.modal-reg .modal-header .logo {
		display: block;
	}

	.slots-container .slot-item {
		width: calc(25% - 8px);
	}

	.header-inners {
		padding-left: 0;
	}

	.block-slots-page {
		padding: 0 8px;
	}

	.bottom-info-block {
		padding: 16px 8px 0;
	}

	.header-btns .profile-box, .header-btns .notification-box {
		display: none;
	}

	.lottery-item-info {
		height: 310px;
		display: flex;
	}

	.lottery-item-info .text1 {
		font-size: 35px;
	}

	.tournaments-inners-page .tournament-item.tournament2 .tournament-description .text2 {
		font-size: 40px;
	}


}

@media screen and (max-width: 950px) {
	.profile-bonus-inners {
		align-items: center;
		gap: 22px;
		flex-direction: column;
	}

	.profile-bonus-promocode, .profile-bonus-info, .profile-bonus-exchange {
		max-width: 500px;
		width: 100%;
		flex: 0;
		padding: 0 9px;
	}

	.exchange-quantity {
		width: 130px;
	}

	.exchange-rate {
		width: 180px;
	}

	.form-profile .btn-exchange {
		margin-top: 12px;
		max-width: 400px;
		width: 100%;
	}

	.profile-bonus-info, .profile-bonus-exchange {
		border-top: 2px solid rgba(255, 255, 255, 0.4);
		padding-top: 22px;
	}

	.progress-block {
		margin-top: 22px;
	}

	.bonus-history:before {
		display: none;
	}

	.bonus-history {
		margin-top: 22px;
		border-top: 2px solid rgba(255, 255, 255, 0.4);
		padding-top: 22px;
	}
}

@media screen and (max-width: 767px) {
	.menu-list li a {
		font-size: 9px;
	}

	.header-btns .btn {
		font-size: 12px;
	}

	.header-btns .btn.btn-registration {
		padding: 5px 11px;
	}

	.header-btns .btn-lang {
		min-width: 36px;
	}

	.header {
		padding: 10px 0;
	}

	.header .logo {
		max-width: 120px;
		margin-right: 10px;
	}

	.banner-item.banner1 {
		background-image: url("../img/banner1_m.webp?v=3");
	}

	.banner-item.banner2 {
		background-image: url("../img/banner2_m.webp?v=3");
	}

	.banner-item.banner3 {
		background-image: url("../img/banner3_m.webp?v=3");
	}

	.banner-item.banner4 {
		background-image: url("../img/banner4_m.webp?v=3");
	}

	.banner-info p.t1 {
		font-size: 26px;
	}

	.banner2 .banner-info p.t1 {
		font-size: 23px;
	}

	.banner-info p.t2 {
		font-size: 17px;
		line-height: 1;
	}

	.banner-info p.t3 {
		font-size: 15px;
		line-height: normal;
	}

	.btn-banner {
		margin-top: 7px;
		height: 28px;
		font-size: 10px;
		min-width: 147px;
	}

	.banner-item {
		padding: 15px 0 12px 7px;
		height: 144px;
		background-position: left;
		border-radius: 12px;
	}

	.banner4 .banner-info p.t1 {
		font-size: 25px;
		max-width: 200px;
	}

	.header .container {
		max-width: 100%;
		padding: 0 8px;
	}

	.main-wrapper {
		padding-top: 56px;
	}

	.block-slots {
		margin-top: 24px;
	}

	.block-slots-title {
		font-size: 15px;
	}

	.slot-item {
		aspect-ratio: 1 / 1;
	}

	.footer-links {
		gap: 24px 38px;
		flex-wrap: wrap;
	}

	.footer-part {
		padding: 0;
		width: calc(50% - 19px);
	}

	.footer-part .caption {
		font-size: 13px;
	}


	.tournament-description {
		padding-right: 10px;
		gap: 3px;
		max-width: fit-content;
	}

	.tournament-item.tournament1 .tournament-description {
		max-width: 170px;
	}

	.btn-tournament {
		margin-top: 5px;
		height: 24px;
		font-size: 11px;
		min-width: 100px;
	}

	.tournament-item .tournament-item-media, .tournaments-inners-page .tournament-item .tournament-item-media {
		height: 133px;
		background-position: left;
		border-radius: 8px;
	}

	.tournament-item {
		border-radius: 14px;
		padding: 6px 6px 13px;
	}

	.tournament-info {
		padding: 0 5px;
		gap: 5px;
		margin-top: 11px;
	}

	.tournament-part {
		font-size: 11px;
	}

	.tournament-part.online:before {
		top: 0px;
	}

	.tournament-part span {
		font-size: 11px;
		margin: 0;
	}

	.wrapper-game {
		padding-top: 0;
	}

	.btn-back {
		width: 32px;
		height: 32px;
	}

	.game-name {
		font-size: 18px;
	}

	.game-provider {
		font-size: 12px;
	}

	.game-provider span {
		font-size: 16px;
	}

	.game-body {
		margin-top: 30px;
	}

	.game-img {
		width: auto;
		height: auto;
		border-radius: 12px;
		max-width: 200px;
	}

	.modal .modal-close {
		width: 32px;
		height: 32px;
	}

	.modal-header .logo img {
		height: 36px;
	}

	.modal-header {
		padding: 12px 8px;
	}

	.form-group {
		margin-top: 16px;
	}

	.divider-text {
		margin-top: 16px;
	}

	.block-choice {
		margin-top: 16px;
	}

	.modal-wrapper {
		padding: 0 0 20px;
	}

	.modal-finder .modal-header .logo {
		display: none;
	}

	.modal-finder .modal-header {
		padding: 12px 8px;
	}

	.search-box {
		margin-left: 0;
	}

	.search-results {
		margin: 110px auto 0;
	}

	.slots-container .slot-item {
		width: calc(33% - 4px);
	}

	.slots-container .slot-item .btn-play {
		width: 66px;
		height: 40px;
		border-radius: 12px;
	}

	.slot-item-info-top {
		gap: 5px;
		font-size: 9px;
		height: 20px;
	}

	.slot-item .icon-favorites {
		width: 15px;
		height: 15px;
	}

	.slot-item-info {
		border-radius: 12px;
		padding: 4px 6px;
	}

	.btn-demo {
		font-size: 10px;
	}

	.btn-play {
		background-size: 12px;
		width: 46px;
		height: 30px;
		border-radius: 11px;
		margin: 5px auto 0;
	}

	.winnings-item {
		font-size: 12px;
	}

	.winnings-item .winnings-sum {
		font-size: 14px;
	}

	.slot-item .slot-img {
		border-radius: 12px;
	}

	.btn-more-slots {
		min-width: 141px;
		margin: 13px auto 0;
		height: 40px;
	}

	.balance-text {
		display: none;
	}

	.btn-deposit span{
		display: none;
	}

	.header-btns .btn-deposit, .modal-header .btn-deposit {
		width: 36px;
		height: 36px;
		font-size: 14px;
		flex-shrink: 0;
	}

	.balance-block-header {
		border: 1px solid #FFFFFF;
		margin-left: auto;
	}

	.authorized .header-inners .header-btns {
		gap: 8px;
	}

	.authorized .header-inners {
		justify-content: flex-start;
		gap: 8px;
	}

	.promotion-item {
		height: auto;
		padding: 11px 13px;
		border-radius: 20px;
		gap: 17px;
		align-items: stretch;
		background-size: 170px;
		background-position: top -41px left -35px;
	}

	.promotions-inners {
		gap: 13px;
	}

	.promotion-item-info {
		height: auto;
	}

	.promotion-item-media {
		flex-shrink: 0;
		width: 86px;
		height: 86px;
	}

	.promotion-timer {
		border-radius: 25px;
		padding: 8px 15px;
		height: 32px;
		gap: 10px;
		font-size: 12px;
	}

	.promotion-timer:before {
		width: 12px;
		height: 12px;
	}

	.btn-arrow {
		width: 32px;
		height: 32px;
	}

	.btn-arrow:after {
		width: 15px;
		height: 15px;
	}

	.promotion-title {
		font-size: 14px;
	}

	.promotion-amount {
		font-size: 12px;
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.modal-promotion .modal-wrapper {
		padding: 16px 31px;
		width: 95%;
	}

	.modal-promotion-inners {
		gap: 16px;
		flex-direction: column;
	}

	.modal-promotion-title {
		align-self: center;
	}

	.promotion-data p {
		font-size: 14px;
	}

	.promotion-data {
		align-self: center;
		margin-bottom: 16px;
	}

	.modal-promotion-info {
		align-items: center;
		width: 100%;
	}

	.modal-promotion-media {
		width: 121px;
		height: 121px;
	}

	.tournaments-inners .tournament-description {
		margin-left: auto;
	}

	.deposit-tabs {
		gap: 8px;
		padding-bottom: 15px;
		margin-top: 15px;
	}

	.form-group-card {
		margin-top: 15px;
		padding: 16px;
	}

	.form-group-card .text-card {
		padding: 0;
	}

	.bonuses-caption {
		margin-top: 15px;
	}

	.slider-bonus {
		margin: 15px -12px 0;
		padding: 0 12px;
	}

	.form-group-btn-deposit {
		margin-top: 15px;
	}

	.form-deposit-wrapper {
		margin: 15px auto 0;
	}

	.coins-inners {
		gap: 10px 9px;
	}

	.coin-item {
		gap: 5px;
		padding: 5px 8px;
	}

	.radio-block-coin {
		/* width managed by .crypto-grid */
	}

	.coins-info {
		gap: 15px;
		margin-top: 15px;
	}

	.choice-usdt {
		padding-top: 15px;
		margin-top: 15px;
	}

	.minimum-amount {
		margin-top: 15px;
	}

	.content-frame-address {
		gap: 15px;
	}

	.content-coin-xpr.active .content-frame-border {
		margin-top: 15px;
	}

	.content-coin-xpr.active .content-frame-border .coins-info {
		margin: 15px auto 0;
	}

	.content-coin-xpr.active .content-frame-address {
		max-width: 400px;
	}

	.content-tag {
		margin-top: 15px;
	}

	.alert-tag {
		margin-top: 15px;
	}

	.content-tag .coins-info {
		max-width: 400px;
		margin: 15px auto 0;
	}

	.caption-number-text {
		margin-top: 15px;
	}

	.modal-alert-deposit .modal-wrapper {
		width: 95%;
	}

	.promotion-item-body {
		gap: 3px;
		flex: auto;
		margin-top: 13px;
		justify-content: flex-start;
	}

	.breadcrumbs {
		font-size: 15px;
	}

	.lottery1 .lottery-item-info {
		background-image: url("../img/lottery1_m.webp");
	}

	.lottery-item-info {
		height: 200px;
		gap: 8px;
		padding-bottom: 12px;
	}

	.lottery-item-info .text1 {
		font-size: 17px;
	}

	.btn-lottery {
		height: 17px;
		font-size: 7px;
		min-width: 89px;
		border-radius: 3px;
	}

	.contenders {
		margin-top: 13px;
	}

	.unit-title {
		text-align: center;
	}

	table tbody tr td {
		padding: 8px 15px;
	}

	.wrap-table {
		padding: 0 8px 5px;
		margin: 0 -8px;
	}

	.bonus-history .wrap-table {
		padding: 0 20px 5px;
		margin: 0 -12px;
	}

	.list-rules li {
		margin-top: 15px;
	}

	.panel-payment {
		padding: 3px 12px;
	}

	.btn-back-arrow {
		left: 10px;
	}

	.withdrawals-history {
		padding: 8px 0 20px;
	}

	.panel-box .modal-caption, .capsule-box .modal-caption {
		padding: 0 28px;
	}

	.panel-payment .wallet-usdt {
		width: 77px;
		height: 38px;
	}

	.panel-transfer-done {
		padding: 0 14px;
	}


	.tournament-item.tournament1 .tournament-item-media {
		background-image: url("../img/tournament1_m.webp?v=2");
	}

	.tournament-item.tournament2 .tournament-item-media {
		background-image: url("../img/tournament2_m.webp?v=2");
	}

	.tournament-item.tournament3 .tournament-item-media {
		background-image: url("../img/tournament3_m.webp?v=2");
	}


	.tournaments-inners-page .tournament-item .tournament-description .text-fund, .tournament-item .tournament-description .text-fund {
		font-size: 10px;
	}

	.tournaments-inners-page .tournament-item .tournament-description .text2 {
		font-size: 23px;
	}

	.tournaments-inners-page .tournament-item .tournament-description {
		gap: 0;
		padding: 0;
	}

	.tournaments-inners-page .tournament-item .btn-level, .tournament-item .btn-level {
		margin-top: 0;
		height: 17px;
		min-width: 90px;
		font-size: 6px;
		border-radius: 3px;
	}

	.profile-menu {
		margin: 30px auto 0;
		max-width: 100%;
	}

	.profile-frame {
		justify-content: flex-start;
	}

	.profile-menu-item {
		padding: 24px 10px;
	}

	.btn-log-out {
		margin: 30px auto 0;
	}

	.account-linking {
		margin-top: 30px;
		border-top: 2px solid rgba(242, 242, 242, 0.4);
		padding-top: 15px;
	}

	.modal-wrapper-profile {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.confirmation-block {
		margin: 15px auto 0;
	}

	.wrapper-my-profile {
		margin-top: 15px;
	}

	.form-profile .form-groups {
		gap: 8px;
		flex-direction: column;
	}

	.form-profile .form-group input {
		height: 40px;
		font-size: 14px;
	}

	.note-text {
		margin-top: 15px;
	}

	.form-profile .btn-save-profile {
		margin: 15px auto 0;
	}

	.capsule-my-profile .profile-menu {
		margin: 28px auto 0;
	}

	.bonus-history {
		text-align: center;
	}

	.form-profile .btn-bonus-filter {
		width: 100%;
		max-width: 450px;
	}

	.bonus-history-filter {
		gap: 22px;
		justify-content: center;
		padding: 0 9px;
	}

	.custom-select-wrapper {
		width: calc(50% - 11px);
		position: relative;
	}

	.progress-block {
		padding: 0 9px;
	}

	.wrapper-my-profile .wrap-table table {
		margin-top: 22px;
	}

	.bonus-spins:before {
		top: -22px;
	}

	.bonus-spins {
		margin-top: 44px;
		padding: 0 9px;
	}

	.form-profile .btn-bonus-play {
		min-width: auto;
		width: 96%;
		max-width: 400px;
	}

	.form-profile .btn-back-arrow {
		left: 0;
	}

	.modal-alert-authentication .modal-alert-title {
		padding: 0px 27px;
	}

	.modal-alert-authentication .modal-wrapper {
		width: 95%;
	}

	.modal-alert-authentication .modal-wrapper {
		padding: 16px;
	}

	.dop-page-wrapper .block-slots-title {
		font-size: 16px;
		text-align: center;
	}

	/* Contacts page mobile */
	.contacts-title {
		font-size: 20px;
	}

	.contacts-subtitle {
		font-size: 13px;
		padding: 0 8px;
	}

	.contacts-header {
		margin-bottom: 24px;
	}

	.contacts-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	@media (min-width: 600px) {
		.contacts-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.contact-card-image {
		height: 120px;
	}

	.contact-card-body {
		padding: 16px 16px 20px;
	}

	.contact-btn {
		padding: 12px 16px;
		font-size: 14px;
		min-height: 44px;
	}

	.contacts-info-text {
		margin-top: 24px;
		padding: 0 8px;
	}

	.dop-page-content p {
		margin-top: 15px;
	}

	.dop-page-content ul, .dop-page-content ol {
		margin-top: 15px;
	}

	.dop-page-content h2, .dop-page-content h3, .dop-page-content h4 {
		margin-top: 15px;
		text-align: center;
	}

	.drop .answer {
		padding: 0 50px 12px 12px;
	}

	.drop .question {
		padding: 12px 50px 16px 12px;
	}

	.page-providers-inners .provider-item {
		width: 100%;
	}

	.page-providers-inners {
		flex-direction: column;
		gap: 8px;
	}

	.tournament-description p, .tournaments-inners-page .tournament-item .tournament-description p {
		font-size: 14px;
	}

	.tournaments-inners-page .tournament-item.tournament2 .tournament-description .text1 {
		font-size: 13px;
	}

	.tournaments-inners-page .tournament-item.tournament2 .tournament-description .text2, .tournament-item.tournament2 .tournament-description .text2 {
		font-size: 18px;
	}

	.tournaments-inners-page .tournament-item.tournament2 .tournament-description {
		gap: 5px;
		padding-left: 12px;
	}

	.tournaments-inners-page .tournament-item .tournament-description {
		gap: 3px;
	}

	.tournaments-inners-page .tournament-item.tournament3 .tournament-description p {
		font-size: 13px;
	}

	.tournaments-inners-page .tournament-item.tournament3 .tournament-description .text2 {
		font-size: 18px;
	}

	.tournaments-inners-page .tournament-item.tournament3 .tournament-description {
		max-width: 60%;
		margin-right: 5px;
	}

	.tournament-item .tournament-description p {
		font-size: 14px;
	}

	.tournament-item .tournament-description .text2 {
		font-size: 23px;
		line-height: 1;
	}

	.tournament-item.tournament3 .tournament-description .text2 {
		font-size: 18px;
	}

	.withdrawals-top {
		padding: 0 8px;
	}
}

@media screen and (max-width: 500px) {
	.slot-item {
		aspect-ratio: 1 / 1;
	}

	.footer-socials {
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 24px;
	}

	.list-socials .socials-item {
		width: 43px;
		height: 43px;
	}

	.block-slots .slider-indent.slider-tournament {
		padding: 0 8px;
	}

	.btn-tournament {
		margin-top: 2px;
	}

	.slots-container .slot-item {
		width: calc(50% - 4px);
		aspect-ratio: 1 / 1;
	}

	.page-slots-inners {
		gap: 8px;
	}

	.page-slots-inners .slot-item {
		width: calc(50% - 4px);
		aspect-ratio: 1 / 1;
	}

	.form-group-amount input::placeholder, .form-group-amount input {
		text-align: center;
	}

	.lottery-item-info {
		height: 111px;
	}

	.exchange-quantity {
		width: 100%;
		max-width: 120px;
	}

	.exchange-rate {
		width: 100%;
		max-width: 150px;
		min-width: 100px;
	}

	.exchange-receive {
		flex: auto;
		width: 100%;
		max-width: 150px;
	}

	.exchange-block {
		justify-content: space-between;
		gap: 14px;
	}

	.bonus-data {
		margin: 15px auto 0;
		max-width: 270px;
	}

	.tournament-item .tournament-item-media, .tournaments-inners-page .tournament-item .tournament-item-media {
		height: 116px;
	}



}

@media screen and (max-width: 400px) {

}

@media screen and (max-width: 350px) {
	.coin-item {
		gap: 5px;
		padding: 5px 5px;
		font-size: 10px;
	}
}

/* ── Autofill override ── */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #080c18 inset !important;
	-webkit-text-fill-color: #ffffff !important;
	transition: background-color 5000s ease-in-out 0s;
	caret-color: #fff;
}

.form-group.unverified input:-webkit-autofill {
	-webkit-text-fill-color: #ff3b2f !important;
}

/* ── Deposit button in profile modal header ── */
.modal-prof .modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.btn-deposit-modal {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 24px;
	border: 1px solid #b0f566;
	border-radius: 8px;
	color: #b0f566;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	background: transparent;
	cursor: pointer;
	transition: background-color 0.3s;
	margin-left: auto;
	margin-right: 16px;
	text-decoration: none;
}

.btn-deposit-modal:hover {
	background: rgba(176, 245, 102, 0.1);
}

.btn-deposit-modal:visited,
.btn-deposit-modal:link {
	color: #b0f566;
}

/* ── Partner statistics placeholder ── */
.partner-statistics {
	text-align: center;
	margin-top: 20px;
}

.partner-statistics .caption-text {
	margin-bottom: 10px;
}

.partner-statistics .no-stats {
	color: #6b7a99;
	margin-top: 10px;
}