@font-face {
	src: url("/askinggames-assets/askinggames-fonts/askinggames-otomanopeeone-regular.woff2")
		format("truetype");
	font-family: "otomanopeeone-regular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	src: url("/askinggames-assets/askinggames-fonts/askinggames-poppins-bold.woff2")
		format("truetype");
	font-family: "poppins-bold";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	src: url("/askinggames-assets/askinggames-fonts/askinggames-poppins-regular.woff2")
		format("truetype");
	font-family: "poppins-regular";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-title: "otomanopeeone-regular", sans-serif;
	--font-btn: "poppins-bold", sans-serif;
	--font-text: "poppins-regular", sans-serif;

	--color-black: #171717;
	--color-light-yellow: #fffccd;
	--color-white: #ffffff;
	--color-faq: linear-gradient(90deg, #ffffff 0%, #fffccd 49.52%, #fffbfc 100%);
	--color-gray-card: #f4f4f9;
	--color-gray-text: #a9a9a9;
	--color-darkgray-text: #4e4e4e;
	--transition: all ease-in-out 0.5s;
}

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

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

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

body {
	background: var(--color-black);
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-x: hidden;
	position: relative;
}

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

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

html {
	scroll-behavior: smooth;
}

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

header {
	width: 100%;
}

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

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

/* Header */
.askinggames--header {
	width: 100%;
	background: #17171766;
	background-image: url(/askinggames-assets/askinggames-img/askinggames-welcome/askinggames-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.askinggames--header__container {
	width: 100%;
	display: flex;
	padding: 0.25rem 0 0.5rem;
	flex-direction: column;
	gap: 0.675rem;
}

.askinggames--header--top {
	background: #17171766;
	backdrop-filter: blur(30px);
}

.askinggames--header__disclaimer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.675rem;
}

.askinggames--header___age {
	background-image: url(/askinggames-assets/askinggames-img/askinggames-header/askinggames-disclaimer-age.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 32px;
	width: 100%;
	height: 20px;
}

.askinggames--header___text {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 150%;
	color: #b5b4b5;
}

.askinggames--menu {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.askinggames--header__logo-box {
	max-width: 254px;
	width: 100%;
	height: 34px;
}

.askinggames--header__logo {
	max-width: 254px;
	width: 100%;
	height: 34px;
}

.askinggames--menu__list {
	gap: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.askinggames--menu__list-item a {
	color: var(--color-white);
	font-size: 0.875rem;
	line-height: 100%;
	font-family: var(--font-text);
	font-weight: 400;
	padding-block: 0.125rem;
	text-transform: uppercase;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.askinggames--menu__list-item a:hover {
	color: var(--color-light-yellow);
}
.askinggames--menu__links {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	width: 100%;
	margin: 0 auto;
	justify-content: flex-end;
}

.askinggames--menu__list-item a.active {
	color: var(--color-light-yellow) !important;
	font-weight: 700 !important;
	font-family: var(--font-btn) !important;
}

/* Welcom Section */
.askinggames--welcome--container {
	padding: 5rem 0;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	max-width: 814px;
	width: 100%;
	margin-inline: auto;
}

.askinggames--welcome---title {
	font-family: var(--font-title);
	color: var(--color-black);
	font-weight: 400;
	font-size: 3.75rem;
	line-height: 100%;
	text-align: center;
}

.askinggames--welcome---text {
	font-family: var(--font-text);
	color: var(--color-black);
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 150%;
	text-align: center;
}

.askinggames--welcome---btn {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 300px;
	width: 100%;
	height: 52px;
	font-family: var(--font-btn);
	font-weight: 700;
	font-size: 1rem;
	line-height: 150%;
	text-transform: uppercase;
	background: var(--color-black);
	color: var(--color-white);
	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);
	box-shadow: 0px 10px 10px 0px #00000040;
	margin-inline: auto;
}

.askinggames--welcome---btn:hover {
	box-shadow: 0 0 40px var(--color-black);
}

/* About */
.askinggames--about-box {
	padding: 5rem 0;
}

.askinggames--about--container {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.askinggames--about---top {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.askinggames--about----title {
	font-family: var(--font-title);
	font-weight: 400;
	color: var(--color-white);
	font-size: 2rem;
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
}
.askinggames--about----line {
	height: 14px;
	max-width: 100%;
	width: 100%;
	background: linear-gradient(90deg, #171717 0%, #f9c41f 50%, #171717 100%);
	margin: 0 auto;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	border-radius: 3px;
	box-shadow: 0 3px 8px rgba(249, 196, 31, 0.4);
	z-index: 0;
	position: relative;
}

.askinggames--about----line-z {
	position: relative;
	z-index: -1 !important;
}

.askinggames--about---cards {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
	justify-content: center;
}

.askinggames--about----card {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7)),
		url(/askinggames-assets/askinggames-img/askinggames-about/askinggames-line-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1.25rem;
	box-shadow: 0px 10px 13.3px 0px #ffffff40;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	flex: 0 0 48%;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	z-index: -1;
}

.askinggames--about----card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, #171717 0%, #f7c31f 100%);
	border-radius: 20px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 4px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	z-index: 1;
}

.askinggames--about----card:first-child {
	flex: 1 1 100%;
}

.askinggames--about----card {
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
}

.askinggames--about__subtitle {
	font-family: var(--font-btn);
	font-weight: 700;
	font-size: 1rem;
	line-height: 150%;
	color: var(--color-white);
	position: relative;
	z-index: 1;
}

.askinggames--about__text {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 1rem;
	line-height: 150%;
	color: #c5c5c5;
	position: relative;
	z-index: 1;
}

/* Games */
.askinggames--games-box {
	background-image: url(/askinggames-assets/askinggames-img/askinggames-welcome/askinggames-bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.askinggames--black {
	color: var(--color-black) !important;
}

.askinggames--games----line {
	background: linear-gradient(
		90deg,
		#f9c41f 0%,
		#171717 50.96%,
		#f9c41f 100%
	) !important;
	position: relative;
	z-index: 0 !important;
}

.askinggames--games--cards {
	display: flex;
	gap: 2.5rem;
	flex-wrap: wrap;
	justify-content: center;
}

.askinggames--games---card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 280px;
	width: 100%;
}

.askinggames--games----image {
	max-width: 280px;
	width: 100%;
	height: 280px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.askinggames--games----title {
	font-family: var(--font-title);
	font-weight: 400;
	font-size: 1rem;
	line-height: 150%;
	color: var(--color-black);
	text-align: center;
}

.askinggames--games----btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	background: var(--color-black);
	color: var(--color-light-yellow);
	font-family: var(--font-btn);
	font-weight: 700;
	font-size: 1rem;
	line-height: 150%;
	text-transform: uppercase;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border: 1px solid #fffccd;
}

.askinggames--games----btn:hover {
	box-shadow: 0 0 40px var(--color-black);
}

/* FAQ */
.askinggames--faq--cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.5rem;
}

.askinggames--faq---card {
	max-width: 600px;
	width: 100%;
	box-shadow: 0px 0px 11.2px 0px #0000001a;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.askinggames--faq----top {
	padding: 1.5rem;
	background: linear-gradient(90deg, #ffffff 0%, #fffccd 49.52%, #fffbfc 100%);
	box-shadow: 0px 4px 11.2px 0px #fffccd;
	box-shadow: 5px 5px 7.7px 0px #fffccd40 inset;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.askinggames--yellow {
	color: var(--color-light-yellow) !important;
}

.askinggames-p24 {
	padding: 1.5rem;
}

/* Reviews */
.askinggames--reviews-box {
	background-image: url(/askinggames-assets/askinggames-img/askinggames-reviews/askinggames-star-line.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.askinggames--reviews--cards {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	justify-content: center;
}

.askinggames--reviews---card {
	background: var(--color-gray-card);
	box-shadow: 0px 4px 4px 0px #00000040;
	padding: 1.25rem;
	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;
	max-width: 400px;
	width: 100%;
}

.askinggames--reviews__top {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.askinggames--reviews__top h3 {
	font-family: var(--font-title) !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
}

.askinggames--reviews----rating {
	max-width: 115px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.askinggames--reviews__star {
	background-image: url(/askinggames-assets/askinggames-img/askinggames-reviews/askinggames-icon-star.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 19px;
	width: 100%;
	height: 19px;
}

/* Contact */

.askinggames--contact--box {
	max-width: 814px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-inline: auto;
}

.askinggames__contact--form {
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
}

.askinggames_contact__input {
	outline: none;
	height: 52px;
	width: 100%;
	background: var(--color-white);
	border: 1px solid #e6e6e6;
	font-size: 1rem;
	color: var(--color-black);
	font-family: var(--font-btn);
	font-weight: 700;
	padding: 0.875rem 1.125rem;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.askinggames_contact__input::placeholder {
	font-size: 1rem;
	color: #626262;
	font-family: var(--font-text);
	font-weight: 400;
}

.askinggames_contact--textarea {
	height: 100px;
	resize: none;
	min-height: 39px;
	padding: 0.875rem 1.125rem;
	line-height: 1.2;
	overflow: hidden;
	border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-ms-border-radius: 20px !important;
	-o-border-radius: 20px !important;
}

.askinggames_contact__btn {
	margin-top: 0.675rem;
	max-width: 300px;
	width: 100%;
	margin: 0;
	box-shadow: 0px 10px 10px 0px #17171740;
	border: 1px solid #fffccd;
	color: var(--color-light-yellow);
}

.askinggames_contact__btn:hover {
	box-shadow: 0 0 20px var(--color-light-yellow);
}

.active__block {
	display: flex;
}

.form-message-container {
	margin-top: 0px;
}

.form-message {
	padding: 10px 15px;
	border-radius: 4px;
	font-size: 14px;
	animation: fadeIn 0.3s ease-in-out;
}

.form-message.success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	font-family: var(--font-text);
}

.form-message.error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	font-family: var(--font-text);
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}

.askinggames--zindex {
	position: relative;
	z-index: -1;
}
/* Footer */
.askinggames--footer {
	padding: 2.5rem 0;
	border-bottom: 6px solid var(--color-light-yellow);
}

.askinggames--footer-container {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.askinggames--footer--top {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.askinggames--footer---age {
	background-image: url(/askinggames-assets/askinggames-img/askinggames-footer/askinggames-icon-age.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 80px;
	width: 100%;
	height: 56px;
}

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

.askinggames--footer----title {
	font-family: var(--font-btn);
	font-weight: 700;
	font-size: 1rem;
	line-height: 150%;
	color: var(--color-light-yellow);
}

.askinggames--footer----text {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 1rem;
	line-height: 150%;
	color: var(--color-light-yellow);
}

.askinggames--footer--lists {
	display: flex;
	gap: 2.5rem;
}

.askinggames--footer---elem {
	max-width: 600px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.askinggames--darkgray {
	color: var(--color-gray-text) !important;
}

.askinggames--footer--navbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.askinggames--footer---navmenu {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.askinggames--footer----navlink a {
	font-family: var(--font-btn);
	font-weight: 700;
	font-size: 1rem;
	line-height: 150%;
	color: var(--color-light-yellow);
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}
.askinggames--footer----navlink a:hover {
	color: var(--color-white);
}

.askinggames--footer---copy {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 150%;
	color: var(--color-white);
}

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

#askinggamesMenuToggle 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;
}

#askinggamesMenuToggle .burger-button--span {
	display: block;
	width: 24px;
	height: 2px;
	margin-bottom: 5px;
	right: 0rem;
	top: 0.2rem;
	position: relative;
	background: var(--color-white);
	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-scroll {
	overflow: hidden !important; /* Отключаем прокрутку с приоритетом */
}

#askinggamesMenuToggle .burger-button--span:first-child {
	transform-origin: 0% 0%;
}

#askinggamesMenuToggle .burger-button--span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#askinggamesMenu {
	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-black);
	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);
}

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

.burger-button {
	display: block;
	width: 45px;
	height: 32px;
	position: absolute;
	top: 1.75rem;
	right: 0.75rem;
	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-button.active .burger-button--span:first-child {
	transform: rotate(45deg) translate(4px, 0px);
	background: var(--color-white) !important;
	-webkit-transform: rotate(45deg) translate(4px, 0px);
	-moz-transform: rotate(45deg) translate(4px, 0px);
	-ms-transform: rotate(45deg) translate(4px, 0px);
	-o-transform: rotate(45deg) translate(4px, 0px);
}

.burger-button.active .burger-button--span:nth-child(2) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
	-webkit-transform: rotate(0deg) scale(0.2, 0.2);
	-moz-transform: rotate(0deg) scale(0.2, 0.2);
	-ms-transform: rotate(0deg) scale(0.2, 0.2);
	-o-transform: rotate(0deg) scale(0.2, 0.2);
}

.burger-button.active .burger-button--span:last-child {
	background: var(--color-white) !important;
	transform: rotate(-45deg) translate(-2px, 3px);
	-webkit-transform: rotate(-45deg) translate(-2px, 3px);
	-moz-transform: rotate(-45deg) translate(-2px, 3px);
	-ms-transform: rotate(-45deg) translate(-2px, 3px);
	-o-transform: rotate(-45deg) translate(-2px, 3px);
}

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

.askinggames--menu__list--text {
	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%;
}

/* Others */
.askinggames--privacy--items {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.askinggames--privacy---elem {
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
}

.askinggames--privacy__title {
	color: var(--color-white);
	font-size: 1.25rem;
	font-family: var(--font-btn);
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
}
.askinggames--privacy__text {
	color: var(--color-white);
	font-size: 1rem;
	font-family: var(--font-text);
	font-weight: 400;
	line-height: 120%;
}

.askinggames--resp--container {
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
}

.askinggames--resp---cards {
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
	max-width: 853px;
	width: 100%;
	margin-inline: auto;
}

.askinggames--resp----card {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1.25rem;
	border: 1px solid #171717;

	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	backdrop-filter: blur(30px);
}

/* Mobile */
@media screen and (max-width: 1270px) {
	.askinggames--container__main {
		padding: 0 1rem;
	}
}
@media screen and (max-width: 1080px) {
	.askinggames--about---cards,
	.askinggames--footer--lists {
		flex-direction: column;
	}

	.askinggames--footer---elem {
		max-width: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 991px) {
	.askinggames--welcome--container {
		padding: 2.5rem 0;
		gap: 0.675rem;
	}

	.askinggames--welcome---title {
		font-size: 2.75rem;
	}

	.askinggames--about-box {
		padding: 2.5rem 0;
	}

	.askinggames--about--container,
	.askinggames--about---cards,
	.askinggames--games--cards,
	.askinggames--faq--cards,
	.askinggames--footer--lists {
		gap: 1.25rem;
	}

	.askinggames--footer--navbox {
		flex-direction: column;
		align-items: flex-start;
	}

	.askinggames--footer---navmenu {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.askinggames--footer-container {
		gap: 2rem;
	}

	.askinggames--header__logo,
	.askinggames--header__logo-box {
		max-width: 204px;
		width: 100%;
		height: 20px;
	}

	.askinggames--about---top {
		gap: 0.675rem;
	}
}

@media screen and (max-width: 700px) {
	.askinggames--welcome---title {
		font-size: 2.5rem;
	}

	.askinggames--menu__list {
		display: none;
	}

	#askinggamesMenuToggle {
		display: block;
	}

	.askinggames--welcome---btn {
		max-width: 525px;
		width: 100%;
		height: 40px;
	}

	.askinggames--about----title {
		font-size: 1.5rem;
	}

	.askinggames--footer----title,
	.askinggames--footer----text,
	.askinggames--footer----navlink a {
		font-size: 0.875rem;
	}
	.askinggames--footer---age {
		max-width: 60px;
		width: 100%;
		height: 40px;
	}

	.askinggames--header___text {
		font-size: 0.675rem;
	}
}

@media screen and (max-width: 588px) {
	.burger-button {
		top: 1.75rem;
	}
}

@media screen and (max-width: 471px) {
	.burger-button {
		top: 2.375rem;
	}
}