/*====================== Google fonts ========================*/

@font-face {
	font-family: 'DIN 2014';
	src: url('../fonts/DIN2014-ExtraBold.eot');
	src: url('../fonts/DIN2014-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DIN2014-ExtraBold.woff2') format('woff2'),
		url('../fonts/DIN2014-ExtraBold.woff') format('woff'),
		url('../fonts/DIN2014-ExtraBold.ttf') format('truetype'),
		url('../fonts/DIN2014-ExtraBold.svg#DIN2014-ExtraBold') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN2014';
	src: url('../fonts/DIN2014-Bold.eot');
	src: url('../fonts/DIN2014-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DIN2014-Bold.woff2') format('woff2'),
		url('../fonts/DIN2014-Bold.woff') format('woff'),
		url('../fonts/DIN2014-Bold.ttf') format('truetype'),
		url('../fonts/DIN2014-Bold.svg#DIN2014-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN 2014';
	src: url('../fonts/DIN2014-Regular.eot');
	src: url('../fonts/DIN2014-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DIN2014-Regular.woff2') format('woff2'),
		url('../fonts/DIN2014-Regular.woff') format('woff'),
		url('../fonts/DIN2014-Regular.ttf') format('truetype'),
		url('../fonts/DIN2014-Regular.svg#DIN2014-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/*====================== Basic css ========================*/

html {
	font-size: 62.5%;
}

:root {
	scroll-behavior: unset;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

a,
a:hover {
	text-decoration: none;
}

button:focus,
a:focus,
input:focus,
textarea:focus {
	outline: none;
}

/* body */
body {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.3;
	font-family: 'DIN 2014';
	color: #333b55;
	background-color: #055C79;
	overflow-x: hidden;
}


/* title */

h2 {
	font-family: 'DIN 2014';
	font-size: 7.2rem;
	line-height: 1.25;
	font-weight: 800;
	color: #fff;
}

h3 {
	font-family: 'DIN 2014';
	font-size: 3rem;
	line-height: 1.25;
	font-weight: 800;
	color: #052B37;
}

h4 {
	font-family: 'DIN 2014';
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.33;
	color: #057094;
}


/* button */

.button {
	display: inline-block;
	background: #6D9D3A;
	-webkit-box-shadow: 0 2.4rem 2.4rem rgb(0, 0, 0, 0.16);
	box-shadow: 0 2.4rem 2.4rem rgb(0, 0, 0, 0.16);
	font-family: 'DIN 2014';
	font-size: 2.4rem;
	line-height: 1.5;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 1rem 4rem;
	border-radius: 12.4rem;
	border: none;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.button:hover {
	background: #052B37;
	color: #fff;
}

.button.disabled {
	color: #B9C2C6;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #E7EDEF;
	pointer-events: none;
}

.button.disabled_v1 {
	color: #177094;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #125671;
	pointer-events: none;
}




/*====================== content area start ========================*/

.content_area {
	padding: 7.5rem 0 6rem;
	position: relative;
	z-index: 1;
}

.content_area.pt_50 {
	padding-top: 5rem;
}

.start_area::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40rem;
	background: -webkit-gradient(linear, left bottom, left top, from(#055C79), to(transparent));
	background: -o-linear-gradient(bottom, #055C79, transparent);
	background: linear-gradient(0deg, #055C79, transparent);
	z-index: -1;
}



/* progress */

.progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: .6rem;
	background: #044055;
	z-index: 111;
}

.progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #BCBFB8;
}

.progress-bar-secondary {
	background: #BCBFB8;
}

.progress-bar-green {
	background: #6D9D3A;
}



/* logo_group */

.logo_group a {
	display: inline-block;
	width: 29rem;
	-webkit-box-shadow: 0 2.4rem 3.6rem rgb(0, 0, 0, 0.16);
	box-shadow: 0 2.4rem 3.6rem rgb(0, 0, 0, 0.16);
}


/* footer_logo */

.footer_logo {
	display: block;
	width: 33.5rem;
}


/* start_wrap */

.start_wrap {
	padding: 25rem 0 16rem;
}

.start_wrap .button {
	padding: 1.5rem 5rem;
}



/* shape */

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

.sh2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 39.7rem;
	z-index: -1;
}



/* go_back */

.go_back {
	position: absolute;
	right: calc((100% - 755px) / 2);
	top: 2.5rem;
	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;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	background: #64A8CC;
	border: 1px solid #707070;
	-webkit-box-shadow: 0 1.2rem 1.2rem rgb(0, 0, 0, 0.16);
	box-shadow: 0 1.2rem 1.2rem rgb(0, 0, 0, 0.16);
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	z-index: 11111;
}

.go_back:hover {
	background: #052B37;
	border-color: #052B37;
}

.go_back img {
	width: 1.6rem;
}



/* content_box */
.content_box {
	padding: 2.4rem 3rem 4.7rem 3rem;
	background: #FFFFFF;
	border-radius: 1.2rem;
}

.content_box p {
	font-size: 1.8rem;
}


/* list_group */
.list_group {
	padding-left: 3.2rem;
}

.list_group li {
	list-style: disc;
}

.list_group li:not(:last-child) {
	margin-bottom: 1rem;
}

.lang_wrap {
	padding: 1.9rem 1.9rem 2.9rem 1.9rem;
	background: #E7EDEF;
	border-radius: .6rem;
}

.lang_wrap .g-3 {
	--bs-gutter-x: 1.6rem;
	--bs-gutter-y: 1.6rem;
}



/* switch */
.switch_fuild {
	position: relative;
	margin-left: auto;
}

.switch {
	height: 0;
	width: 0;
	visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pts {
	display:none;
	color:#6D9D3A;
	margin-left:0.5rem;
	opacity:75%;
}

.switch+label {
	cursor: pointer;
	text-indent: -9999px;
	/* width: 4.4rem; */
	width: 2.4rem;
	height: 2.4rem;
	background: #BABABA;
	display: block;
	border-radius: 12.4rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	right: 0;
	top: 0;
}

.switch+label:after {
	content: '';
	position: absolute;
	top: .2rem;
	left: .2rem;
	right: .2rem;
	bottom: .2rem;
	width: 2rem;
	height: 2rem;
	background: #FFFFFF;
	border-radius: 50%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.switch:checked+label:after {
	background: #6D9D3A;
	/* left: calc(100% - .2rem);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%); */
}



/* lang_card */

.lang_card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #F2F7F8;
	border-radius: .6rem;
	padding: 1.1rem 1.2rem 1.1rem .8rem;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	border: 1px solid transparent;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}
.switch_fuild svg {
	position:absolute;
	top:0;
	right:0;
	display:none;
}
.lang_selected .switch_fuild svg {
	display:block;
}
.lang_selected {
	border-color: #6D9D3A;
	-webkit-box-shadow: 0 0 .6rem #6D9D3A;
	box-shadow: 0 0 .6rem #6D9D3A;
	background: #FFFFFF;
}
.lang_selected.lang_card h4,
.answer_selected.answer_card h4 {
	color: #6D9D3A;
}
.lang_selected .switch_fuild svg,
.answer_selected .switch_fuild svg {
	display: block;
}
.lang_selected .switch+label,
.answer_selected .switch+label {
	display:none;
}
.flag_icon {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
}

.lang_card h4 {
	color: #000000;
	margin-left: 1rem;
}




/* questions_area */

.questions_area h4 {
	font-size: 2.4rem;
	color: #FFFFFF;
}

.questions_wrap {
	background: #057094;
	-webkit-box-shadow: 0 0 4.4rem rgb(0, 0, 0, 0.16);
	box-shadow: 0 0 4.4rem rgb(0, 0, 0, 0.16);
	border-radius: 3.4rem 3.4rem 0 0;
	padding: 2.5rem 0 15rem;
	min-height: calc(100vh - 41rem);
}

.footer_logo_wrap {
	background: #057094;
	padding-bottom: 6rem;
}


.questions_wrap h4 {
	color: #CCD7DB;
}

.questions_wrap h3 {
	color: #FFFFFF;
	font-size: 3.6rem;
	padding: 1rem 0 2rem;
}



/* answer_card */

.answer_card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1rem 1.1rem 1.2rem 1.2rem;
	background: #F2F7F8;
	border-radius: .6rem;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	margin-top: 1.2rem;
}

.answer_selected {
	border-color: #6D9D3A;
	-webkit-box-shadow: 0 0 .6rem #6D9D3A;
	box-shadow: 0 0 .6rem #6D9D3A;
}

.answer_card h4 {
	font-size: 1.8rem;
	color: #000000;
}



/* result_body */

.result_body {
	background: #FFFFFF;
}


/* result_hero_content */

.result_hero_content {
	padding: 4rem 8rem;
	background: #177094;
	border-radius: 3.2rem;
	text-align: center;
	color: #FFFFFF;
}

.result_hero_content h3 {
	color: #FFFFFF;
}

.result_hero_content h2 {
	font-size: 9.6rem;
	margin-bottom: .7rem;
}

.result_hero_content p {
	font-size: 1.8rem;
	line-height: 1.5;
}
.result_hero_content p strong {
	margin-bottom:0.5rem;
	font-size: 2rem;
	display: block;
}



/* question_blk */

.question_blk {
	padding: 2rem;
	border-radius: 2.4rem;
	background: #F2F7F8;
	color: #000000;
	font-size: 2.1rem;
	line-height: 1.142;
	font-weight: 400;
	margin-top: 2rem;
}

.question_text {
	margin-bottom: .4rem;
}

.question_text b {
	color: #177094;
}

.answer_text b {
	color: #6D9D3A;
}



/* health_support_content */

.health_support_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2.4rem 9rem 2.4rem 3rem;
	border-radius: 2.4rem;
	background: #052B37;
	font-size: 1.8rem;
	color: #FFFFFF;
	line-height: 1.33;
}

.health_support_content img {
	width: 4.7rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 1.8rem;
}



/* next_step_wrap */

.next_step_wrap {
	background: #6D9D3A;
	border-radius: 0 0 3.4rem 3.4rem;
	padding: 2rem 0;
	margin-bottom: 6.8rem;
}

.next_step_wrap_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


/* go_next */

.go_next {
	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;
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	background: #FFFFFF;
	-webkit-box-shadow: 0 1.2rem 1.2rem rgb(0, 0, 0, 0.16);
	box-shadow: 0 1.2rem 1.2rem rgb(0, 0, 0, 0.16);
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.go_next img {
	width: 1.6rem;
}

.go_next:hover {
	background: #044055;
}

.go_next:hover img {
	-webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(25deg) brightness(110%) contrast(100%);
	filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(25deg) brightness(110%) contrast(100%);
}




/* popup */

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1111;
	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;
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
	transition: 200ms;
}

.popup::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 54, 74, 0.9);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	z-index: -1;
}

.popup.show {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
}

.popup .go_back{
	top: 4rem;
}

.popup_body {
	max-width: 90%;
	width: 67rem;
}

.popup_content {
	background: #FFFFFF;
	border-radius: 2.4rem;
	padding: 4rem 9rem 5rem 4.5rem;
}

.popup h3 {
	font-size: 3.6rem;
	color: #052B37;
	line-height: 1.166;
}

.popup p {
	font-size: 2.4rem;
	line-height: 1.333;
	margin-top: .4rem;
}

.popup .button:hover {
	background: #057094;
}

.popup .go_back:hover {
	background: #6D9D3A;
}