@font-face {
	src: url("/fontsSihiKar/manrope-boldSihiKar.woff2") format("truetype");
	font-family: "manrope-boldSihiKar";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	src: url("/fontsSihiKar/manrope-regularSihiKar.woff2") format("truetype");
	font-family: "manrope-regularSihiKar";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-title: "manrope-boldSihiKar", sans-serif;
	--font-text: "manrope-regularSihiKar", sans-serif;

	--color-bg: #0a0a0f;
	--color-light-white: #ffffffad;
	--color-btn: linear-gradient(180deg, #02eaff 0%, rgba(2, 234, 255, 0.2) 100%);
	--color-circle: radial-gradient(
		50% 50% at 50% 50%,
		rgba(16, 169, 224, 0.55) 0%,
		rgba(16, 169, 224, 0) 100%
	);
	--color-transparency: #ffffff05;

	--font-size-48: 3rem;
	--font-size-40: 2.5rem;
	--font-size-20: 1.25rem;
	--font-size-17: 1.025rem;
	--font-size-16: 1rem;
	--font-size-15: 0.95rem;
	--font-size-14: 0.875rem;

	--transition: all ease-in-out 0.5s;
}

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

ul,
ol,
li {
	list-style-type: none;
	z-index: 2;
	position: relative;
}

a {
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}

body {
	background: var(--color-bg);
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative !important;
}

button {
	border: none;
	outline: none;
	cursor: pointer !important;
}

main,
footer {
	width: 100%;
	color: rgba(3, 3, 3, 1);
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden !important;
}

img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-position: center;
	object-position: center;
	vertical-align: top;
}

header {
	width: 100%;
}

.container__mainSihiKar {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto;
}

.visually-hiddenSihiKar {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

/* Header */
.headerSihiKar {
	width: 100%;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 44, 0.7) 0%,
		rgba(10, 0, 99, 0.35) 100%
	);
	backdrop-filter: blur(14px);
	position: sticky;
	top: 0;
	z-index: 999;
	transition: top 0.3s ease !important;
}

.headerSihiKar::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(
		90deg,
		rgba(16, 169, 224, 0) 0%,
		rgba(16, 169, 224, 0.7) 50%,
		rgba(16, 169, 224, 0) 100%
	);
	z-index: 0;
}

.menuSihiKar {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0.875rem 0;
	gap: 1.25rem;
	justify-content: space-between;
}

.header__logo-boxSihiKar {
	max-width: 325px;
	width: 100%;
	height: 52px;
	display: flex;
	align-items: center;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-20);
	line-height: 100%;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.04) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	border: 1px solid #ffffff0f;
	padding: 0.75rem 1rem;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	gap: 0.5rem;
	justify-content: center;
}

.header___logotipSihiKar {
	max-width: 28px;
	width: 100%;
	height: 28px;
	object-fit: cover;
}

.menu__listSihiKar {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 690px;
	padding: 0.5rem;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.06) 0%,
		rgba(255, 255, 255, 0.03) 100%
	);
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.menu__list-itemSihiKar {
	display: flex;
	align-items: center;
	height: 41px;
	padding: 0.625rem 0;
}

.menu__list-itemSihiKar a {
	font-size: var(--font-size-15);
	line-height: 100%;
	font-family: var(--font-title);
	font-weight: 700;
	color: #ffffffeb;
	display: inline-block;
	white-space: nowrap;
	padding: 0 1rem;
	height: 41px;
	line-height: 41px;
	border-radius: 100px;
	text-align: center;
	transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu__list-itemSihiKar a:hover {
	background: var(--color-btn);
	box-shadow: 0px 10px 30px 0px #55a1ff33;
}

/* Welcom Section */
.welcome-boxSihiKar {
	display: flex;
	align-items: center;
	background: linear-gradient(
			180deg,
			rgba(0, 0, 44, 0.9) 0%,
			rgba(0, 0, 44, 0.55) 100%
		),
		radial-gradient(
			83.33% 92.67% at 70% 0%,
			rgba(16, 89, 224, 0.1) 0%,
			rgba(16, 89, 224, 0) 60%
		);
	overflow: hidden;
}

.welcome-circleSihiKar {
	position: absolute;
	background: radial-gradient(
		50% 50% at 50% 50%,
		rgba(16, 169, 224, 0.35) 0%,
		rgba(16, 169, 224, 0) 100%
	);
	backdrop-filter: blur(48px);
	z-index: 0;
	max-width: 260px;
	width: 100%;
	height: 260px;
	top: 10%;
	left: -2%;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.welcome--containerSihiKar {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 7.82rem 0;
	justify-content: space-between;
	position: relative;
}

.welcome__blocksSihiKar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 685px;
	width: 100%;
}

.welcome--bannerSihiKar {
	background: #ffffff0d;
	border: 1px solid #10a9e01a;
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-14);
	line-height: 100%;
	text-transform: uppercase;
	color: var(--color-light-white);
	max-width: 300px;
	width: 100%;
	padding: 0.5rem 0.75rem;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.welcome---titleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-48);
	line-height: 120%;
	background: linear-gradient(180deg, #ffffff 0%, #26728f 180%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.welcome---textSihiKar {
	font-family: var(--font-text);
	color: var(--color-light-white);
	font-weight: 400;
	font-size: var(--font-size-17);
	line-height: 130%;
}

.welcome--btnboxtextSihiKar {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.welcome---btntSihiKar {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 163px;
	width: 100%;
	height: 44px;
	background: var(--color-btn);
	box-shadow: 0px 10px 30px 0px #55a1ff33;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-15);
	line-height: 100%;
	text-align: center;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	color: #ffffff;
}

.welcome---btnhollowSihiKar {
	background: #ffffff05 !important;
	border: 1px solid #10a9e01a !important;
	max-width: 188px !important;
	width: 100%;
	box-shadow: none;
}

.welcome---btntSihiKar:hover {
	transform: translateY(-0.25rem);
	-webkit-transform: translateY(-0.25rem);
	-moz-transform: translateY(-0.25rem);
	-ms-transform: translateY(-0.25rem);
	-o-transform: translateY(-0.25rem);
}

.welcome--cyber-citySihiKar {
	max-width: 541px;
	width: 100%;
	height: 300px;
	background-image: url(/pictureSihiKar/main-imageSihiKar/cyber-city-bannerSihiKar.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

/* Why play */
.whyplay-boxSihiKar {
	background: linear-gradient(
			180deg,
			rgba(0, 0, 44, 0.7) 0%,
			rgba(10, 0, 99, 0.35) 100%
		),
		radial-gradient(
			62.5% 92.06% at 80% 0%,
			rgba(187, 16, 224, 0.08) 0%,
			rgba(187, 16, 224, 0) 60%
		);
	padding: 5rem 0;
}

.whyplay--containerSihiKar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.whyplay---titleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-40);
	line-height: 125%;
	text-align: center;
	background: linear-gradient(180deg, #ffffff 0%, #26728f 180%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.text-centerSihiKar {
	text-align: center;
}

.whyplay---listsSihiKar {
	display: flex;
	flex-wrap: wrap;
	gap: 1.75rem;
	justify-content: center;
}

.whyplay----listSihiKar {
	max-width: 289px;
	width: 100%;
	background: #ffffff05;
	padding: 1.5rem;
	border: 1px solid #10a9e01a;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.whyplay----listSihiKar:hover {
	box-shadow: 0 0 20px #02eaff;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.whyplay_targetSihiKar {
	background-image: url(/pictureSihiKar/iconsSihiKar/targetSihiKar.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 32px;
	width: 100%;
	height: 32px;
	margin-inline: auto;
}
.whyplay_lightingSihiKar {
	background-image: url(/pictureSihiKar/iconsSihiKar/lightingSihiKar.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 24px;
	width: 100%;
	height: 24px;
	margin-inline: auto;
}
.whyplay_handspakeSihiKar {
	background-image: url(/pictureSihiKar/iconsSihiKar/handspakeSihiKar.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 32px;
	width: 100%;
	height: 32px;
	margin-inline: auto;
}
.whyplay_palitreSihiKar {
	background-image: url(/pictureSihiKar/iconsSihiKar/palitreSihiKar.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 32px;
	width: 100%;
	height: 32px;
	margin-inline: auto;
}

.whyplay_subtitleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-20);
	line-height: 100%;
	text-align: center;
	color: #ffffffeb;
}

.whyplay_textSihiKar {
	color: #ffffffb8;
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-16);
	line-height: 23.52px;
	text-align: center;
}

/* About */
.about-boxSihiKar {
	background: linear-gradient(
			180deg,
			rgba(0, 0, 44, 0.9) 0%,
			rgba(0, 0, 44, 0.55) 100%
		),
		radial-gradient(
			83.33% 92.67% at 70% 0%,
			rgba(16, 89, 224, 0.1) 0%,
			rgba(16, 89, 224, 0) 60%
		);
	padding: 5rem 0;
}

.about-containerSihiKar {
	display: flex;
	gap: 3.75rem;
}

.about--sidebarSihiKar {
	max-width: 280px;
	width: 100%;
	background: #ffffff05;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	border: 1px solid #ffffff14;
	height: 294px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	align-self: flex-start;
	position: sticky;
	top: 20px;
	align-self: flex-start;
}

.about---navtextSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-16);
	line-height: 100%;
	color: #ffffffcc;
}

.about---navmenuSihiKar {
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

.about----navlinkSihiKar {
	background: #ffffff05;
	border: 1px solid #ffffff0f;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 0.625rem 0.75rem;
	cursor: pointer;
}
.about----navlinkSihiKar a {
	color: #ffffffb2;
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-16);
	line-height: 100%;
}

.about----navlinkSihiKar.active {
	border: 1px solid #ffffff0f !important;
	box-shadow: 0px 0px 0px 1px #10a9e04d inset !important;
	background: rgba(16, 169, 224, 0.1) !important;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.about----navlinkSihiKar.active a {
	color: #10a9e0 !important;
}

.about--infoSihiKar {
	max-width: 900px;
	width: 100%;
}

.about--contentSihiKar {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.nocenterSihiKar {
	text-align: left !important;
}

.about---introSihiKar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.text-whiteSihiKar {
	color: #ffffffeb !important;
}

.about--quoteSihiKar {
	background: #ffffff08;
	border: 1px solid #10a9e01a;
	color: #ffffffeb !important;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-16);
	line-height: 24px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	padding: 1rem;
}

.about---listsSihiKar {
	display: flex;
	gap: 1.875rem;
}

.about----listSihiKar {
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	padding: 1rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	max-width: 280px;
	width: 100%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.about_subtitleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-16);
	line-height: 100%;
	color: #ffffffeb !important;
}

.game---previewSihiKar {
	background-image: url(/pictureSihiKar/main-imageSihiKar/game-previewSihiKar.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 900px;
	width: 100%;
	height: 443px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.about--linkboxSihiKar {
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	max-width: 349px;
	width: 100%;
	height: 349px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.about--linkboxSihiKar:hover {
	box-shadow: 0 0 20px #26728f;
}

.about---linkgameSihiKar {
	max-width: 300px;
	width: 100%;
	height: 271px;
}

.about---faqSihiKar {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.faqboxSihiKar {
	background: #ffffff08;
	border: 1px solid #10a9e01a;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 1rem;
}

.about----faqtitleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-16);
	line-height: 100%;
	color: #ffffffe5;
}

.about----faqtextSihiKar {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-16);
	line-height: 120%;
	color: #ffffffe5;
}

/* Completely free */
.complityfree-containerSihiKar {
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.complityfree--bannerSihiKar {
	max-width: 140px;
	width: 100%;
	height: 38px;
	background: #45ffff29;
	border: 1px solid #10a9e01a;
	box-shadow: 0px 0px 0px 1px #45ffff4d inset;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	padding: 0.5rem 0.75rem;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-15);
	line-height: 100%;
	color: #ffffffeb;
	display: flex;
	align-items: center;
	justify-content: center;
}

.complityfree---cartsSihiKar {
	display: flex;
	gap: 1rem 1.75rem;
	flex-wrap: wrap;
}

.complityfree----cartSihiKar {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	max-width: 580px;
	width: 100%;
	padding: 1rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.complityfree_titleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-17);
	line-height: 100%;
	color: #ffffffeb;
}

/* Info Cyber Cite */
.upperSihiKar {
	text-transform: uppercase;
}

.info--containerSihiKar {
	display: flex;
	gap: 3rem;
	justify-content: space-between;
}

.info--itemSihiKar {
	max-width: 725px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.info---topSihiKar {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.info---listsSihiKar {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.info---listsSihiKar li {
	border-radius: 100px !important;
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	-ms-border-radius: 100px !important;
	-o-border-radius: 100px !important;
	line-height: 130%;
}

.info--boxbtnSihiKar {
	display: flex;
	flex-direction: column;
	max-width: 467px;
	width: 100%;
	align-items: center;
	gap: 1rem;
}

.info--linkboxSihiKar {
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	padding: 1.5rem;
	max-width: 348px;
	width: 100%;
	height: 401px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.cybercity-iamgeinfoSihiKar {
	background-image: url(/pictureSihiKar/main-imageSihiKar/cyber-city-logoSihiKar.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 300px;
	width: 100%;
	height: 271px;
}

/* Game Window */
.game--containerSihiKar {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 2.5rem 1.25rem;
}

.game-frameSihiKar {
	width: 100%;
	height: 600px;
	border: 0;
	outline: none;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

/* Responsible */
.responsible--elemsSihiKar {
	display: flex;
	gap: 1.25rem;
	flex-wrap: wrap;
	justify-content: center;
}

.responsible---elemSihiKar {
	max-width: 400px;
	width: 100%;
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	padding: 1.125rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.responsible---btntSihiKar {
	max-width: 213px;
	width: 100%;
	margin-inline: auto;
}

.responsible----titleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1.1875rem;
	line-height: 100%;
	color: #ffffffeb;
}

.responsible-dottedSihiKar li {
	list-style-type: disc;
	margin-left: 2rem;
}

.responsible-dottedSihiKar {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

/* Footer */
.footer-boxSihiKar {
	background: linear-gradient(
			180deg,
			rgba(0, 0, 44, 0.7) 0%,
			rgba(10, 0, 99, 0.35) 100%
		),
		radial-gradient(
			83.33% 417.74% at 70% 0%,
			rgba(187, 16, 224, 0.1) 0%,
			rgba(187, 16, 224, 0) 60%
		);
	padding: 2.5rem 0;
}

.footer--containerSihiKar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.footer---linksSihiKar {
	border-bottom: 1px solid #ffffff14;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.footer----titleSihiKar {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1.1875rem;
	line-height: 100%;
	background: linear-gradient(180deg, #ffffff 0%, #26728f 180%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.footer_navmenuSihiKar {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.footer__navlinkSihiKar a {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-15);
	line-height: 100%;
	color: #ffffffd1;
}

.footer---textSihiKar {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-15);
	line-height: 24.32px;
	color: #ffffffad;
}

.footer---copySihiKar {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-14);
	line-height: 100%;
	text-align: center;
	color: #ffffff8a;
}

/* Burger */
#MenuToggleSihiKar {
	display: none;
	position: absolute;
	top: 0;
	left: 0rem;
	z-index: 999 !important;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
	height: 58px;
}

#MenuToggleSihiKar a {
	text-decoration: none;
	color: #fff;
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

#MenuToggleSihiKar span {
	display: block;
	width: 42px;
	height: 2px;
	margin-bottom: 5px;
	right: 0rem;
	top: 0.2rem;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1001 !important;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
		background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.no-scrollSihiKar {
	overflow: hidden !important;
}

#MenuToggleSihiKar span:first-child {
	transform-origin: 0% 0%;
}

#MenuToggleSihiKar span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#MenuSihiKar {
	position: absolute;
	max-width: 100vw;
	width: 100%;
	z-index: 1000;
	padding-top: 5.25rem;
	margin: 0 0 0 0px;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	align-items: center;
	background: var(--color-bg);
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
	height: 130vh;
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
}

#MenuToggleSihiKar input:checked ~ ul {
	transform: none;
}

.burger-buttonSihiKar {
	display: block;
	width: 42px;
	height: 32px;
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	opacity: 1;
	z-index: 1002 !important;
	-webkit-touch-callout: none;
	background: transparent;
	border: none;
	padding: 0;
}

/* Добавляем класс для открытого состояния */
.burger-buttonSihiKar.active span:first-child {
	transform: rotate(45deg) translate(-9px, 9px);
	background: #fff;
	-webkit-transform: rotate(45deg) translate(-9px, 9px);
	-moz-transform: rotate(45deg) translate(-9px, 9px);
	-ms-transform: rotate(45deg) translate(-9px, 9px);
	-o-transform: rotate(45deg) translate(-9px, 9px);
}

.burger-buttonSihiKar.active span:nth-child(2) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

.burger-buttonSihiKar.active span:last-child {
	background: #fff;
	transform: rotate(-45deg) translate(-19px, -2px);
	-webkit-transform: rotate(-45deg) translate(-19px, -2px);
	-moz-transform: rotate(-45deg) translate(-19px, -2px);
	-ms-transform: rotate(-45deg) translate(-19px, -2px);
	-o-transform: rotate(-45deg) translate(-19px, -2px);
}

/* Обновляем селектор для checked состояния */
#MenuToggleSihiKar .active ~ #MenuSihiKar {
	transform: none;
}

.menu__list--textSihiKar {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 130%;
	color: #ffffff80;
	text-align: center;
	max-width: 320px;
	width: 100%;
}

/* Contact */
.welcome__contactblockSihiKar {
	max-width: 100% !important;
	width: 100%;
}

.bgradSihiKar {
	background: linear-gradient(
			180deg,
			rgba(0, 0, 44, 0.9) 0%,
			rgba(0, 0, 44, 0.55) 100%
		),
		radial-gradient(
			62.5% 167.22% at 50% 0%,
			rgba(187, 16, 224, 0.12) 0%,
			rgba(187, 16, 224, 0) 100%
		);
}

.welcome-circle--bottom-left {
	top: auto !important;
	bottom: 5% !important;
	left: 0% !important;
	right: auto !important;
}

.welcome-circle--top-right {
	top: -10% !important;
	bottom: auto !important;
	left: auto !important;
	right: 0% !important;
	max-width: 400px;
	width: 100%;
	height: 400px;
}

.contact--containerSihiKar {
	display: flex;
	gap: 1.25rem;
	justify-content: space-between;
}

.contact---infoSihiKar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 507px;
	width: 100%;
}

.contact_btnrespboxSihiKar {
	background: #ffffff05;
	border: 1px solid #ffffff14;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: 1rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.maxwidthSihiKar {
	max-width: 100% !important;
	width: 100%;
}

.contact--formSihiKar {
	max-width: 609px;
	width: 100%;
	padding: 1.25rem;
	background: #ffffff05;
	border: 1px solid #10a9e01a;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

label {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;

	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-16);
	line-height: 100%;
	color: #ffffffeb;
}

.contact__inputSihiKar {
	padding: 0.75rem 0.875rem;
	height: 46px;
	width: 100%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	background: #ffffff08;
	border: 1px solid #10a9e01a;
	border: none;
	outline: none;
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-size-16);
	line-height: 100%;
	color: #ffffffeb;
}

.contact__inputSihiKar::placeholder {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	color: #757575;
}

textarea {
	resize: none;
	height: 151px !important;
	width: 100%;
	max-width: 100%;
}

.contact-btnboxSihiKar {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.clearbtnSihiKar {
	max-width: 94px !important;
	width: 100%;
}

.statusSihiKar {
	padding: 10px;
	background-color: rgb(0, 145, 0);
	margin-top: 5px;
	display: none;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
	line-height: 120%;
	text-align: center;
	justify-content: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.formSihiKar.active .statusSihiKar {
	display: block;
}

/* Modal Age */
.age-verification-overlaySihiKar {
	position: fixed;
	bottom: 5px;
	right: 0px;
	width: auto;
	height: auto;
	max-width: 453px;
	background: transparent;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0;
	z-index: 111;
	border: 1px solid #26728f;
}

.age-verification-modalSihiKar {
	background: linear-gradient(
			180deg,
			rgba(0, 0, 44, 0.9) 0%,
			rgba(0, 0, 44, 0.55) 100%
		),
		radial-gradient(
			83.33% 92.67% at 70% 0%,
			rgba(16, 89, 224, 0.1) 0%,
			rgba(16, 89, 224, 0) 60%
		);
	padding: 1.25rem 1.5rem;
	text-align: center;
	width: 100%;
	border: 1px solid var(--color-btn);
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	backdrop-filter: blur(18px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.age-verification-modalSihiKar h2 {
	font-size: 1.5rem;
	font-family: var(--font-title);
	font-weight: 700;
	color: #fff;
	line-height: 100%;
}

.age-verification-modalSihiKar p {
	font-size: 1rem;
	color: #fff;
	font-family: var(--font-text);
	line-height: 120%;
	font-weight: 400;
}

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

.age-verification-modalSihiKar {
	animation: fadeInSihiKar 0.5s ease-out;
}
/* Others Styles */
.border-bottomSihiKar {
	position: relative;
}

.border-bottomSihiKar::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(
		90deg,
		rgba(16, 169, 224, 0) 0%,
		rgba(16, 169, 224, 0.7) 50%,
		rgba(16, 169, 224, 0) 100%
	);
	z-index: 0;
}

.privacy-benefitsSihiKar {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.privacy--benefitSihiKar {
	padding: 0.5rem 0.75rem;
	background: #ffffff0f;
	border: 1px solid #10a9e01a;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-size-16);
	text-align: center;
	color: #fff;
}

.underlineSihiKar {
	text-decoration: underline;
	color: #ffffffc7 !important;
}

.dottedSihiKar li {
	list-style-type: disc;
	margin-left: 1.25rem;
}

/* Media */
@media screen and (max-width: 1270px) {
	.container__mainSihiKar {
		padding: 0 1.25rem;
	}

	.complityfree----cartSihiKar,
	.info--itemSihiKar,
	.welcome__blocksSihiKar,
	.about----listSihiKar {
		max-width: 100%;
		width: 100%;
	}

	.info--containerSihiKar {
		flex-direction: column;
		align-items: center;
		gap: 1.25rem;
	}

	.about-containerSihiKar {
		gap: 1.25rem;
	}

	.welcome--containerSihiKar {
		flex-direction: column-reverse;
	}

	.about---listsSihiKar {
		flex-direction: column;
	}
	.about---listsSihiKar {
		gap: 0.75rem;
	}

	.welcome-circleSihiKar {
		left: 70%;
		top: 50%;
	}
}

@media screen and (max-width: 1090px) {
	.menu__listSihiKar {
		display: none;
	}

	#MenuToggleSihiKar {
		display: block;
	}
}
@media screen and (max-width: 991px) {
	.header___logotipSihiKar {
		max-width: 20px;
		width: 100%;
		height: 20px;
	}

	.header__logo-boxSihiKar {
		max-width: 260px;
		width: 100%;
		font-size: var(--font-size-16);
		padding: 0.5rem 0.75rem;
	}

	.welcome--containerSihiKar,
	.whyplay-boxSihiKar,
	.about-boxSihiKar {
		padding: 2.5rem 0;
	}

	.welcome---titleSihiKar,
	.whyplay---titleSihiKar {
		font-size: 2.25rem;
	}

	.whyplay---listsSihiKar {
		gap: 1rem;
	}

	.about-containerSihiKar {
		flex-direction: column;
	}

	.about--sidebarSihiKar {
		margin-inline: auto;
		position: relative;
		top: 0;
	}

	.about--infoSihiKar {
		max-width: 100% !important;
		width: 100%;
	}

	.game---previewSihiKar {
		max-width: 100% !important;
		width: 100%;
		height: 345px;
	}

	.game--containerSihiKar {
		gap: 1.25rem;
		padding: 1.25rem 0.625rem 0.625rem;
	}

	.complityfree-containerSihiKar {
		padding: 1.125rem;
	}

	.responsible--elemsSihiKar {
		gap: 1rem;
	}

	.pad56SihiKar {
		padding: 3.5rem 0 !important;
	}

	.welcome-circle--top-right {
		max-width: 300px !important;
		width: 100%;
		height: 270px !important;
	}

	.welcome-circle--bottom-left {
		max-width: 220px !important;
		width: 100%;
		height: 220px !important;
	}

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

@media screen and (max-width: 850px) {
	.welcome-circleSihiKar {
		left: 50%;
		top: 50%;
	}

	.footer---linksSihiKar {
		flex-direction: column;
		border: none;
		gap: 1.5rem;
	}

	.footer_navmenuSihiKar {
		flex-direction: column;
		gap: 1rem;
	}
}

@media screen and (max-width: 740px) {
	.welcome---btntSihiKar {
		margin: 0 !important;
	}

	.welcome--cyber-citySihiKar {
		max-width: 355px;
		width: 100%;
		height: 225px;
	}

	.welcome--bannerSihiKar {
		font-size: 0.8125rem;
		max-width: 280px;
		width: 100%;
	}

	.welcome---titleSihiKar {
		font-size: 2rem;
		word-wrap: break-word;
		overflow-wrap: break-word;
		hyphens: auto;
	}

	.whyplay---titleSihiKar {
		font-size: 1.75rem;
		word-break: break-all;
	}

	.about--contentSihiKar {
		gap: 1rem;
	}
	.game---previewSihiKar {
		max-width: 100% !important;
		width: 100%;
		height: 280px;
	}

	.complityfree--bannerSihiKar,
	.responsible---btntSihiKar,
	.complityfree-containerSihiKar .welcome---btnhollowSihiKar {
		margin-inline: auto !important;
	}

	.age-verification-modalSihiKar h2 {
		font-size: 1.125rem;
	}
}
@media screen and (max-width: 620px) {
	.welcome-circle--top-right {
		max-width: 250px !important;
		width: 100%;
		height: 230px !important;
	}

	.welcome-circle--bottom-left {
		max-width: 180px !important;
		width: 100%;
		height: 180px !important;
	}
}

@media screen and (max-width: 520px) {
	.welcome-circleSihiKar {
		left: 50%;
		top: 40%;
		max-width: 200px;
		width: 100%;
		height: 200px;
	}

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

@media screen and (max-width: 405px) {
	.welcome-circleSihiKar {
		left: 35%;
		top: 30%;
	}

	.welcome--btnboxtextSihiKar {
		gap: 0.5rem;
	}

	.welcome---btntSihiKar {
		font-size: var(--font-size-14);
	}

	.welcome---textSihiKar {
		word-break: break-all;
	}

	.info---listsSihiKar li {
		font-size: var(--font-size-14);
	}

	.welcome-circle--top-right {
		max-width: 200px !important;
		width: 100%;
		height: 200px !important;
	}

	.welcome-circle--bottom-left {
		max-width: 140px !important;
		width: 100%;
		height: 140px !important;
	}
}
@media screen and (max-width: 359px) {
	.welcome--btnboxtextSihiKar {
		flex-direction: column;
	}
	.header__logo-boxSihiKar {
		max-width: 220px;
		width: 100%;
		font-size: var(--font-size-14);
	}
	.header___logotipSihiKar {
		max-width: 15px;
		width: 100%;
		height: 15px;
	}
}