:root {
		--dark-blue: linear-gradient(9deg, #48648194 0%, #e3f5bd 76%);
		--blue: #292925;
		--yellow: #6c757d;
		--green: #83b812;
		--red: #83b812;
		--light-blue: #6d839e;
		--mobile-app-hover-blue: linear-gradient(270deg, #696978, #4f4a52);
		--blue-300: #272a2d;
		--orange: #83b812;
		--banners-blue: #fff;
		--color-text: #292925;
		--footer-background: #e1e5de;
		--background-bloks: #e3f5bd;
		--accent-color: #90c600;

		--header-color: #fcb519;
		--text-color: #292925;
	}

	h1 {
		line-height: 1 !important;
		color: var(--color-text) !important;
		font-size: 2.8125rem !important;
		text-transform: uppercase !important;
		margin-top: 15px !important;

		@media (max-width: 768px) {
			font-size: 2.25rem !important;
		}

		@media (max-width: 480px) {
			font-size: 2rem !important;
		}
	}

	h2 {
		font-size: 2.25rem !important;
		font-weight: 700 !important;
		color: var(--header-color);
		text-transform: uppercase !important;
		margin-bottom: 0.625rem !important;
		margin-top: 15px !important;

		@media (max-width: 768px) {
			font-size: 2rem !important;
		}

		@media (max-width: 480px) {
			font-size: 1.75rem !important;
		}
	}

	h3 {
		font-size: 1.75rem !important;
		font-weight: 700 !important;
		color: var(--text-color) !important;
		text-transform: uppercase !important;
		text-decoration: dotted !important;
		margin-top: 0.9375rem !important;
		margin-top: 15px !important;

		@media (max-width: 768px) {
			font-size: 1.5rem !important;
		}

		@media (max-width: 480px) {
			font-size: 1.25rem !important;
		}
	}

	a {
		color: var(--accent-color) !important;
		text-decoration: none !important;
	}

	a:hover {
		text-decoration: underline;
		color: var(--header-color);
		transition: 0.3s all;
	}

	/* ol {
		margin-left: 30px !important;
	}
	*/
	ul,
	ol {
		font-size: 1.25rem !important;
		font-weight: 300 !important;
		color: var(--text-color) !important;
		margin-bottom: 0.9375rem !important;
		line-height: 1.75rem !important;
		margin-top: 15px !important;

		@media (max-width: 768px) {
			font-size: 1.125rem !important;
			line-height: 1.5rem !important;
		}

		@media (max-width: 480px) {
			font-size: 1rem !important;
			line-height: 1.375rem !important;
		}
	}

	p {
		font-size: 1.25rem !important;
		line-height: 1.75rem !important;
		font-weight: 300 !important;
		color: var(--text-color) !important;
		margin-top: 15px !important;

		@media (max-width: 768px) {
			font-size: 1.125rem !important;
			line-height: 1.5rem !important;
		}

		@media (max-width: 480px) {
			font-size: 1rem !important;
			line-height: 1.375rem !important;
		}
	}

	h2:first-child,
	h1:first-child,
	h3:first-child,
	p:first-child {
		margin-top: 0 !important;
	}

	* {
		font-family: 'Roboto', sans-serif;
	}

	@media (min-width: 1200px) {
		.container {
			width: 1240px;
			max-width: calc(100vw - 30px);
		}
	}
	/* helpers */
	.margin-right-10 {
		margin-right: 10px;
	}

	.max-width-100 {
		max-width: 100%;
	}

	.margin-bottom-24 {
		margin-bottom: 24px;
	}

	.margin-bottom-12 {
		margin-bottom: 12px;
	}

	.font-size-20 {
		font-size: 20px;
	}

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

	h1,
	h2,
	h3,
	p {
		margin: 0;
		color: var(--color-text);
	}
	/* helpers end */

	/* Button with white hover border */

	.button-border-hover span {
		padding: 0 18px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 34px;
		/*border-radius: 100px;*/
		color: #fff;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		font-weight: 600;
		/*transform: skew(-15deg,0);*/
	}

	.button-border-hover:hover {
		text-decoration: none;
	}

	.button-border-hover {
		border-radius: 100px;
		border-radius: 6px;
		margin-top: 2%;
	}

	.button-border-hover:hover span {
		border-color: #fff;
		background: #60605a;
		border-radius: 6px;
	}

	.button-border-hover--green {
		/*border-radius: 6px;*/

		border-radius: 0 6px 6px 0;
		height: 44px;
		font-size: 16px;
		background: linear-gradient(270deg, #696978, #4f4a52);
	}

	.button-border-hover--green span {
		/*background: var(--green);*/
		/*background-color: #83b812;*/
		/*border: 3px solid var(--green);*/
		color: #fff;
		border-radius: 6px;
		background-color: #292925;
		border-radius: 0 6px 6px 0;
		height: 44px;
		font-size: 16px;
	}

	.button-border-hover--red {
		/*border: 1px solid var(--red);*/
		border-radius: 6px 0 0 6px;
		/* height: 44px;*/
		font-size: 16px;
		background: var(--header-color);
	}

	.button-border-hover--red span {
		background: var(--header-color);
		border-radius: 6px;
		/*  border: 3px solid var(--red);*/
	}

	.button-border-hover--orange {
		/* border: 1px solid var(--orange);*/
		border-radius: 6px;
	}

	.button-border-hover--orange span {
		background: var(--header-color);
		/* border: 3px solid var(--orange);*/
		border-radius: 6px;
	}

	/* Button with white hover border end */

	/* app button */
	.app-button {
		padding: 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 36px;
		/*border-radius: 8px;*/
		color: #fff;
		background: var(--blue);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		/*transform: skew(-15deg,0);*/
	}

	.app-button svg {
		margin-right: 12px;
	}

	.app-button:hover {
		text-decoration: none;
		color: #60605a;
		background: var(--mobile-app-hover-blue);
	}

	/* Header Styles start */
	.button-base {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #ffc21d !important;
		background-color: #222;
		border-radius: 10px;
		height: 41px;
		font-weight: 700;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.header {
		background: #ffc21d;
		padding: 15px 0;

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

			.header-buttons-wrapper {
				display: flex;
				align-items: center;
				gap: 10px;
			}
		}
	}

	.logo img {
		height: 40px;
	}

	.menu {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.header-button {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 36px;
		padding: 0 4px;
		/*border-radius: 18px;*/
		border: 2px solid #000;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		/*transform: skew(-15deg,0);*/
	}

	.header-button-text {
		margin: 0 8px;
		font-weight: 600;
	}

	.promotions-button {
		background: var(--blue);
		border-color: var(--blue);
		margin-right: 24px;
		color: #fff;
	}

	.promotions-button:hover {
		background: var(--mobile-app-hover-blue);
		color: #fff;
		text-decoration: none;
	}

	.header-button-img {
		height: 100%;
		-webkit-transform: scale(1.55);
		-ms-transform: scale(1.55);
		transform: scale(1.55);
	}

	.free-money-button {
		background: -webkit-gradient(
			linear,
			left top,
			right top,
			from(#fac60a),
			to(#fac60a)
		);
		background: -o-linear-gradient(left, #2e3a47 0%, #2e3a47 100%);
		/* background: linear-gradient(90deg, #2e3a47 0%, #2e3a47 100%);*/
		background: var(--blue);
		border-color: var(--yellow);
		color: #fff;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.free-money-button:hover {
		background: -webkit-gradient(
			linear,
			left top,
			right top,
			from(#fac60a),
			to(#e37e20)
		);
		background: -o-linear-gradient(left, #2e3a47 0%, #2e3a47 100%);
		/*background: linear-gradient(90deg, #2e3a47 0%, #2e3a47 100%);*/
		color: var(--blue);
		text-decoration: none;
		background: var(--mobile-app-hover-blue);
	}

	.free-money-button svg path {
		stroke: var(--blue);
	}

	.free-money-button .header-button-img {
		position: relative;
		top: 4px;
		-webkit-transform: scale(1.95);
		-ms-transform: scale(1.95);
		transform: scale(1.95);
	}

	.menu-bottom-row {
		margin-top: 10px;
	}

	.navigation-list {
		padding-left: 0;
		margin-bottom: 0;
		list-style-type: none;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 15px;

		li {
			a {
				font-family: 'Poppins', sans-serif;
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 2px;
				color: #222 !important;
				font-size: 16px;
				line-height: 31px;
				text-decoration: none;
				font-weight: 500;
			}
		}
	}

	.navigation-list li a svg path.lines,
	.second-footer-top a.second-footer-link svg path.lines {
		fill: #fff;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.navigation-list li a:hover svg path.lines,
	.second-footer-top a.second-footer-link:hover svg path.lines {
		fill: var(--light-blue);
	}

	.bottom-menu-button {
		position: relative;
		padding: 0 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 36px;
		/* border-radius: 8px;*/
		color: #fff;
		background: var(--blue);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		margin-left: 30px;
		/*transform: skew(-15deg,0);*/
	}

	.bottom-menu-button:before {
		content: '...';
		position: absolute;
		left: 0;
		padding-right: 10px;
		-webkit-transform: translateX(-100%) translateY(-4px);
		-ms-transform: translateX(-100%) translateY(-4px);
		transform: translateX(-100%) translateY(-4px);
	}

	.bottom-menu-button svg {
		margin-right: 12px;
	}

	.bottom-menu-button:hover {
		text-decoration: none;
		color: #fff;
		background: var(--mobile-app-hover-blue);
	}

	.bottom-menu-button-wrap {
		position: relative;
	}

	.hidden-menu {
		position: absolute;
		padding: 20px;
		background: var(--dark-blue);
		bottom: 0;
		left: 0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		z-index: 2;
		border-radius: 5px;
	}

	.hidden-menu ul {
		margin: 0;
		padding: 0;
	}

	.hidden-menu ul li {
		margin-bottom: 12px;
	}

	.hidden-menu ul li:last-child {
		margin-bottom: 0;
	}

	.hidden-menu ul a {
		color: #fff;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.hidden-menu ul a svg path.lines {
		fill: #fff;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.hidden-menu ul a:hover {
		color: var(--light-blue);
		text-decoration: none;
	}

	.hidden-menu ul a:hover svg path.lines {
		fill: var(--light-blue);
	}

	.bottom-menu-button-margin-right {
		margin-right: 20px;
	}

	.lang-switch-wrap {
		position: relative;
	}

	.lang-switch-wrap img {
		width: 35px;
		height: 35px;
	}

	.lang-switch {
		cursor: pointer;
		padding: 0 8px;
		height: 100%;
		/* background: var(--blue);
		border-radius: 18px;
	*/
	}

	.lang-switch .chevron {
		margin-left: 11px;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.lang-switch-wrap.open .lang-switch .chevron {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.lang-switch-list-wrap {
		display: none;
		position: absolute;
		top: calc(100% + 12px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 1;
	}

	.lang-switch-wrap.open .lang-switch-list-wrap {
		display: block;
	}

	.lang-switch-list {
		position: relative;
		margin: 0;
		padding: 0;
		background: #fff;
		-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
		list-style: none;
		border-radius: 8px;
	}

	.lang-switch-list::before {
		position: absolute;
		left: 50%;
		top: -5px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		content: '';
		width: 0;
		height: 0;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 5px solid #fff;
	}

	.lang-switch-list li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 12px;
		color: var(--dark-blue);
		font-weight: 600;
		cursor: pointer;
	}

	.lang-switch-list li a:hover {
		text-decoration: none;
	}

	.lang-switch-list li a svg {
		margin-right: 12px;
	}

	/* Header Styles end */

	/* Banner Styles start */

	.banner {
		margin-top: 30px;
		background: var(--banners-blue);
		border-radius: 10px;
	}

	.banner .carousel-item-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}

	.banner .carousel-item .slider-img {
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.banner .carousel-indicators {
		margin-top: 0px !important;
		position: static;
		margin-bottom: 0 !important;
	}

	.carousel-inner {
		border-radius: 10px;
	}

	.banner .carousel-navigation {
		position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center !important;
		bottom: 25px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 15;
	}

	.banner .carousel-indicators .indicator {
		width: 8px;
		height: 8px;
		border-radius: 100%;
		background-color: #fff !important;
		margin-bottom: 0px !important;

		svg {
			fill: #fff;
		}
	}

	.banner .carousel-navigation a {
		display: block;
		position: static;
		min-width: 24px;
		height: 24px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-radius: 12px;
		background: rgba(242, 243, 246, 0.2);
		opacity: 1;
	}

	.banner .carousel-info {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.welcome-bonus-block .rating-text {
		margin-left: 10px;
		color: var(--blue-300);
		font-size: 18px;
	}

	.welcome-bonus-block .rating-text-bold {
		font-weight: 600;
		color: #fff;
	}

	.welcome-bonus-block h3 {
		color: var(--blue-300);
		font-size: 16px;
		margin-top: 5px;
		margin-bottom: 40px;
		text-transform: uppercase;
		text-align: center;
	}

	.welcome-bonus-block h1,
	.welcome-bonus-block .h1 {
		color: var(--color-text);
		font-weight: 700;
		font-size: 60px;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 26px;
	}

	.welcome-bonus-block h4 {
		color: var(--color-text);
		font-weight: 700;
		font-size: 24px;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 22px;
	}

	.welcome-bonus-block h2 {
		font-size: 40px;
		font-weight: 700;
		color: var(--color-text);
		margin-bottom: 22px;
	}

	.welcome-bonus-block h2 .orange {
		font-weight: 900;
		color: var(--orange);
	}

	.welcome-bonus-block h2 .green {
		font-weight: 900;
		color: var(--green);
	}

	.welcome-bonus-block .button-border-hover span {
		width: 175px;
		height: 54px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	@media (max-width: 768px) {
		.welcome-bonus-block h2 {
		}
	}

	@media (min-width: 1025px) {
		.welcome-bonus-block h2 {
			margin-top: 15%;
			margin-bottom: -20px;
		}
	}

	/* Banner Styles end */

	/* welcome-bonus section */
	.welcome-bonus {
		margin-top: 48px;
	}

	.welcome-bonus .welcome-bonus-block {
		padding: 70px 0;
		background: var(--banners-blue);
		border-radius: 36px;
		background-image: url(../img/soccer.jpg);
		background-size: cover;
		background-position: 100% 100%;
		background-repeat: no-repeat;
	}

	.welcome-bonus-block-mini {
		padding: 25px 20px;
		background: var(--banners-blue);
		/*  background-image: url(../img/welcome-bonus-mini-bg.png);*/
		background-image: url(/wp-content/uploads/2024/12/banner-royal-cash.webp);
		background-position: 100% 100%;
		background-size: cover;
		background-repeat: no-repeat;
		border-radius: 36px;
	}

	.welcome-bonus-block-mini h2 {
		font-size: 36px;
		font-weight: 700;
		color: var(--color-text);
		text-transform: uppercase;
		margin-bottom: 16px;
	}

	.welcome-bonus-block-mini p {
		/*color: var(--blue-300);*/
		color: var(--color-text);
		font-size: 16px;
		font-weight: 500;
		max-width: 360px;
		margin-bottom: 12px;
	}

	.welcome-bonus-block-mini .button-border-hover span {
		height: 40px;
		font-size: 16px;
	}
	/* welcome-bonus end */

	/*game-block section*/

	.game-block {
		margin-top: 48px;
	}

	.game-block .game-block--border {
		/* border: 2px solid #F2F3F6;
		border-radius: 36px;*/
		padding: 10px;
	}

	.game-block-mini {
		padding: 16px 16px 24px;
		background: -o-linear-gradient(23.13deg, #2e3a47 3.98%, #2e3a47 100.83%);
		background: linear-gradient(66.87deg, #2e3a47 3.98%, #2e3a47 100.83%);
		border-radius: 24px;
		display: block;
		margin-bottom: 10px;
	}

	.game-block-mini:hover {
		text-decoration: none;
	}

	.game-block-mini--heading .game-block-mini--heading-h3 {
		font-size: 20px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
	}

	.game-block-mini .game-block-mini--background-img {
		background: var(--light-blue);
		border-radius: 100%;
		height: 58px;
		width: 58px;
	}
	.game-block-mini .game-block-mini--background-im .game-block-mini--img {
		width: 34px;
		height: 34px;
	}

	.game-block-mini .game-block-mini--p {
		font-size: 16px;
		color: var(--blue-300);
	}

	/*game-block end*/

	/*advantages section*/
	.advantages {
		margin-top: 48px;
	}

	.advantages .advantages--border {
		/* border: 2px solid #F2F3F6;*/
		padding: 10px;
		border-radius: 36px;
		/* background-image: url(/wp-content/uploads/2024/11/Tournaments.webp);
	background-image: url(/wp-content/uploads/2024/11/first-dep1.webp);
		background-repeat: no-repeat;
		background-size: cover;*/
		/* background-position: 100% 100%;*/
	}

	.advantages .advantages--h {
		font-size: 36px;
		color: #060714;
		margin: 4px 0px 36px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.advantages .advantages--list {
		margin-bottom: 24px;
	}

	.advantages .advantages--list-items {
		width: 100%;
		padding: 20px 24px 20px 4px;
		margin-bottom: 10px;
		border-radius: 100px;

		box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	}

	.advantages .advantages--list-items:nth-child(2n) {
		background-color: var(--accent-color);
		box-shadow: none;

		.advantages--text-h3 {
			color: #fff !important;
		}
		
		a{
			color: var(--header-color) !important;
		}

		.advantages--text-p {
			color: #fff !important;
		}
		
		
	}

	.advantages .advantages--list-items:last-child {
		margin-bottom: 0;
	}

	.advantages .advantages--list-items .advantages-list-items--background-img {
		min-width: 56px;
		height: 56px;
		border-radius: 100%;
		margin-right: 10px;
	}
	.advantages
		.advantages-list-items---background-img
		.advantages-list-items--img {
		width: 24px;
		height: 24px;
	}

	.advantages .advantages--text-h3 {
		font-size: 20px;
		font-weight: 700;
	}

	.advantages .advantages--text-p {
		font-size: 16px;
		margin-top: 0px !important;
	}

	.advantages .button-border-hover span {
		height: 54px;
	}

	/* how to sign up */
	.how-to-sign-up {
		margin-top: 44px;
	}

	.how-to-sign-up .how-to-sign-up--background {
	}

	.how-to-sign-up--padding {
		background-color: #fff;
		padding: 24px;
	}

	.how-to-sign-up .how-to-sign-up--accordion-card {
		position: relative;
		background: rgba(242, 243, 246, 0.1);
		padding-left: 90px;
		margin-bottom: 20px;
		box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	}

	.how-to-sign-up .how-to-sign-up--accordion-button {
		min-height: 64px;
		overflow: hidden;
		width: 100%;
		padding: 4px 0;
		text-align: left;
		border: none;
		cursor: pointer;
		background: none;
	}

	.how-to-sign-up .how-to-sign-up--accordion-button:focus {
		outline: none;
	}

	.how-to-sign-up .how-to-sign-up--accordion-button--step {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--accent-color);
		top: 0px;
		left: 0px;
		height: 56px;
		width: 65px;
		background-size: contain;
		background-repeat: no-repeat;
		text-align: center;
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		border-radius: 10px;
	}

	.how-to-sign-up .how-to-sign-up--accordion-button--step.ok {
		padding-top: 16px;
	}

	.how-to-sign-up .how-to-sign-up--accordion-button--text-top {
		color: var(--color-text) !important;
		font-size: 20px !important;
		font-weight: 900 !important;
		margin-bottom: 8px !important;
		margin-top: 0px !important;
	}

	.how-to-sign-up .how-to-sign-up--accordion-button--text-bottom {
		font-size: 16px;
		font-weight: 300;
		color: var(--blue-300);
	}

	.how-to-sign-up .how-to-sign-up--accordion-list {
		list-style: none;
		padding-top: 16px;
		margin-bottom: 0;
		padding-left: 0;
		color: var(--color-text);
		font-size: 16px;
		font-weight: 300;
		padding-bottom: 34px;
	}

	.how-to-sign-up .how-to-sign-up--accordion-list li {
		padding-left: 36px;
		position: relative;
	}

	.how-to-sign-up .how-to-sign-up--accordion-list li:before {
		content: '';
		width: 4px;
		height: 4px;
		border-radius: 100px;
		background: var(--color-text);
		position: absolute;
		top: 50%;
		left: 20px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.how-to-sign-up .button-border-hover span {
		height: 54px;
	}

	/* rating block */
	.rating {
		margin-top: 44px;
	}

	.rating .rating--background {
	}

	.rating .rating--background h2 {
		font-size: 36px;
		font-weight: 700;
		color: var(--color-text);
		text-transform: uppercase;
		margin-bottom: 46px;
	}

	.rating .rating-row {
		border-radius: 100px;
		padding: 8px;
		display: flex;
		align-items: center;
		margin-bottom: 8px;
		box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);

		P {
			margin-top: 0px !important;
		}
	}

	.rating .rating-row:last-child {
		margin-bottom: 0;
	}

	.rating .rating-row-left {
		border-radius: 100px;
		padding: 4px 16px 4px 16px;
		/* background: #fff;*/
		-webkit-box-shadow: 0px 10px 20px 0px #0000001a;
		box-shadow: 0px 10px 20px 0px #0000001a;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 20px;
		font-weight: 700;
		background-color: var(--accent-color);
	}

	.rating .rating-row p {
		font-size: 16px;
		font-weight: 600;
		margin-left: 8px;
		color: var(--color-text);
	}

	.rating .rating-row-left img {
		margin-left: 8px;
	}

	.rating .rating-right-column {
		padding-top: 16px;
	}

	.rating .rating-right-column img {
		width: 54px;
		margin-bottom: 8px;
	}

	.rating .rating-right-column h3 {
		font-size: 60px;
		font-weight: 700;
		color: var(--color-text);
		margin-bottom: 0;
	}

	.rating .rating-right-column h4 {
		font-size: 20px;
		font-weight: 700;
		color: var(--color-text);
		text-align: center;
		margin-bottom: 16px;
		text-transform: uppercase;
	}

	.rating .rating-right-column .button-border-hover span {
		height: 54px;
	}

	/* info block */

	.info {
		margin-top: 44px;
	}

	.info .info-inner {
	}

	.info .info-inner h2 {
		font-size: 36px;
		color: var(--color-text);
		font-weight: 700;
		margin-bottom: 24px;
		text-transform: uppercase;
	}

	.info-wrapper {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.info .info-table {
		/* border: 2px solid #F2F3F6;*/
		border-radius: 24px;
		overflow: hidden;
	}

	.info .info-table-row {
		/* background: #232e39;
	/* border-bottom: 1px solid #F2F3F6;*/
		box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
		border-radius: 24px;
	}

	.info .info-table-row:nth-child(2n) {
		box-shadow: none;
		background-color: var(--accent-color);
		color: #fff !important;
	}

	.info {
		.info-table-row:nth-child(2n) {
			.info-table-row-left {
				h6 {
					color: #fff !important;
				}
			}

			.info-table-row-right {
				p {
					color: #fff !important;
				}
			}
		}
	}

	.info .info-table-row:last-child {
		border-bottom: none;
	}

	.info .info-table-row-left {
		width: 45%;
		/*position: relative;*/
		padding: 18px 20px;
	}

	.info .info-table-row-left:before {
		/* content: '';*/
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 7px;
		height: 34px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		background: var(--orange);
	}

	.info .info-img-wrap {
		min-width: 56px;
		height: 56px;
		border-radius: 100px;
		/* background: -o-linear-gradient(307.49deg, #0D1D34 17.34%, #27569A 100%);*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-right: 24px;
	}

	.info .info-table-row-left h6 {
		font-size: 20px;
		font-weight: 600;
		color: var(--blue);
		margin-bottom: 0;
	}

	.info .info-table-row-right {
		width: 55%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.info .info-table-row-right p {
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 0;
		color: var(--blue-300);
	}

	/* casino block */

	.casino {
		margin-top: 44px;
	}

	.casino .casino-inner {
		/*  border-radius: 36px;
		border: 2px solid #F2F3F6;*/
		-webkit-box-shadow: 0px 10px 20px 0px #00000008;
		box-shadow: 0px 10px 20px 0px #00000008;
		padding: 10px;
	}

	.casino .casino-inner h2 {
		font-weight: 700;
		font-size: 36px;
		color: var(--dark-blue);
		text-transform: uppercase;
	}

	.casino .casino-inner h2 span {
		color: var(--light-blue);
		font-size: 32px;
	}

	.casino .casino-show-all {
		color: var(--color-text);
		font-size: 20px;
		font-weight: 700;
		border-bottom: 2px solid #7dc72e;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.casino .casino-show-all:hover {
		text-decoration: none;
		color: var(--blue);
		border-color: var(--blue);
	}

	.casino .casino-top {
		margin-bottom: 36px;
	}

	.casino .casino-inner img {
		width: 100%;
		margin-bottom: 24px;
	}

	/* our-bonuses block */

	.our-bonuses {
		margin-top: 44px;
	}

	.our-bonuses-row {
		margin-bottom: 20px;
		align-items: center;
		justify-content: center;
		gap: 20px;
	}

	.our-bonuses .our-bonuses-inner {
	}

	.our-bonuses .our-bonuses-inner h2 {
		margin-bottom: 36px;
		font-size: 36px;
		font-weight: 700;
		color: var(--color-text);
		text-transform: uppercase;
	}

	.our-bonuses .our-bonuses-block {
		display: flex;
		flex-direction: column;
		height: 330px;
		justify-content: space-between;
		background-size: cover;
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 22px;
		position: relative;
		border-radius: 24px;
		box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	}

	.our-bonuses .our-bonuses-block-icon {
		position: absolute;
		top: 0;
		left: 36px;
		height: 83px;
	}

	.our-bonuses .our-bonuses-block-money {
		width: 50%;
		margin-bottom: 12px;
	}

	.our-bonuses .our-bonuses-block h3 {
		padding-bottom: 10px;
		border-bottom: 4px solid var(--header-color);
		color: var(--color-text);
		font-size: 20px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.our-bonuses .our-bonuses-block h3 span {
		color: var(--green);
	}

	.our-bonuses .our-bonuses-block p {
		color: var(--blue-300);
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 22px;
	}

	.our-bonuses .our-bonuses-block .button-border-hover span {
		height: 54px;
	}

	.our-bonuses .our-bonuses-big-block {
		border-radius: 24px;
		background-size: cover;
		background-position: 100% 100%;
		background-repeat: no-repeat;
	}

	.our-bonuses .our-bonuses-money-bg {
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: 100%;
		background-position-y: 50%;
	}

	.our-bonuses .our-bonuses-big-block h3 {
		text-transform: uppercase;
		font-size: 32px;
		font-weight: 700;
		color: var(--color-text);
		margin-bottom: 16px;
	}

	.our-bonuses .our-bonuses-big-block h3 span {
		color: var(--green);
	}

	.our-bonuses .our-bonuses-big-block p {
		font-size: 18px;
		font-weight: 500;
		color: var(--blue-300);
		margin-bottom: 24px;
		width: 80%;
	}

	.our-bonuses .our-bonuses-step-block {
		position: relative;
		padding: 24px;
		border-radius: 16px;
		box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
		height: 250px;
	}

	.our-bonuses .our-bonuses-step-block h4 {
		font-size: 20px;
		font-weight: 500;
		text-transform: uppercase;
		color: var(--color-text);
		margin-bottom: 0;
	}

	.our-bonuses .our-bonuses-step-block h5 {
		color: var(--yellow);
		font-size: 14px;
		font-weight: 500;
		margin-bottom: 8px;
	}

	.our-bonuses .our-bonuses-step-block p {
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 500;
		color: var(--blue-300);
	}

	.our-bonuses .our-bonuses-step-block .our-bonuses-step {
		position: absolute;
		right: 0;
		top: 0;
		width: 135px;
		height: 100%;
		/* background-image: url(../img/our-bonuses-big-block-step-bg.svg);*/
		background-repeat: no-repeat;
		background-size: contain;
		background-position-x: 100%;
		font-size: 20px;
		color: var(--color-text);
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		padding-top: 22px;
		padding-left: 44px;
	}

	/* faq block */

	.faq {
		margin-top: 44px;
	}

	.faq .faq-inner {
		border-radius: 36px;
		/* border: 2px solid rgba(242, 243, 246, 1);*/
		-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
		box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
		/*padding: 15px;*/
	}

	.faq .faq-inner h2 {
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 32px;
		color: var(--color-text);
		text-transform: uppercase;
	}

	.faq .faq-question-block {
		position: relative;
		padding: 17px;
		padding-left: 78px;
		border-radius: 30px;
		margin-bottom: 16px;
	}

	.faq .faq-question-block:last-child {
		margin-bottom: 0;
	}

	.faq .faq-question-block h6 {
		color: var(--color-text);
		font-weight: 700;
		font-size: 20px;
		margin-bottom: 16px;
	}

	.faq .faq-question-block p {
		color: var(--color-text);
		font-weight: 500;
		font-size: 18px;
		margin-bottom: 0;
	}

	.faq .faq-question-block-number {
		background-color: var(--accent-color);
		position: absolute;
		left: 3px;
		top: 3px;
		height: 56px;
		width: 56px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 20px;
		font-weight: 700;
	}

	/* bonuses block */

	.bonuses {
		margin-top: 44px;
	}

	.bonuses .bonuses-inner {
		/*    border-radius: 36px;
		border: 2px solid rgba(242, 243, 246, 1);
		-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
						box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);*/
		padding: 10px;
	}

	.bonuses .bonuses-inner h2 {
		font-size: 36px;
		font-weight: 700;
		margin-bottom: 32px;
		color: var(--color-text);
		text-transform: uppercase;
	}

	.bonuses .bonuses-inner .bonuses--block {
		background: var(--dark-blue);
		/*  background-image: url(../img/our-bonuses-block-bg.png);*/
		background-size: cover;
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 22px;
		position: relative;
		border-radius: 24px;
		margin-bottom: 20px;
	}
	.bonuses .bonuses-inner .bonuses--block .bonuses-block--game-border {
		border: 1px solid #f2f3f6;
		border-radius: 20px;
		padding: 15px;
		position: relative;
	}
	.bonuses
		.bonuses-inner
		.bonuses--block
		.bonuses-block--game-border
		.bonuses-block--game-icon {
		position: absolute;
		right: 50%;
		-webkit-transform: translateX(50%) translateY(-50%);
		-ms-transform: translateX(50%) translateY(-50%);
		transform: translateX(50%) translateY(-50%);
		height: 44px;
		border-radius: 100%;
		top: 0;
	}

	.bonuses .bonuses-inner .bonuses--block .bonuses-block--game {
		padding: 20px;
		background: -o-linear-gradient(
			351.62deg,
			rgba(54, 76, 107, 0.5) 0.66%,
			rgba(105, 147, 209, 0.025) 99.97%
		);
		background: linear-gradient(
			98.38deg,
			rgba(54, 76, 107, 0.5) 0.66%,
			rgba(105, 147, 209, 0.025) 99.97%
		);
		border-radius: 16px;
	}
	.bonuses .bonuses-inner .bonuses-block--game h3 {
		font-size: 20px;
		font-weight: 700;
		color: var(--color-text);
		margin-bottom: 10px;
	}

	.bonuses .bonuses-inner .bonuses-block--game p {
		font-size: 16px;
		font-weight: 500;
		color: var(--color-text);
		margin-bottom: 10px;
		text-align: center;
	}

	.bonuses .bonuses-inner .button-border-hover--green span {
		height: 54px;
	}

	/* bonuses block end */

	/* download block */

	.download {
		margin-top: 44px;
	}

	.download-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 30px;
	}

	.download .download--background {
		/* background-image: url(/wp-content/uploads/2025/01/jq7j6juwn0kv0ld93sqn.webp);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 80px; */
		background-color: var(--dark-blue);
		border-radius: 35px;
		padding: 10px;

		/*background: var(--dark-blue);*/
	}

	.download .logo-download img {
		width: 250px;
		max-width: 100%;
		border-radius: 10px;
		box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	}

	.download .download--block-button .button-border-hover--green:first-child {
		margin-bottom: 20px;
	}

	.download .download--block-button .button-border-hover--green span {
		height: 54px;
	}

	.download .download--block-button .button-border-hover--green span img {
		height: 24px;
		width: 24px;
		margin-right: 10px;
	}

	/* download block end*/

	.general-information {
		margin-top: 60px;
	}

	.general-information .general-information--border {
		/* -webkit-box-shadow: 0px 10px 20px 0px #00000008;
		box-shadow: 0px 10px 20px 0px #00000008;
		padding: 3em; */
	}

	@media (max-width: 1200px) {
		.general-information .general-information--border {
			margin-top: 5%;
		}
	}

	@media (max-width: 1100px) {
		.general-information .general-information--border {
			margin-top: 8%;
		}
	}

	@media (min-width: 1920px) {
		.general-information .general-information--border {
			margin-top: 5%;
		}
	}

	.general-information h2 {
		font-size: 36px;
		font-weight: 700;
		color: var(--color-text);
		text-transform: uppercase;
		margin-bottom: 10px !important;
	}

	.general-information p {
		font-size: 16px;
		font-weight: 300;
		color: var(--color-text);
		margin-bottom: 15px !important;
	}

	.general-information ul {
		font-size: 16px;
		font-weight: 300;
		color: var(--color-text);
		margin-bottom: 15px !important;
	}

	.general-information ol {
		font-size: 16px;
		font-weight: 300;
		color: var(--color-text);
		margin-bottom: 15px !important;
	}

	/* footer style */

	footer {
		background: var(--footer-background);
		padding: 36px 0;
		margin-top: 30px;
	}

	footer .logo {
		margin-right: 26px;
	}

	.footer-info {
		width: 100%;
	}

	footer .footer-info p {
		font-size: 12px;
		font-weight: 400;
		color: var(--light-blue);
		margin-bottom: 0;
		max-width: calc(100% - 110px);
	}

	footer .only-18 {
		width: 60px;
		height: 60px;
		background: #f02c2c;
		font-size: 24px;
		font-weight: 700;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-radius: 100px;
	}

	footer .footer-info-top {
		margin-bottom: 26px;
	}

	footer .navigation-list li a {
		margin-right: 15px;
	}

	/* second footer */

	.second-footer {
		margin-top: 44px;
	}

	.second-footer .second-footer-column {
		width: 25%;
		margin-right: 1%;
	}

	.second-footer .second-footer-sublink {
		/* font-size: 16px;
		font-weight: 400;
		color: var(--light-blue);
		margin-bottom: 4px;
	*/
		text-align: left;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		color: #5a6446;
		transition: all 0.3s ease;
	}

	.second-footer .second-footer-sublink:hover {
		text-decoration: none;
		color: #83b812;
	}

	.second-footer .second-footer-top {
		margin-bottom: 26px;
	}

	.second-footer .second-footer-third-column {
		width: 20%;
	}

	.app-button.app-button-second-footer {
		height: 52px;
		margin-bottom: 8px;
		margin-right: 0;
		width: 200px;
		border-radius: 10px;
	}

	.app-button.app-button-second-footer span {
		font-size: 14px;
		/*color: var(--light-blue);*/
		color: #fff;
	}

	.app-button.app-button-second-footer .bottom-text {
		font-size: 16px;
		margin-bottom: 0;
	}

	.app-button.app-button-second-footer svg {
		width: 24px;
		height: 24px;
	}

	.app-button.app-button-second-footer img {
		width: 28px;
	}

	.second-footer .second-footer-right-column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.navigation-list {
			margin-top: 0px !important;
			margin-bottom: 0px !important;
		}
	}

	.footer-inner {
		display: flex;
		flex-direction: column;
	}

	/* footer card block */

	.footer-card {
		margin-top: 44px;
	}

	.footer-card .social {
		width: 40px;
		height: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border: 1px solid var(--blue);
		border-radius: 100px;
		margin-right: 14px;
	}

	.footer-card .social:last-child {
		margin-right: 0;
	}

	.footer-card .social img {
		max-width: 18px;
	}

	.footer-card .brands {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.footer-card .brands img {
		max-height: 38px;
	}

	.footer-card .brands img.h-20 {
		max-height: 20px;
	}

	.footer-card .brands img.h-25 {
		max-height: 20px;
	}

	.footer-card .brands .img-wrap {
		margin-right: 22px;
	}

	.footer-card .brands .img-wrap:last-child {
		margin-right: 0;
	}

	.footer-card .brands-full-row {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.footer-card .brands-full-row img {
		margin-right: 0;
	}

	.footer-card .copyright p {
		font-size: 12px;
		font-weight: 400;
		color: var(--light-blue);
		margin-bottom: 0;
	}

	.footer-card .verification img {
		height: 56px;
	}

	.footer-card .verification img:last-child {
		margin-left: 16px;
	}

	.mobile-header {
		display: none;
	}

	.mobile-header {
		-webkit-box-shadow: 0px 10px 20px 0px #00000008;
		box-shadow: 0px 10px 20px 0px #00000008;
		background: var(--dark-blue);
		padding: 15px 0;
	}

	.burger-button {
		/* margin-left: 10px;*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 50px;
		width: 50px;
		background: #83b812;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		/*border-radius: 8px;*/
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 10px 0;
	}

	.burger-button span {
		width: 20px;
		height: 4px;
		border-radius: 100px;
		background: #fff;
	}

	.mobile-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: #fff;
		padding: 15px;
		z-index: 2;
	}

	.mobile-menu-inner {
		padding-top: 60px;

		.navigation-list {
			flex-direction: column;
			gap: 0px;
		}
	}

	.mobile-menu-inner .promotions-button {
		width: 240px;
		margin-bottom: 22px;
	}

	.mobile-menu-inner .free-money-button {
		width: 190px;
	}

	.mobile-menu-inner .border {
		border: 1px solid var(--light-blue);
		margin: 30px 0;
	}

	.mobile-menu-inner .navigation-list li {
		margin-bottom: 24px;
	}

	.footer-card .brands.brands-full-row {
		display: flex;
		gap: 20px;
		justify-content: center;
		align-items: center;
	}

	.footer-card .brands-full-row .img-wrap {
		display: inline-block;
		margin-right: 0;
	}

	.footer-card .brands-full-row .img-wrap img {
		height: auto;
		max-height: 31px;
		width: auto;
		max-width: 100%;
	}

	.HomePage__games {
		margin-top: 16px;
	}

	.GameList__more {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 28px;
	}

	.GameList__list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(188px, 1fr));
		grid-auto-rows: 1fr;
		column-gap: 18px;
		row-gap: 16px;
	}

	.GameCard {
		display: block;
		position: relative;
		border-radius: 16px;
		overflow: hidden;
	}

	.GameCard:before {
		content: '';
		display: block;
		height: 0;
		width: 0;
		padding-bottom: 115.5963302752%;
	}

	.GameCard__cover {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
	}

	.GameCard__cover img {
		width: 100%;
	}

	.GameCard__play {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 8px;
		padding: 16px;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
	}

	.GameCard:hover .GameCard__play {
		opacity: 1;
	}

	.GameCard__play:hover {
		background: #ff000080;
		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}

	.GameCard__play_real {
		background: #3156eb;
		border: none;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		margin-bottom: 8px;
	}

	.GameCard__play_btn {
		font-size: 14px;
		line-height: 130%;
		font-weight: 600;
		width: 100%;
		height: 51px;
		color: #fff;
		cursor: pointer;
	}

	.GameCard__play_demo {
		border-radius: 8px;
		background: transparent;
		border: 1px solid #fff;
	}

	.GameCard__play_demo:hover {
		background: transparent;
		/*border: 1px solid #fff;*/
	}

	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		justify-content: center;
		align-items: center;
	}

	.modal-content {
		position: relative;
		margin: 0 auto;
		padding: 0;
		background-color: #fff;
		width: 90%;
		max-width: 1200px;
		height: auto;
		border-radius: 10px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.Button__primary {
		background: #7dc72e;
		border: none;
		color: #fff;
	}

	.Button__primary:hover {
		background: var(--hoverPrimary);
	}

	.Button__primary.Button__disabled {
		background: var(--light-blue);
	}

	.Button__primary svg,
	.Button__primary path,
	.Button__primary rect {
		fill: var(--white);
	}

	.Button {
		display: flex;
		width: 100%;
		border-radius: 8px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
		font-size: 14px;
		line-height: 130%;
		font-weight: 600;
		height: 52px;
		text-transform: uppercase;
	}

	@media (max-width: 768px) {
		.GameList__list {
			grid-template-columns: repeat(2, 1fr);
			column-gap: 8px;
			row-gap: 8px;
		}

		.GameList__list .GameCard:nth-child(15) {
			display: none;
		}

		header .custom-logo-link img {
			max-width: 70px;
		}

		.category-options {
			margin-bottom: 10px;
		}
	}
	.GameCard__cover {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.GameCard__cover {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.GameCard__cover img {
		width: 100%;
	}

	.GameCard__name {
		position: absolute;
		width: 90%;
		left: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translate(-50%);
		text-align: center;
		top: 58%;
		height: 40%;
	}

	.GameCard__name {
		position: absolute;
		width: 90%;
		left: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: translate(-50%);
		text-align: center;
		top: 58%;
		height: 40%;
	}

	.GameCard__name span {
		font-size: 18px;
		line-height: 120%;
		font-weight: 700;
		color: var(--white);
	}

	@media (max-width: 1180px) {
		.GameCard__name span {
			font-size: 12px;
			line-height: 16px;
			font-weight: 700;
		}
	}

	@media (max-width: 1180px) {
		.GameCard__name span {
			font-size: 12px;
			line-height: 16px;
			font-weight: 700;
		}
	}

	.GameCard__loading {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: 2;
	}

	.GameCard__loading {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		z-index: 2;
	}

	.GameCard__play {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
		inset: 0px;
		background: var(--gameCardGradient);
		border-radius: 8px;
		padding: 16px;
		width: 100%;
		height: 100%;
		backdrop-filter: blur(2px);
	}

	.GameCard__play {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
		inset: 0px;
		background: var(--gameCardGradient);
		border-radius: 8px;
		padding: 16px;
		width: 100%;
		height: 100%;
		backdrop-filter: blur(2px);
	}

	.GameCard__play {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
		inset: 0px;
		background: var(--gameCardGradient);
		border-radius: 8px;
		padding: 16px;
		width: 100%;
		height: 100%;
		backdrop-filter: blur(2px);
	}

	.GameCard__play {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
		inset: 0px;
		background: var(--gameCardGradient);
		border-radius: 8px;
		padding: 16px;
		width: 100%;
		height: 100%;
		backdrop-filter: blur(2px);
	}

	.GameCard__play {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		position: absolute;
		inset: 0px;
		background: var(--gameCardGradient);
		border-radius: 8px;
		padding: 16px;
		width: 100%;
		height: 100%;
		backdrop-filter: blur(2px);
	}

	@media (max-width: 1180px) {
		.GameCard__play {
			padding: 8px;
		}
	}

	@media (max-width: 1180px) {
		.GameCard__play {
			padding: 8px;
		}
	}

	.GameCard__play_btn {
		font-size: 14px;
		line-height: 130%;
		font-weight: 600;
		width: 100%;
		height: 51px;
		color: var(--white);
		cursor: pointer;
	}

	.GameCard__play_btn {
		font-size: 14px;
		line-height: 130%;
		font-weight: 600;
		width: 100%;
		height: 51px;
		color: var(--white);
		cursor: pointer;
	}

	@media (max-width: 1180px) {
		.GameCard__play_btn {
			font-size: 10px;
			line-height: 130%;
			font-weight: 600;
			height: 32px;
		}
	}

	@media (max-width: 1180px) {
		.GameCard__play_btn {
			font-size: 10px;
			line-height: 130%;
			font-weight: 600;
			height: 32px;
		}
	}

	.GameCard__play_real {
		background: var(--primary);
		border: none;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		margin-bottom: 8px;
	}

	.GameCard__play_real {
		background: var(--primary);
		border: none;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		margin-bottom: 8px;
	}

	.GameCard__play_real {
		background: var(--primary);
		border: none;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		margin-bottom: 8px;
	}

	.GameCard__play_real svg {
		margin-left: 4px;
	}

	.GameCard__play_demo {
		border-radius: 8px;
		background: transparent;
		border: 1px solid var(--white);
	}

	.GameCard__play_demo {
		border-radius: 8px;
		background: transparent;
		border: 1px solid var(--white);
	}

	@media (max-width: 1370px) {
		.GameList__list {
			grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		}
	}

	@media (max-width: 1180px) {
		.GameList__list {
			gap: 16px 8px;
			grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		}
	}

	@media (max-width: 768px) {
		.GameList__list {
			grid-template-columns: repeat(auto-fill, minmax(107px, 1fr));
		}
	}

	@media (max-width: 1370px) {
		.GameList__list_tournament {
			grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
		}
	}

	@media (max-width: 1180px) {
		.GameList__list_tournament {
			gap: 16px 8px;
			grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		}
	}

	@media (max-width: 768px) {
		.GameList__list_tournament {
			grid-template-columns: repeat(auto-fill, minmax(107px, 1fr));
		}
	}

	.GameList__more {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 28px;
	}

	.GameList__more {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 28px;
	}

	.GameList__list_empty {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 104px;
	}

	@media (max-width: 1180px) {
		.GameList__list_empty {
			margin-top: 80px;
		}
	}

	@media (max-width: 1180px) {
		.GameList__list_empty {
			margin-top: 80px;
		}
	}

	@media (max-width: 576px) {
		.GameList__list_empty {
			margin-top: 58px;
		}
	}

	@media (max-width: 576px) {
		.GameList__list_empty {
			margin-top: 58px;
		}
	}

	.GameList__list_empty_icon {
		margin-bottom: 12px;
	}

	.GameList__list_empty_title {
		font-size: 18px;
		line-height: 25px;
		font-weight: 400;
	}

	@media (max-width: 1180px) {
		.GameList__list_empty_title {
			font-size: 14px;
			line-height: 130%;
			font-weight: 400;
		}
	}

	@media (max-width: 1180px) {
		.GameList__list_empty_title {
			font-size: 14px;
			line-height: 130%;
			font-weight: 400;
		}
	}

	@media (max-width: 768px) {
		.modal-content {
			width: 100%;
			height: 100%;
			margin: 0;
			border-radius: 0;
		}

		.game-frame {
			height: 100%;
		}

		.modal-footer {
			padding: 0px;
		}

		.close {
			top: 0px;
			left: 50%;
			transform: translateX(-50%);
			font-size: 40px;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
		}
	}

	@media (max-width: 480px) {
		.modal-content {
			width: 100%;
			height: 100%;
		}

		.game-frame {
			height: calc(100% - 50px);
		}

		.button-action {
			font-size: 23px;
			padding: 18px 40px;
		}
	}

	.loading-spinner {
		border: 8px solid #f3f3f3;
		border-radius: 50%;
		border-top: 8px solid #3498db;
		width: 60px;
		height: 60px;
		animation: spin 2s linear infinite;
		position: fixed;
		top: 50%;
		left: 48.5%;
		transform: translate(-50%, -50%);
		z-index: 1100;
	}

	@keyframes spin {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	@media (max-width: 768px) {
		.loading-spinner {
			width: 50px;
			height: 50px;
			left: 45%;
		}
	}

	@media (max-width: 480px) {
		.loading-spinner {
			width: 40px;
			height: 40px;
		}
	}

	.close {
		position: absolute;
		top: 0px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 45px;
		font-weight: bold;
		cursor: pointer;
		color: red;
		z-index: 1001;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.close {
		cursor: pointer;
	}

	.game-frame {
		width: 100%;
		height: 600px;
		border: none;
	}

	.modal-footer {
		text-align: center;
		padding: 15px;
		background-color: #f1f1f1;
		justify-content: center;
	}

	.button-action {
		padding: 22px 80px;
		background-color: #2e3a47;
		color: white;
		border: none;
		cursor: pointer;
		border-radius: 5px;
		font-size: 30px;
	}

	.button-action:hover {
		background-color: #2e3a47;
	}

	.GameCard {
		width: 100%;
		max-width: 350px;
		margin: 20px auto;
		text-align: center;
	}

	.GameCard__cover img {
		width: 100%;
		border-radius: 10px;
		transition: transform 0.3s ease;
	}

	.GameCard__cover img:hover {
		transform: scale(1.05);
	}

	.GameCard__play_btn {
		padding: 10px 20px;
		margin: 5px;
		color: white;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
		transition: background-color 0.3s ease;
	}

	.GameCard__play_btn:hover {
		background-color: #00b374;
	}

	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		justify-content: center;
		align-items: center;
	}

	.modal-content {
		position: relative;
		margin: 0 auto;
		padding: 0;
		background-color: #fff;
		width: 90%;
		max-width: 1200px;
		height: auto;
		border-radius: 10px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.close {
		position: absolute;
		top: 0px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 45px;
		font-weight: bold;
		cursor: pointer;
		color: red;
		z-index: 1001;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.close {
		cursor: pointer;
	}

	.game-frame {
		width: 100%;
		height: 600px;
		border: none;
	}

	@media (max-width: 768px) {
		.modal-content {
			width: 100%;
			height: 100%;
			margin: 0;
			border-radius: 0;
		}

		.game-frame {
			height: 100%;
		}

		.modal-footer {
			padding: 0px;
		}

		.close {
			top: 0px;
			left: 50%;
			transform: translateX(-50%);
			font-size: 40px;
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
		}
	}

	@media (max-width: 480px) {
		.modal-content {
			width: 100%;
			height: 100%;
		}

		.game-frame {
			height: calc(100% - 50px);
		}

		.button-action {
			font-size: 23px;
			padding: 18px 40px;
		}
	}

	.loading-spinner {
		border: 8px solid #f3f3f3;
		border-radius: 50%;
		border-top: 8px solid #3498db;
		width: 60px;
		height: 60px;
		animation: spin 2s linear infinite;
		position: fixed;
		top: 50%;
		left: 48.5%;
		transform: translate(-50%, -50%);
		z-index: 1100;
	}

	/*jackpot*/
	.jackpot-block {
		display: flex;
		flex-flow: column nowrap;
	}

	@media (max-width: 768px) {
		.jackpot-block {
			margin-top: 10rem;
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.jackpot-block {
			flex-flow: column-reverse nowrap;
		}
	}

	.payment-providers-banner {
		width: 100%;
		overflow: hidden;
		position: relative;
		z-index: 1;
		background-color: #fff0;
		margin: -260px auto 30px;
	}

	@media (max-width: 1200px) {
		.payment-providers-banner {
			margin: -160px auto 30px;
		}
	}

	@media (max-width: 768px) {
		.payment-providers-banner .container-jackpot {
			padding: 0;
			margin-left: 3%;
		}
		.Safari .payment-providers-banner {
			transform: translateZ(0);
		}
	}

	.container-jackpot {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		/* margin-left: auto*/
		margin-left: 20%;
	}

	@media (min-width: 1025px) {
		.container-jackpot {
			padding-right: 0;
			padding-left: 0;
			margin-left: 10%;
			margin-top: 5%;
		}
	}

	@media (min-width: 2500px) {
		.container-jackpot {
			padding-right: 0;
			padding-left: 0;
			margin-left: 15%;
			margin-top: 5%;
		}
	}

	.payment-providers-banner__list {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		height: 3.4666666667rem;
		list-style-type: none;
	}

	@media (max-width: 768px) {
		.payment-providers-banner__list {
			gap: 0.8rem;
			padding: 0 1.0666666667rem;
			overflow-x: scroll;
			-ms-overflow-style: none;
			scrollbar-width: none;
		}

		.payment-providers-banner__list::-webkit-scrollbar {
			display: none;
		}
	}

	@media (min-width: 769px) {
		.payment-providers-banner__list {
			justify-content: space-between;
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.payment-providers-banner__list {
			height: 8rem;
			padding: 1.6rem 0;
		}
	}

	@media (min-width: 1025px) {
		.payment-providers-banner__list {
			height: 4.4444444444rem;
			padding: 0.8888888889rem 2.2222222222rem 0.8888888889rem 0;
			margin-right: 24rem;
		}
	}

	.payment-providers-banner__item {
		margin: 0;
		cursor: pointer;
	}

	.payment-providers-banner__item-img {
		width: auto;
		opacity: 1;
		height: 1.3333333333rem;
		transition: opacity 0.3s;
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.payment-providers-banner__item-img {
			height: 4rem;
		}
	}

	@media (min-width: 1025px) {
		.payment-providers-banner__item-img {
			height: 2.2222222222rem;
		}
	}

	.jackpot {
		overflow: hidden;
		position: relative;
	}

	@media (max-width: 768px) {
		.jackpot {
			border-bottom: 1px solid #283440;
			background: linear-gradient(270deg, #3c479d -7%, rgba(113, 89, 166, 0) 25%);
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.jackpot {
			margin-top: -6rem;
		}
	}

	@media (min-width: 1025px) {
		.jackpot {
			margin-top: -6.6666666667rem;
			margin-bottom: 1.3888888889rem;
		}
	}

	@media (min-width: 1025px) {
		.jackpot__inner-1 {
			display: flex;
			justify-content: flex-end;
			width: 97.2222222222rem;
			height: 6.6666666667rem;
			padding: 0 23.5555555556rem 0 30px;
			margin: 0 auto;
		}
	}

	.jackpot__inner-2 {
		position: relative;
		flex: 1 1 auto;
		display: flex;
		justify-content: flex-end;
	}

	@media (max-width: 768px) {
		.jackpot__inner-2 {
			display: block;
		}
	}

	.jackpot__inner {
		z-index: 1;
	}

	@media (max-width: 768px) {
		.jackpot__inner {
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			padding: 0.8rem 0 0.8rem 1.0666666667rem;
		}
	}

	.jackpot__inner
		.odometer.odometer-theme-default
		.odometer-digit
		.odometer-digit-inner {
		overflow: visible;
	}

	@media (min-width: 769px) {
		.jackpot__inner {
			background-color: #232e39;
			width: 40vw;
			padding-top: 0.9rem;
		}

		.jackpot__inner:before {
			right: 42rem;
			width: 6rem;
			/*transform: skew(-15deg,0);*/
			height: 101%;
		}

		.jackpot__inner:after,
		.jackpot__inner:before {
			content: '';
			position: absolute;
			top: 0;
			background-color: #232e39;
		}

		.jackpot__inner:after {
			left: 100%;
			width: 66.6666666667rem;
			height: 100%;
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.jackpot__inner {
			position: relative;
			left: auto;
		}

		.jackpot__inner:before {
			left: -4.5rem;
			right: auto;
		}
	}

	@media (min-width: 1025px) {
		.jackpot__inner {
			position: absolute;
			left: 100%;
			width: 21.8888888889rem;
			padding-top: 0.8888888889rem;
			padding-bottom: 0.8888888889rem;
			background-color: #232e39;
		}

		.jackpot__inner:before {
			left: -1.2222222222rem;
		}

		.jackpot__inner:after {
			left: 100%;
		}
	}

	.jackpot__title {
		position: relative;
		font-style: italic;
		font-weight: 600;
		color: #8c9ea8;
		font-size: 1.0666666667rem;
		line-height: 1.4666666667rem;
		letter-spacing: normal;
		text-transform: uppercase;
	}

	@media (max-width: 768px) {
		.jackpot__title {
			display: flex;
			flex-flow: row;
			height: 1.4666666667rem;
			/* gap: .5333333333rem*/
		}
	}

	@media (min-width: 769px) {
		.jackpot__title {
			color: hsla(0, 0%, 100%, 0.56);
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.jackpot__title {
			padding-left: 3.3333333333rem;
			margin-bottom: 0.6666666667rem;
			font-size: 1.3888888889rem;
			color: #dce7f3;
		}
	}

	@media (min-width: 1025px) {
		.jackpot__title {
			padding-left: 1.7777777778rem;
			margin-bottom: 0.6666666667rem;
			font-size: 1rem;
			color: #dce7f3;
		}
	}

	.jackpot__title-ic {
		width: 1.6rem;
		height: 1.6rem;
	}

	@media (min-width: 769px) {
		.jackpot__title-ic {
			display: none;
		}
	}

	.jackpot__sum {
		overflow: hidden;
		position: relative;
	}

	@media (max-width: 768px) {
		.jackpot__sum {
			height: 1.6rem;
		}
	}

	@media (min-width: 769px) {
		.jackpot__sum {
			/* background-color:#232e39;*/
			margin-right: -0.1111111111rem;
		}
	}

	@media (min-width: 1025px) {
		.jackpot__sum {
			overflow: visible;
			margin-right: 0;
			background-color: transparent;
		}
	}

	.jackpot__sum-currency {
		display: inline-block;
		z-index: 1;
		vertical-align: middle;
	}

	@media (max-width: 768px) {
		.jackpot__sum-currency {
			transform: translateZ(0);
			padding-right: 1.0666666667rem;
		}
	}

	@media (min-width: 769px) {
		.jackpot__sum-currency {
			margin-top: -1px;
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.jackpot__sum-currency {
			letter-spacing: 0.5rem;
		}
	}

	@media (min-width: 1025px) {
		.jackpot__sum-currency {
			letter-spacing: 0.2777777778rem;
		}
	}

	.jackpot__sum-inner {
		font-style: italic;
		font-weight: 700;
		font-size: 1.2rem;
		line-height: 1;
		color: #fff;
		letter-spacing: 0.025em;
		text-transform: uppercase;
	}

	@media (max-width: 768px) {
		.jackpot__sum-inner {
			font-weight: 600;
		}
	}

	@media (min-width: 769px) and (max-width: 1024px) {
		.jackpot__sum-inner {
			padding-top: 0;
			padding-left: 2.5rem;
			font-size: 2.6rem;
			line-height: 2.6666666667rem;
		}
	}

	@media (min-width: 1025px) {
		.jackpot__sum-inner {
			padding-top: 0.1666666667rem;
			padding-left: 1.0555555556rem;
			font-size: 2.1111111111rem;
			line-height: 2.8888888889rem;
		}
	}

	.jackpot__sum-inner .odometer {
		font-family: OpenSans, sans-serif;
		line-height: inherit;
	}

	.odometer-digit-spacer {
		padding: 0 3px;
	}

	.odometer-digit {
		overflow: hidden;
		margin: 0 -3px;
	}

	.odometer-value {
		width: 100%;
	}

	/*fresh*/

	.artboard-basic {
		background-image: url(/wp-content/uploads/2024/12/banner.svg);
	}

	.main-slider__item-artboard {
		position: absolute;
		left: -1%;
		bottom: -15px;
		z-index: 1;
		width: 102%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom;
		height: 100%;
		pointer-events: none;
	}

	.main-slider__item-title {
		min-height: 32px;
		margin-bottom: 30px;
		font-weight: 600;
		font-size: 62px;
		line-height: 1;
		color: #548200;
		letter-spacing: -2.67px;
		text-shadow: 1px 1px 0 #121c00;
	}

	.footer__socials {
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
	}

	@media (min-width: 1025px) {
		.footer__socials {
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
		}
	}

	.footer__social-links {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		flex-wrap: wrap;
		margin-bottom: 10%;
	}

	@media (min-width: 1546px) {
		.footer__social-links {
			margin-bottom: 32px;
		}
	}

	.social-links {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 5px;

		.inst-bg {
			background-color: #f00073;
		}
		.youtube-bg {
			background-color: red;
		}
		.google-bg {
			img {
				width: 32px;
				height: 32px;
			}
		}

		.facebook-bg {
			background-color: #1877f2;
		}
		.telegram-bg {
			background-color: #08c;
		}
		.mail-bg {
			background-color: #ea4535;
		}

		a {
			display: flex;
			width: 32px;
			height: 32px;
			align-items: center;
			justify-content: center;
			border-radius: 5px;

			img {
				height: 16px;
				width: 16px;
			}
		}
	}

	@media screen and (min-width: 769px) {
		.footer__social-links .social-links {
			margin-bottom: 0;
		}
	}

	.footer__social-links .social-link {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background-color: var(--LIGHT-THEME-PRIMARY-1);
	}

	.social-link {
		display: block;
		font-size: 0;
		line-height: 0;
		letter-spacing: -4px;
		transition: all 0.3s ease;
	}

	.socials-title {
		text-align: center;
		font-weight: 600;
		font-size: 12px;
		line-height: 16px;
		color: #292925;
	}

	.footer-menu__block-title {
		position: relative;
		margin-bottom: 20px;
		display: inline-block;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px;
		color: var(--color-text);
	}

	@media screen and (min-width: 769px) {
		.footer-menu__block-title {
			pointer-events: none;
		}
	}

	.footer-menu__block-title:after {
		content: '';
		position: absolute;
		bottom: -8px;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 10px;
		background: linear-gradient(89.98deg, #bbe362 0.01%, #7ba330 100.47%);
		transform: rotate(180deg);
	}

	.footer-bottom__section--license {
		border-top: 1px solid;
		border-top-color: currentcolor;
		border-bottom: 1px solid;
		border-bottom-color: currentcolor;
		border-color: #bfbfbf;
	}

	.footer-bottom__section {
		padding: 24px 0;
	}

	.main-footer__license {
		width: 100%;
		display: flex;
		/*align-items: flex-start;*/
	}

	@media (min-width: 1025px) {
		.main-footer__license {
			align-items: center;
		}
	}

	.main-footer__license-img-wr {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin-right: 20px;
	}

	.main-footer__license-img {
		width: 150px;
		height: 85px;
	}

	.main-footer__license-text {
		width: 100%;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		color: #474d3a;
	}

	.footer-bottom__section-text {
		width: 100%;
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		color: #474d3a;
	}

	@media (min-width: 1546px) {
		.footer-bottom__section-text {
			font-size: 14px;
			line-height: 18px;
		}
	}

	.footer-bottom__section.footer-bottom__section--copyright {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	@media screen and (min-width: 769px) {
		.footer-bottom__section.footer-bottom__section--copyright {
			flex-direction: row;
			justify-content: space-between;
		}
	}

	.footer-bottom__copyright {
		margin-top: 24px;
		order: 1;
		font-weight: 400;
		font-size: 16px;
		line-height: 20px;
		color: #474d3a;
	}

	@media screen and (min-width: 769px) {
		.footer-bottom__copyright {
			margin-top: 0;
			order: 0;
		}
	}

	.slider-text2 {
		min-height: 25px;
		font-size: 28px;
		font-weight: 600;
		line-height: 1.21;
		letter-spacing: -0.51px;
		color: #525d4e;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.game-gallery {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 20px auto;
		padding: 0;
	}

	.game-gallery__container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 1200px;
		gap: 16px;
	}

	.game-gallery__item {
		flex: 1 1 calc(12.5% - 16px);
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 150px;
		flex-direction: column;
	}

	.game-gallery__image {
		width: 100%;
		height: auto;
		border-radius: 10px;
		transition: transform 0.3s ease;
	}

	.game-gallery__image:hover {
		transform: scale(1.05);
	}

	@media (max-width: 768px) {
		.game-gallery__item {
			flex: 1 1 calc(50% - 16px); /* 2 карточки на строку */
		}
	}

	.game-gallery__title {
		color: #525d4e;
		font-size: 18px;
		letter-spacing: -1px;
		text-align: center;
		font-weight: 600;
		line-height: 1;
		width: 110%;
		margin-left: -5%;
	}

	@media (min-width: 1025px) and (max-width: 1545px) {
		.game-gallery__title {
			font-size: 1.24296rem;
			letter-spacing: normal;
		}
	}

	.providers-gallery {
		padding: 20px 0;
	}

	.providers-container {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		/*overflow-x: auto; */
		gap: 10px;
		padding: 0 20px;
	}

	.provider-item {
		flex: 0 0 150px;
		text-align: center;
		background: #fff;
		border-radius: 10px;
		padding: 15px 10px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		transition: transform 0.2s, box-shadow 0.2s;
	}

	.provider-item:hover {
		transform: scale(1.05);
		box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
	}

	.provider-logo {
		width: auto;
		max-width: 100px;
		margin-bottom: 10px;
	}

	.provider-info {
		font-size: 14px;
		font-weight: bold;
		color: #555;
		margin: 0;
	}

	.games-count {
		color: #000;
		font-weight: bold;
	}

	@media (max-width: 768px) {
		.providers-container {
			flex-wrap: wrap;
			justify-content: center;
			gap: 15px;
		}

		.provider-item {
			flex: 0 1 calc(50% - 10px);
		}
	}

	@media (max-width: 480px) {
		.provider-item {
			flex: 0 1 calc(100% - 20px);
		}
	}

	.button-base-lg {
		text-decoration: none !important;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		font-weight: 500;
		font-size: 1.4rem;
		background-color: var(--header-color);
		color: #fff !important;
		border: 1px solid var(--header-color);
		border-radius: 24px;
		transition: 0.3s all;

		svg {
			fill: #fff;
			width: 14px;
			height: 14px;
			color: #fff;
		}
	}

	.button-base-transparent {
		background-color: transparent !important;
		border: 1px solid black;
		color: black !important;
	}

	.button-base-lg:hover {
		background-color: rgb(96, 96, 90) !important;
		color: rgb(255, 255, 255);;
		border-color:  rgb(96, 96, 90);

		svg {
			fill: var(--header-color);
		}
	}

	.info-block-wrapper {
		display: flex;
		flex-direction: column;
		margin-top: 60px;
		gap: 20px;

		h2 {
			font-size: 40px;
			font-weight: 900;
			text-transform: uppercase;
			color: #060714;
			margin-bottom: 0px !important;
		}

		.info-block-title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 20px;
			text-align: center;
		}

		.info-block {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;

			.img-conntainer {
				width: 50%;

				img {
					max-width: 510px;
					max-height: 510px;
					border-radius: 20px;
					box-shadow: 0px 0px 10px 0px var(--header-color);
				}
			}

			.info-block-content {
				br {
					display: none !important;
				}

				.button-base-lg {
					width: 40%;
				}
			}
		}

		.benefits-wrapper {
			display: flex;
			flex-wrap: wrap;

			.benefits-title {
				letter-spacing: 4px;
				font-size: 20px;
				text-transform: uppercase;
				color: var(--header-color);
			}

			.benefits {
				display: flex;
				justify-content: space-between;
				gap: 20px;

				.benefits-item {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: space-between;
					height: 400px;
					box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
					padding: 20px;
					border-radius: 10px;

					.devider {
						margin: 5px 0;
					}

					svg {
						width: 90px;
						height: 90px;
						fill: #fff;
						background-color: var(--header-color);

						border: 6px solid rgba(2, 1, 1, 0);
						border-radius: 100px;
					}

					h4 {
						font-size: 20px;
						color: #000;
						text-transform: uppercase;
					}

					p {
						margin-top: 20px;
					}

					a {
						margin-top: 35px;
					}
				}
			}
		}

		.info-block:nth-child(2n) {
			flex-direction: row-reverse;
		}
	}

	.devider {
		margin: 15px 0;
		height: 3px;
		width: 50%;
		background-color: #fcb519;
	}

	.footer-buttons-wrapper{
		display: flex;
		gap: 10px;
	}