@font-face {
	font-family: General Sans Variable;
	src: url('font/GeneralSans-Variable.ttf');
}

@font-face {
	font-family: Switzer;
	src: url('font/Switzer-Variable.ttf');
}
body {
	touch-action: manipulation;
}

.save_value_form{
	display: none;
	margin: 0;
	padding: 0;
	p{
		height: 0;
	}
	.qform_mistake_input{
		display: none;
	}
	.wpcf7-spinner{
		background-color: #7b6712;
		opacity: 1;
		width: 40px;
		height: 40px;
		position: absolute;
		right: 40px; 
		margin-top: -50px;
		&::before{
			width: 8px;
			height: 8px;
			transform-origin: 14px 14px;
			background-color: #c9ff6f;
		}
	}
}
.wpcf7-response-output{
	text-align: center;
	font-family: Inter;
	a{
		display: inline-block !important;
		color: #B99763;
		font-family: Inter;
	}	
}
.pdf_value{
	display: none;
}

.qz_section{
	padding:0;
	overflow: hidden;
}
.page-template-quiz{
	background: #2E2E2E;
}
.qzbox_inner{
	width: 100%;
	padding: 160px 0 0;
	max-width: 620px;
    margin: 0 auto;
	overflow: hidden;
	position: relative;
    height: 790px;
	@media (max-width:767px){
		height: calc(100vh - 80px);
	}
	
}
.qzbox_header {
    text-align: center;
    position: relative;
    left: 50%;
    top: -8px;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	img{
		max-width: 70px;
	}
}
 
.qzbox_flx{
	display: flex;
	gap:10px;
	.qzbox_question_heading,
	.qzbox_question_txt{
		text-align: center;
	}
	.qzbox_question_txt{
		color:  #FEB03B; 
		margin-top: 10px;
	}
	.qzbox_question{
		/*width: calc(100% - 70px); */
		width: 100%;
	}
	.qzbox_number{
		width: 60px;
	}
}
.qzft_flx{
	display: flex;
	justify-content: space-between;
	padding: 0 30px 15px; 
}
.qzft_btn {
	border-radius: 35px;
	color:#fff;
	background-color: #ffffff33;
	padding: 14px 16px;
	cursor: pointer;
	display: none;
	align-items: center;
	gap: 5px;
	text-align: center;
	min-width: 90px;
	&.active{
		display: flex;
	}
}
.qz_circle{
	aspect-ratio: 1 / 1; 
	position: relative;
	border-radius: 50%;
	&::before{
		content: '';
		left: 50%;
		top:50%;
		position: absolute;
		width: 102%;
		height: 102%;
		border: 1px solid #FFFFFF0D; 
		border-radius: 50%;
		background-color: #FFFFFF0D; 
		transform: translate(-50%, -50%);
	}
	&.qzcl_position{
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;
		top:50%; 
		
	}
	&.qzcl_center{
		display: flex; 
		flex-direction: column;
		justify-content: center;
		width: 100vw;
		max-width: 460px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		left: 50%;
		top:50%; 
	}
	 
}

.price-label{  
    display: flex;
    align-items: center;
	flex-direction: column;
    justify-content: center;
	#selected-price{
		color: #009951;
		font-family: Inter;
		font-size: 35px;
		font-weight: 700;
		line-height: 42.36px;
		text-align: center; 
		min-height: 34px;
		display: inline-block;
	}
	.qzsp_label{
		font-family: Inter;
		font-size: 16px;
		font-weight: 400;
		line-height: 19.36px;
		text-align: center;
		color: #fff;
	}
	label{
		margin: 0;
	}

}
.qzsp_scale_img {
    max-width: 520px;
    width: 100vw;
    margin: 0 auto;
	img{
		width: 100%;
		position: relative;  
	}
	.img_1, .img_2, .img_0{
		display: none;
	}
	&.scale_green{
		.img_1{
			display: block;
		}
	}
	&.scale_red{
		.img_2{
			display: block;
		}
	}
	&.scale_normal{
		.img_0{
			display: block;
		}
	}
}
.qzsp_scale, .qzsp_value, .qzbox_script {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100vw;
    max-width: 520px;
    transform: translateX(-50%);
	text-align: center;
}
.qzsp_value{
	bottom: -15px;
}
.curser_drack{
	width: 80px;
    height: 80px;
	position: absolute;
    cursor: pointer; 
	bottom:0; 
	left: calc(50% - 34px); 
	&:before{
		content: '';
		width: 12px;
		height: 12px;
		position: absolute;
		bottom: 10px;
		left: 33px;
		background-color: #000;
		border-radius: 50%;
		z-index: 1;
	}
	&:after{
		content:'';
		width: 64px;
    	height: 64px;
		position: absolute;
		border-radius: 50%;
		left: 50%;
		top:14px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #B3B3B3;
	}
	&.scale_red{
		&:after{
			background: linear-gradient(180deg, #B53434 0%, #E76767 100%);
		}
	}
	&.scale_green{
		&:after{
			background: linear-gradient(180deg, #388770 0%, #7DD3AE 100%);
		}
	}
	&.scale_normal{
		&:after{
			background: linear-gradient(180deg, #E08E42 0%, #FEB03B 100%);
		}
	}
}
.crdk_box {
    width: 100%; 
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    bottom: 0;
    height: 20px;
	opacity: 0;
	.crdk_item { 
		border: 1px solid #000;
		&.crdk_1{
			width: 27%;
		}
		&.crdk_2{
			width: 10%;
		}
		&.crdk_3{
			width: 12%;
		}
		&.crdk_4{
			width: 12%;	
		}
		&.crdk_5{
			width: 10%;
		}
		&.crdk_6{
			width: 10%;
		}
		&.crdk_7{
			width: 10%;
		}

		&.crdk_8{
			width: 5%;
		}
		&.crdk_9{
			width: 5%;
		}
		&.crdk_10{
			width: 5%;
		}
		&.crdk_11{
			width: 5%;
		}
		&.crdk_12{
			width: 24%;
		}
	}
}
.qz_circle_3 {
	z-index: 9;
}
 
.qzsp_points_box{ 
	.qzsp_scroll_box{
		width: 100%;
		.qzsp_points{
			width: 60px;
			height: 60px;
			background-color: #B3B3B3;
			border-radius: 50%;
			position: absolute;
			 
			cursor: pointer;
			transition-duration: .4s;
			&::before{
				content: '';
				width: 12px;
				height: 12px;
				position: absolute;
				bottom: 10px;
				left: 10px;
				background-color: #000;
				border-radius: 50%;
			}
		}
	} 
}
.qzbox_step{
	position: relative;
	opacity: 0;
	/*display: none; */
	&.first_step{
		position: absolute; 
		top: 0; 
	}

	&.active{
		/*display: block; */
		z-index: 9;
		opacity: 1;
	}
	&.qzbox_step_new{ 
		position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
	}
}

.qzbox_footer {
    position: absolute;
    width: 100%;
    bottom: 0;
	z-index: 9;
	&.starting{
		.qzft_prev{
			/*display: none; */
		}
	}
	&.end_point{
		.qzft_next{
			/*display: none; */
		}
	}
}
.qzbox_step_inner {
    padding: 0 20px;
	position: relative;
	z-index: 2;
}
.qzbox_question_heading{ 
	font-family: Inter;
	font-size: 18px;
	font-weight: 500;
	line-height: 22.2px;
	text-align: center; 
	color:  #B99763; 
}
.qzbox_question_txt{
	font-family: Inter;
	font-size: 18px;
	font-weight: 700;
	line-height: 22.2px;
	text-align: center; 	
	color: #fff;
}
.qzbox_description{
	font-family: Switzer;
	font-size: 16px;
	font-weight: 400;
	line-height: 22.8px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #898989; 
	margin: 20px auto 0;
	max-width: 290px;
}
.qzbox_number{
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	text-align: left;
	color: #fff;
}
.qzbox_answer_txt{
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	line-height: 22.68px;
	text-align: center; 
	color: #fff;
	padding: 0 15px;
	min-height:70px;
}
.qzbox_answer{
	margin-top: 24px;
}
.qzfst_logo{
	text-align: center; 
	img{
		width: 70px;

	}
}
.qzfst_box{
	padding: 40px 50px 20px;
}
.qzfst_heading{
	text-align: center;
	.qzfst_header_txt{		 
		color: #FFFFFF;
		margin: 70px 0 50px;
		font-family: Inter;
		font-size: 36px;
		font-weight: 400;
		line-height: 38.52px;
		text-align: center;
	}
}
.qzfst_title{ 
	 
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 25px;

	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 17.12px; 

}
.qzfst_detail{
	margin-top: 50px;
	.qzfst_detail_heading{
		font-family: Roboto;
		font-size: 20px;
		font-weight: 400;
		line-height: 21.4px;
		text-align: left;
		color: #FFFFFF; 
		margin-bottom: 12px;
	}
	p{ 
		font-family: Switzer;
		font-size: 16px;
		font-weight: 400;
		line-height: 22.8px;
		text-align: center; 
		text-decoration-skip-ink: none;
		color: #898989;
		margin: 0; 
	}
	.qzfst_detail_hightlight{
		color:#B99763;
	}
}
.qzfst_bottom{
	margin-top: 30px;
	.qzfst_btxt{
		font-family: Roboto;
		font-size: 14px;
		font-weight: 400;
		line-height: 14.98px;
		text-align: left;
		color: #000;
		display: flex;
        flex-direction: column;
        background-color: #E6E0E9;  
        margin-bottom: 10px;
        max-width: 100%;
		padding: 10px;
        border-radius: 3px;
		label{
			margin: 0;
			padding: 0;
 
			font-family: Roboto;
			font-size: 14px;
			font-weight: 400; 
			text-align: left;
			color: #49454F;

		}
	}
	.qzfst_input{
		font-family: Roboto;
		font-size: 14px;
		font-weight: 400;
		line-height: 14.98px;
		text-align: left;
		color: #000 !important;
		padding: 0;
		background-color: transparent !important;
		border: none !important;
        outline: none !important; 
	}
}

.start_first{
	background-image: url('images/first_img.png');
	height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.qzbox_step_box {
	background-image: url('images/step_01.png');
	background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
	height: 100%;  
	&::before{
		content: '';
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		position: absolute;
		background-image: url('images/first_img.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
	}
	&::after{
		content: '';
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		position: absolute;
		background-color: #000;
		opacity: .55;
	}
	.qzbox_header{
		position: unset;
		-webkit-transform: unset;
		-moz-transform: unset;
		transform: unset;
		padding-top: 40px;
		.qzbox_question_heading,
		.qzbox_question_txt{
			text-align: center;
		}  
	} 
	.qzbox_flx {
		display: block;
		margin-top: 40px;
		.qzbox_question_heading, 
		.qzbox_question_txt{
			text-align: center;
		}
		.qzbox_question {
			width: 100%;
			margin-top: 120px;
		}
	}
	.qzbox_question_txt{
		color: #fff;
	} 
}



.qzbox_resuelt{
	display: none;
	.qzboxrs_inner{
		width: 100%; 
		padding: 0 25px;
		max-width: 520px;
		margin: 0 auto;
	}
	.qzboxrs_header {
		text-align: center;
		margin: 45px auto 20px;
		img{
			max-width: 52px;
		}
	} 
}
.qzboxrs_total{
	text-align: center;
	position: relative;
	&::before{
		content: '';
        position: absolute;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        background: #FFFFFF0D;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
	}
	.qzboxrs_txt{
		font-family: General Sans Variable;
		font-size: 16px;
		font-weight: 600;
		line-height: 19.2px;
		letter-spacing: -0.01em;
		text-align: center;
		color:  #898989; 
		margin-bottom: 15px;
	}
	.qzboxrs_heading{
		font-family: General Sans Variable;
		font-size: 30px;
		font-weight: 600;
		line-height: 36px;
		letter-spacing: -0.01em;
		text-align: center;
		color: #FFFFFF;
	}
}
.qzboxrs_values{ 
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: row;
    margin-top: 0;
    gap: 30px;
	.qzboxrs_value{
		font-family: General Sans Variable;
		font-size: 40px;
		font-weight: 600;
		line-height: 57.5px;
		text-align: center;
		color: #B53434;  
		position: relative;
		&:before{
			content: '';
            width: 3px;
            background-color: #fff;
            position: absolute;
            top: 5px;
            right: -18px;
            height: calc(100% - 10px);
            -webkit-transform: rotate(21deg);
            -moz-transform: rotate(21deg);
            transform: rotate(21deg);
		} 
	}
	.qzboxrs_totals{
		font-family: General Sans Variable;
		font-size: 40px;
		font-weight: 600;
		line-height: 57.5px;
		text-align: center;
		color:#fff;  
	}
}
.qzboxrs_detail{
	.qzboxrs_description{
		font-family: Switzer;
		font-size: 14px;
		font-weight: 400;
		line-height: 19.6px;
		text-align: left;
		color:#fff;
		margin: 70px auto 50px;
        max-width: 360px;
		display: none;
	}
	.qzboxrs_list{
		font-family: General Sans Variable;
		font-size: 18.95px;
		font-weight: 600;
		line-height: 26.53px;
		text-align: center;
		margin-top: 30px;
	}
}
.qzft_txt{
	font-family: Inter;
	font-size: 18px;
	font-weight: 500;
	line-height: 22.2px;
	text-align: center;
	color: #FFFFFF;
	display: inline-block;
    text-align: center;
    width: 100%;
}
.qzft_img{
	img{
		width: 8px;
		display: block;
	}
}
.stlv_flx {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
	font-family: General Sans Variable;
	font-size: 16.95px;
    font-weight: 600;
    line-height: 22.53px;
    margin-bottom: 10px; 
	.sub_total_list_txt{
		width:calc(100% - 60px);
		text-align: left;
	}
	.sub_total_list_value{
		width:55px;
		text-align: right;
	}
	.stlv_value{
		color: #B53434; 
		position: relative;
		&::before{
			content: '';
			width: 1px;
			background-color: #fff;
			position: absolute;
			top: 5px;
            right: -7px;
            height: calc(100% - 10px);
            -webkit-transform: rotate(21deg);
			-moz-transform: rotate(21deg);
			transform: rotate(21deg);
		}
		&.style_1{
			color: #E08E42;
		}
		&.style_2{
			color: #388770;			
		}
	}
}
.qzboxrs_btn_box{
	margin: 30px auto 20px;
	max-width: 280px;
	.qzboxrs_btn_label{
		font-family: General Sans Variable;
		font-size: 18.95px;
		font-weight: 600;
		line-height: 26.53px;
		text-align: center;
		margin-bottom: 15px;
	}
}
.qzboxrs_btn{
	text-align: center;
	margin-bottom: 15px;
	.qzboxrs_link{
		background: #FFFFFF;
		font-family: Switzer;
		font-size: 16px;
		font-weight: 600;
		line-height: 22.4px;
		letter-spacing: -0.01em;
		text-align: center;
		display: inline-block;
		padding: 10px 15px;
		color: #1E1E1E;
		text-decoration: none;
		border-radius: 4px;
	}
}
.generate_pdf{
	display: none;
}
/*
[data-qus="9"]{
	.qzbox_step_box{
		background-size: 220px;
		background-position: center bottom 100px;
		&::after{
			display: none;
		}
	}
}
*/
.sub_total_list_value {
    display: flex;
    gap: 12px;
}
.qz_section {
    margin: 0;
}
.site-main{
	padding-bottom: 0;
}
.qzbox_prosserBar{
	background: #3D3D3D;
	border-radius:4px;
	padding: 12px; 
	position: relative;
	width: calc(100% - 60px);
    margin: 15px auto 30px;
	.qzpb_inner {
		background: var(--Fills-Secondary, #78788029);
		height: 4px;
	}
	.qzpb_inner_box{ 
		padding: 0 12px;
        position: relative;
	}
	.qzpb_active{
		position: absolute;
		height: 4px;
		left:0;
		top:50%; 
		background-color: #B99763;
		width: 10%;
	}
}
input.qzboxrs_list_style {
    padding: 15px;
    border-radius: 10px;
	font-family: Switzer;
    font-size: 17px;
	color: #000;
}
.qzboxrs_cf_btn{
	text-align: center;
}
.qzboxrs_summary{
	text-align: center;
	.suy_txt{
		font-family: General Sans Variable;
		font-size: 18.95px;
		font-weight: 600;
		line-height: 26.53px;
		text-align: center;
		text-underline-position: from-font;
		text-decoration-skip-ink: none; 
		color: #B99763;
	}
	.suy_img{
		max-width: 40px;
		margin: 75px auto 15px;
		animation: bounce 2s infinite ease-in-out;
		img{
			width: 100%;
			display: block;
		}
	}
}
.rst_round{
	width: calc(100% - 30px);
	margin: 15px auto 100px;
	img{
		width: 100%;
		display: block;
	}
}
.qzboxrs_list_input {
    text-align: center;
    margin-top: 20px;
}
.qzboxrs_cf{
	text-align: center;
    margin-top: 25px;
	.qzboxrs_Confirm {
		border-radius: 35px;
		color: #fff;
		background-color: #ffffff33;
		padding: 14px 16px;
		cursor: pointer;  
		text-align: center;
		min-width: 90px;
		margin: 20px auto 0;
		display: inline-block;
        text-decoration: none;
        white-space: nowrap;
		text-decoration: none;
		font-family: Inter;
	}
}
.qzboxrs_list_txt{
	font-family: General Sans Variable;
	font-size: 18.95px;
	font-weight: 600;
	line-height: 26.53px;
	text-align: center;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: #B99763;
}
.input_error{
	.error_txt{
		font-family: General Sans Variable;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		text-align: center;
		color:#B53434;
		display: none;
		margin-bottom: 10px;
	}
}
.qzsp_txt{
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 15px; 
	min-height: 15px;
}
 

@keyframes bounce {
	0%, 100% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(-50px);
	}
  }