body.site [id^="wb_header_"] {
	position: sticky;
	top: 0;
	z-index: 40;
	backdrop-filter: blur(10px);
}

html,
body {
	overflow-x: hidden;
}

#wb_root,
.root {
	max-width: 100%;
	overflow-x: hidden;
}

* {
	box-sizing: border-box;
}

body.site [id^="wb_header_"],
body.site [id^="wb_header_"] * {
	font-family: 'Outfit', 'Roboto', Arial, sans-serif !important;
}

#a188dda66a601995d688a269ec26f4fc > .wb_content {
	padding: 10px clamp(14px, 4vw, 42px) !important;
	background: linear-gradient(180deg, rgba(7, 14, 24, 0.84) 0%, rgba(10, 17, 28, 0.7) 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	align-items: center !important;
}

#a18b5b7a96d9002df82537629431e8cc > .wb_content {
	gap: 10px;
}

#a1979e9144c80060adddc801d66ed91b {
	max-width: 84px !important;
	min-width: 54px !important;
}

#a1979e9656cd0049dcb60cb4e235322e span {
	letter-spacing: 0.04em;
}

#a1979e9656cd0049dcb60cb4e235322e,
#a1979e9656cd0049dcb60cb4e235322e *,
#a1979e9656cd0049dcb60cb4e235322e strong,
#a1979e9656cd0049dcb60cb4e235322e span {
	font-family: 'Outfit', 'Roboto', Arial, sans-serif !important;
	font-weight: 700 !important;
}

#a1979e9656cd0049dcb60cb4e235322e p,
#a1979e9656cd0049dcb60cb4e235322e span,
#a1979e9656cd0049dcb60cb4e235322e strong {
	font-size: 36px !important;
	line-height: 1.05 !important;
	letter-spacing: 0.03em !important;
	font-style: normal !important;
}

#a18b5b7bde7200e3775f9eb2a2397b2b > .wb_content {
	padding-right: 0 !important;
}

#a188dda66a601b33f232e038327f0b09 > ul {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

#a188dda66a601b33f232e038327f0b09 li {
	margin: 0 !important;
}

#a188dda66a601b33f232e038327f0b09 li a {
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #ecf3ff !important;
	font-family: 'Outfit', 'Roboto', Arial, sans-serif !important;
	font-size: 15px !important;
	letter-spacing: 0.01em;
	padding: 9px 16px !important;
	line-height: 1.1 !important;
	font-weight: 600 !important;
	font-style: normal !important;
	text-transform: none !important;
	box-shadow: none !important;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

#a188dda66a601b33f232e038327f0b09 li a:hover,
#a188dda66a601b33f232e038327f0b09 li.over > a {
	background: rgba(255, 255, 255, 0.1) !important;
	transform: translateY(-1px);
}

#a188dda66a601b33f232e038327f0b09 li.active > a {
	background: #f5c247 !important;
	color: #201707 !important;
}

@media (max-width: 767px) {
	html,
	body,
	#wb_root,
	.root,
	body.site {
		max-width: 100vw !important;
		overflow-x: hidden !important;
	}

	body.site [id^="wb_main_"] {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	body.site [id^="wb_main_"] .wb_element,
	body.site [id^="wb_main_"] .wb_content,
	body.site [id^="wb_main_"] .wb-layout-element {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	body.site [id^="wb_main_"] .wb-layout-horizontal > .wb_content {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 10px !important;
	}

	body.site [id^="wb_main_"] .wb-layout-horizontal > .wb_content > .wb_element {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none !important;
	}

	body.site [id^="wb_main_"] img,
	body.site [id^="wb_main_"] video,
	body.site [id^="wb_main_"] iframe {
		max-width: 100% !important;
		height: auto !important;
	}

	#a188dda66a601995d688a269ec26f4fc > .wb_content {
		padding: 8px 10px !important;
		align-items: center !important;
	}

	#a18b5b7a96d9002df82537629431e8cc > .wb_content {
		gap: 6px;
	}

	#a1979e9656cd0049dcb60cb4e235322e p,
	#a1979e9656cd0049dcb60cb4e235322e span,
	#a1979e9656cd0049dcb60cb4e235322e strong {
		font-size: 28px !important;
	}

	#a188dda66a601b33f232e038327f0b09 {
		border: 0 !important;
		width: 100%;
		position: relative;
	}

	#a188dda66a601b33f232e038327f0b09 > ul,
	#a188dda66a601b33f232e038327f0b09:not(.collapse-expanded) > ul {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		overflow: hidden !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		margin-top: 10px !important;
	}

	#a188dda66a601b33f232e038327f0b09 > ul > li {
		display: block !important;
		float: none !important;
		width: 100% !important;
	}

	#a188dda66a601b33f232e038327f0b09 .btn-collapser {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.12) !important;
		float: right;
	}

	#a188dda66a601b33f232e038327f0b09 .btn-collapser > .icon-bar {
		background: #f3f7ff !important;
	}

	#a188dda66a601b33f232e038327f0b09.collapse-expanded > ul {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
		height: auto !important;
		padding: 14px !important;
		margin-top: 10px !important;
		border-radius: 12px;
		background: rgba(10, 16, 27, 0.95) !important;
		border: 1px solid rgba(255, 255, 255, 0.12);
	}

	#a188dda66a601b33f232e038327f0b09.collapse-expanded li {
		display: block !important;
		width: 100%;
	}

	#a188dda66a601b33f232e038327f0b09.collapse-expanded li a {
		display: block;
		width: 100%;
		text-align: center !important;
		padding: 11px 12px !important;
	}
}