*:where(.quiz30years-container *):is(a,
	abbr,
	acronym,
	address,
	applet,
	article,
	aside,
	audio,
	b,
	big,
	blockquote,
	body,
	button,
	canvas,
	caption,
	center,
	cite,
	code,
	dd,
	del,
	details,
	dfn,
	div,
	dl,
	dt,
	em,
	embed,
	fieldset,
	figcaption,
	figure,
	footer,
	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	header,
	hgroup,
	html,
	i,
	iframe,
	img,
	ins,
	kbd,
	label,
	legend,
	li,
	mark,
	menu,
	nav,
	object,
	ol,
	output,
	p,
	pre,
	q,
	ruby,
	s,
	samp,
	section,
	small,
	span,
	strike,
	strong,
	sub,
	summary,
	sup,
	table,
	tbody,
	td,
	tfoot,
	th,
	thead,
	time,
	tr,
	tt,
	u,
	ul,
	var,
	video) {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

*:where(.quiz30years-container *):is(article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	menu,
	nav,
	section) {
	display: block
}


*:where(.quiz30years-container *):is( ol, ul) {
	list-style: none
}

*:where(.quiz30years-container *):is(blockquote,
q) {
	quotes: none
}

*:where(.quiz30years-container *):is(blockquote, q):after,
*:where(.quiz30years-container *):is(blockquote, q):before {
	content: "";
	content: none
}

*:where(.quiz30years-container *):is(table) {
	border-collapse: collapse;
	border-spacing: 0
}

*:where(.quiz30years-container *):is(:focus,
:hover) {
	outline: none;
	-webkit-tap-highlight-color: transparent
}

*:where(.quiz30years-container *):is(a,
button,
input,
select,
textarea) {
	-webkit-tap-highlight-color: transparent
}


*:where(.quiz30years-container *):is(
	*,
	:after,
	:before 
) {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

*:where(.quiz30years-container *):is( img ) {
	display: block;
	max-width: 100%;
	height: auto
}

.quiz30years-container {
	line-height: 1
}


.quiz30years-num {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: -0.024px;
	color: #677888;
	margin-bottom: 8px
}

.quiz30years-title {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: -0.144px;
	color: #011E39
}

.quiz30years-txt1 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: -0.15px;
	color: #011E39
}

.quiz30years-txt2 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: -0.024px;
	color: #677888
}

.quiz30years-txt3 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: -0.027px
}

.quiz30years-letter {
	background: #F4F5F7;
	color: #000;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px
}

.quiz30years-title-flex {
	position: relative
}

.quiz30years-title-flex .quiz30years-title {
	width: calc(100% - 60px)
}

.quiz30years-title-flex .quiz30years-icon {
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0
}

.quiz30years-title-flex .quiz30years-icon.quiz30years-true {
	background-image: url(images/check.svg)
}

.quiz30years-title-flex .quiz30years-icon.quiz30years-false {
	background-image: url(images/dangerous.svg)
}

.quiz30years-des {
	padding-top: 16px;
	display: none
}

.quiz30years-des .quiz30years-line {
	height: 1px;
	background-color: #CDD3D8;
	margin-bottom: 16px
}

.quiz30years-dog {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -15px;
	pointer-events: none
}

@media screen and (max-width:850px) {
	.quiz30years-dog .quiz30years-desk {
		display: none
	}
}

.quiz30years-dog .quiz30years-mobil {
	display: none
}

@media screen and (max-width:850px) {
	.quiz30years-dog .quiz30years-mobil {
		display: block
	}
}

@media screen and (max-width:850px) {
	.quiz30years-dog {
		width: min(100%, 230px)
	}
}

@media screen and (max-width:750px) {
	.quiz30years-dog {
		position: relative;
		bottom: auto;
		left: 0;
		-webkit-transform: none;
		transform: none;
		margin-inline: auto;
		margin-top: -100px
	}
}

@media screen and (max-width:600px) {
	.quiz30years-dog {
		margin-top: -50px
	}
}

@media screen and (max-width:450px) {
	.quiz30years-dog {
		margin-right: -60px
	}
}

/*
.quiz30years-container {
	width: min(100%, 1200px)
}
*/

.quiz30years-content {
	background-image: url(images/bg.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 620px;
	border-radius: 20px;
	position: relative;
	padding: 64px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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
}

@media screen and (max-width:750px) {
	.quiz30years-content {
		height: 750px;
		padding-bottom: 0
	}
}

@media screen and (max-width:600px) {
	.quiz30years-content {
		padding: 24px 20px 0 20px;
		height: auto
	}
}

@media screen and (max-width:450px) {
	.quiz30years-content {
		overflow-x: hidden
	}
}

.quiz30years-content .quiz30years-btn {
	display: none;
	position: absolute;
	bottom: 64px
}

.quiz30years-content .quiz30years-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	margin-top: 48px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

@media screen and (max-width:600px) {
	.quiz30years-content .quiz30years-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 24px
	}
}

.quiz30years-card_conteniner {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.quiz30years-card {
	width: 100%
}

.quiz30years-btn_wrap {
	width: min(100%, 880px);
	margin-inline: auto
}

.quiz30years-wrap {
	width: min(100%, 880px);
	margin-inline: auto;
	height: 100%
}

.quiz30years-option {
	width: min(100%, 320px);
	padding: 24px;
	border-radius: 20px;
	background-color: white;
	cursor: pointer
}

.quiz30years-option.quiz30years-true .quiz30years-txt1 {
	color: #359786
}

.quiz30years-option.quiz30years-true .quiz30years-letter {
	background: rgba(53, 151, 134, 0.1);
	color: #359786
}

.quiz30years-option.quiz30years-false .quiz30years-txt1 {
	color: #CC0000
}

.quiz30years-option.quiz30years-false .quiz30years-letter {
	background: rgba(204, 0, 0, 0.1);
	color: #CC0000
}

@media screen and (max-width:600px) {
	.quiz30years-option {
		width: min(100%, 600px)
	}
}

.quiz30years-btn {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 48px;
	border-radius: 100px;
	background: #C00;
	padding: 12px 24px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: -0.15px;
	color: white;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s
}

@media (hover:hover) {
	.quiz30years-btn:hover {
		background: #931c13
	}
}

@media screen and (max-width:750px) {
	.quiz30years-btn {
		margin-top: 16px
	}
}

.quiz30years-finale {
	border-radius: 20px;
	background: #F4F5F7;
	height: 620px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
	display: none
}

@media screen and (max-width:600px) {
	.quiz30years-finale {
		height: auto
	}
}

.quiz30years-finale .quiz30years-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 48px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: min(100%, 840px);
	margin-inline: auto
}

@media screen and (max-width:600px) {
	.quiz30years-finale .quiz30years-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		gap: 24px
	}
}

.quiz30years-finale .quiz30years-left {
	width: min(100%, 584px)
}

.quiz30years-finale .quiz30years-right {
	min-width: 244px;
	width: 244px
}

@media screen and (max-width:600px) {
	.quiz30years-finale .quiz30years-right {
		min-width: auto;
		width: 215px
	}
}

.quiz30years-finale .quiz30years-right.quiz30years-bronze .quiz30years-badge {
	color: #C57652
}

.quiz30years-finale .quiz30years-right.quiz30years-bronze img {
	border-radius: 50%;
	border: 7px solid #C57652
}

.quiz30years-finale .quiz30years-right.quiz30years-gold .quiz30years-badge {
	color: #CBA05A
}

.quiz30years-finale .quiz30years-right.quiz30years-gold img {
	border-radius: 50%;
	border: 7px solid #CBA05A
}

.quiz30years-finale .quiz30years-right.quiz30years-silver .quiz30years-badge {
	color: #677888
}

.quiz30years-finale .quiz30years-right.quiz30years-silver img {
	border-radius: 50%;
	border: 7px solid #677888
}

@media screen and (max-width:600px) {
	.quiz30years-finale .quiz30years-right img {
		width: 180px
	}
}

.quiz30years-finale .quiz30years-btn {
	margin-top: 32px
}

.quiz30years-score {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-size: 56px;
	line-height: 120%;
	letter-spacing: -0.56px;
	margin-bottom: 24px
}

.quiz30years-badge {
	font-size: 24px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	line-height: 130%;
	letter-spacing: -0.144px;
	margin-top: 24px;
	text-align: center
}

@media screen and (max-width:600px) {
	.quiz30years-badge {
		margin-top: 12px
	}
}