@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;
}


section.desk_que {
    display: none; 
    gap: 10px;
    padding: 0 70px;
    justify-content: space-between;
	&.active{
		display: flex;
	}
}

section.desk_que .desk_left_sec {
    width: 40%;
    max-width: 433px;
    display: flex;
    flex-direction: column;
}

section.desk_que .desk_righ_sec {
    width: 50%;
}

section.desk_que .desk_left_sec p {
    font-family: Switzer;
    color: gray;
    font-weight: 400;
    font-size: 17px;
    line-height: 23.8px;
    margin: 0 0 20px;
}

section.desk_que .desk_left_sec h1 {
    font-weight: 600;
    color: #ffff;
    font-size: 38px;
    line-height: 43.7px;
    margin: 0 0 31px;
}

section.desk_que .desk_left_sec p:last-child {
    margin-bottom: 0;
}

section.desk_que .desk_righ_sec .desk_righ_top_sec {
    text-align: center;
    width: 85%;
}

section.desk_que .desk_righ_sec .desk_righ_top_sec button.no_btn {
    font-size: 15.57px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: none;
    box-shadow: 0px 4px 7px #0000;
	padding: 0;
}

section.desk_que .desk_righ_sec .desk_righ_top_sec button.no_btn.active {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #b99763;
    border: 1px solid #b99763;
    box-shadow: 0px 4px 7px #0000;
	padding: 0;
}

section.desk_que .desk_righ_sec .desk_righ_top_sec .desk_righ_top_sec_progress {
    margin-top: 17px;
    width: 286px;
    margin-left: auto;
    margin-right: auto;
}

section.desk_que .desk_righ_sec .desk_righ_top_sec span {
    color: #fff;
    margin: 0 20px;
    font-size: 14.57px;
    line-height: 26.69px;
    box-shadow: 0px 4px 7px #0000;
}
.desk_righ_quest p {
    color: gray;
    font-size: 14.31px;
    line-height: 20.03px;
    font-weight: 400;
    width: max-content;
    font-family: Switzer;
}
section.desk_que .desk_righ_sec .desk_righ_top_sec .desk_righ_top_sec_progress progress#file {
    width: 100%;
    background-color: #b99763;
    height: 5px;
}
section.desk_que .desk_righ_sec .desk_righ_top_sec .desk_righ_top_sec_progress progress#file::-webkit-progress-bar {
    background: #fff;
}
section.desk_que .desk_righ_sec .desk_righ_top_sec .desk_righ_top_sec_progress progress#file::-webkit-progress-value {
    background: #b99763;
}
.desk_righ_top_sec_question {
    margin-top: 42px;
}

.desk_righ_top_sec_question .desk_righ_quest p {
    margin: 0;
}
.desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 12px 0;
    width: 85%;
    align-items: center;
}

.desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest .range {
    width: 100%;
    max-width: 585px;
    margin: 0 auto;
    height: 100%;
}
/* .desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest .range input[type="range"] {
    cursor: grab;
    width: 80%;
    accent-color: #cb4b4b;
    background-color: black;
    appearance: none;
    height: 8px;
    margin: 0 auto;
    display: block;
    position: relative;
} */
.desk_righ_rating p {
    margin: 0;
    color: #fff;
    font-size: 11.45px;
    line-height: 13.86px;
    font-weight: 400;
    font-family: "Inter", sans-serif;
}

.desk_righ_rating p span {
    display: block;
    text-align: center;
}

.desk_righ_rating p span {
    font-weight: 700;
    font-size: 25.4px;
    line-height: 30.31px;
    font-family: "Inter", sans-serif;
}
.desk_righ_rating p span {
    color: #B53434;
}
.third .desk_righ_rating p span {
    color: #feb03b;
}
.fourth .desk_righ_rating p span {
    color: #388770;
}
 .desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest.third .range input[type="range"]{
    color: #feb03b;
}
.desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest.fourth .range input[type="range"]{
    color: #388770;
}
.ext_text_btn {
    margin-top: auto;
}
button.desk_btn {
    padding: 8px 12px;
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-weight: 600;
    line-height: 16.03px;
    font-size: 11.45px;
    letter-spacing: -0.01em;
    cursor: pointer;
    font-family: Switzer;
}
.desk_righ_sec button.desk_btn {
    margin-top: 50px;
    margin-left: 100px;
    font-family: Switzer;
}
.ext_text_btn {
    text-align: right;
}
/* .desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest .range input[type="range"]::-webkit-slider-thumb{
    appearance: none;
    width: 25px;
    height: 25px;
    background-color: #B53434;
    border-radius: 50%;
    box-shadow: -500px 0 0 500px #00fd0a;
} */
/* .desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest .range input[type="range"]::-webkit-slider-thumb{
    appearance: none;
    width: 25px;
    height: 25px;
    background-color: #B53434;
    border-radius: 50%;
} */

/*
.desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest.third .range input[type="range"]::-webkit-slider-thumb{
    background: #feb03b;
}
.desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest.fourth .range input[type="range"]::-webkit-slider-thumb{
    background: #388770;
}*/
.desk_righ_top_sec_question .desk_righ_quest .desk_righ_quest .range input[type="range"]::-webkit-progress {
    height: 10px;
    -webkit-appearance: none;
    background-color: #13bba4;
  }
  section.desk_que .desk_left_sec p.lesson {
    margin-bottom: 0;
    font-weight: 400;
}
section.desk_que .desk_left_sec h1 span {
    font-weight: 400;
}
/**********/


input[type="range"] {
	font-size: 1.5rem;
	width: 12.5em;
}

input[type="range"] {
	color: #ef233c;
	--thumb-height: 30px;
	--track-height: 8px;
	--track-color: rgba(0, 0, 0, 1);
	--brightness-hover: 180%;
	--brightness-down: 80%;
	--clip-edges: 8px;
}

input[type="range"] {
	position: relative;
	background: transparent;
	overflow: hidden;
}


/* === WebKit specific styles === */
input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}


input[type="range"]::-webkit-slider-thumb {
	--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
	--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
	--clip-bottom: calc(var(--thumb-height) - var(--clip-top));
	--clip-further: calc(100% + 1px);
	--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
		100vmax currentColor;

	width: var(--thumb-width, var(--thumb-height));
	background: linear-gradient(currentColor 0 0) scroll no-repeat left center /
		50% calc(var(--track-height) + 1px);
	background-color: currentColor;
	box-shadow: var(--box-fill);
	border-radius: var(--thumb-width, var(--thumb-height));

	filter: brightness(100%);
	clip-path: polygon(
		100% -1px,
		var(--clip-edges) -1px,
		0 var(--clip-top),
		-100vmax var(--clip-top),
		-100vmax var(--clip-bottom),
		0 var(--clip-bottom),
		var(--clip-edges) 100%,
		var(--clip-further) var(--clip-further)
	);
}


input[type="range"]::-webkit-slider-runnable-track {
	background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
		100% calc(var(--track-height) + 1px);
}

input[type="range"]::-moz-range-thumb {
	background: currentColor;
	border: 0;
	width: var(--thumb-width, var(--thumb-height));
	border-radius: var(--thumb-width, var(--thumb-height));
	cursor: grab;
}
/****** assessment ****/

section.desk_que .desk_left_sec.assessment_left {
    width: 50%;
    max-width: 50%;
}
section.desk_que .desk_righ_sec.assessment_right {
    width: 40%;
    max-width: 40%;
    overflow: hidden;
}
ul.main_ul {
    padding-left: 25px;
}

ul.main_ul li {
    color: gray;
    font-family: Switzer;
    font-weight: 400;
    font-size: 17px;
    line-height: 23.8px;
}
.desk_righ_sec.assessment_right .right-form input {
    display: inline-block;
    height: 68px;
    width: 100%;
    background: #252424;
    border: none;
    outline: none;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Switzer';
    padding: 0px 26px;
    border-radius: 4px;
}

.desk_righ_sec.assessment_right .right-form form {
    width: 100%;
    position: relative;
}

.desk_righ_sec.assessment_right .right-form  button {
    margin-top: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    font-family: 'Switzer';
    font-weight: 600;
    font-size: 21px;
    line-height: 30px;
    color: #000;
    padding: 21px 32px;
    background: #B99763;
    border: none;
    cursor: pointer;
}
section.desk_que .desk_righ_sec.assessment_right .desk_righ_top_sec_question {
    margin-top: 90px;
}

section.desk_que {
    position: relative;
}

section.desk_que.assegiment:after {
    content: "";
    position: absolute;
    background: url("images/bg-1.jpg");
    width: 50vw;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    left: auto;
    right: 0;
    z-index: -1;
}
/********* score css **********/
section.desk_que.score_main {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

section.desk_que.score_main .score_left {
    color: #fff;
    text-align: center;
}

section.desk_que.score_main .score_main_column {
    width: calc(33% - 10px);
}
section.desk_que.score_main .score_left p.sco_title {
    margin: 0;
    font-size: 19.95px;
    line-height: 27.93px;
    font-weight: 600;
    font-family: 'General Sans Variable';
}

section.desk_que.score_main .score_left .score_total {
    margin-top: 45px;
}

section.desk_que.score_main .score_left .score_total p {
    margin-top: 0;
    font-size: 18.95px;
    line-height: 26.53px;
    font-family: Switzer;
    margin-bottom: 19px;
}

section.desk_que.score_main .score_left .score_total p span {
    font-weight: 700;
}

section.desk_que.score_main .score_left .score_total p span span.score_out_of {
    color: #B53434;
}
.score_center .score_center_top {
    text-align: center;
    color: gray;
    max-width: 460px;
    background: #313131;
    border-radius: 48px;
    padding: 20px;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
}

.score_center .score_center_top span {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
    font-family: 'General Sans Variable';
}
.score_center .score_center_top .score_center_main_top {
    margin-top: 31px;
}

.score_center .score_center_top .score_center_main_top>p {
    margin: 0;
    font-weight: 600;
    font-family: 'General Sans Variable';
    font-size: 38px;
    line-height: 43.7px;
    letter-spacing: -0.01em;
    color: #fff;
}

.score_center .score_center_top .score_center_main_top .sc_totl_out {
    margin-top: 31px;
    color: transparent;
    font-weight: 600;
    font-family: 'General Sans Variable';
    font-size: 50px;
    line-height: 67.5px;
    position: relative;
    background: linear-gradient(0deg, #E76767 45%, #B53434);
    background-clip: text;
    padding-bottom: 20px;
}

.score_center .score_center_top .score_center_main_top .sc_totl_out span {
    display: block;
    color: #fff;
    font-weight: 600;
    font-family: 'General Sans Variable';
    font-size: 50px;
    line-height: 67.5px;
    position: relative;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.score_center .score_center_top .score_center_main_top .sc_totl_out span:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 2px;
    background: #fff;
}
section.desk_que.score_main .score_center .score_center_bottom p {
    text-align: center;
    margin-top: 30px;
    color: gray;
    font-weight: 400;
    font-size: 17px;
    line-height: 23.8px;
    font-family: Switzer;
}
section.desk_que.score_main .score_center .score_center_bottom p span.score_red {
    color: #B53434;
}
section.desk_que.score_main .score_right.score_main_column {
    text-align: center;
}

section.desk_que.score_main .score_right.score_main_column p {
    margin: 0;
    color: #B99763;
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 18.95px;
    line-height: 26.53px;
}
section.desk_que.score_main .score_right.score_main_column .score_center_bottom button {
    height: 52px;
    font-size: 16px;
    line-height: 22.4px;
    letter-spacing: -0.01em;
}
section.desk_que.score_main .score_bottom_btn {
    max-width: 33%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;

}
/***** final score *********/
section.desk_que.no_flex {
    flex-wrap: wrap;
    display: unset;
}

section.desk_que.no_flex .desk_que_main_top {
    width: 100%;
    text-align: center;
}
section.desk_que.no_flex .desk_que_main_top h2 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-family: 'General Sans Variable';
    font-size: 33px;
    line-height: 50.6px;
    letter-spacing: -0.01em;
}

section.desk_que.no_flex .desk_que_main_top p {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    line-height: 84.72px;
    margin: 0;
    font-family: Inter;
}

section.desk_que.no_flex .desk_que_main_top p span {
    color: transparent;
    background: linear-gradient(0deg, #E76767 45%, #B53434);
    background-clip: text;
}
.fia_top_head {
    display: flex;
    margin-top: 100px;
    padding: 0 70px;
}

.fia_top_head .fia_top_head_left {
    width: 40%;
}

.fia_top_head .fia_top_head_right {
    width: 60%;
    color: #fff;
}

.fia_top_head .fia_top_head_right ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap:54px;
    list-style: none;
    font-family: 'General Sans Variable';
    font-weight: 600;
    font-size: 20px;
    line-height: 34.0px;
}
.fia_score_bottom_sec {
    margin-top: 50px;
    padding: 0 70px;
}

.fia_score_bottom_sec .fia_score_bottom_main {
    display: flex;
    justify-content: space-between;
}
.fia_score_bottom_sec .fia_score_bottom_main .fia_score_bottom {
    width: 40%;
    text-align: center;
    color: #fff;
    font-family: 'General Sans Variable';
    font-weight: 600;
    font-size: 16.22px;
    line-height: 29px;
    max-width: 333px;
    margin-left: auto;
    margin-right: auto;
}
.fia_score_bottom_sec .fia_score_bottom_main .fia_score_bottom_below {
    width: 60%;
}
.fia_score_bottom_sec .fia_score_bottom_main .fia_score_bottom_below input[type="range"] {
    width: 80%;
    margin-left: 30px;
}
/**/
.fia_score_bottom_sec .range-grid {
    position: relative;
    width: 60%;
}
    .range-grid .toplabel {
    text-align: center;
    grid-column: col/span 6;
}
.fia_score_bottom_sec .range-slider__range {
    overflow: unset;
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    outline: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    border-radius: 2px;
}

.fia_score_bottom_sec .range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: 40px;
    height: 40px;    
    background: url("images/bg-svg.svg") no-repeat;
    background-size:contain;
    cursor: grab;
    transition: all 150ms linear;
    box-sizing: border-box;
    position: relative;
    margin-top: -30px;
    margin-left: 0px;
    z-index: 11;
}
.fia_score_bottom_sec .range-slider__range::-moz-range-thumb {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border-radius: 50%;
    background: white;
    border: 4px solid #77b82a;
    cursor: grab;
    transition: all 150ms linear;
    box-sizing: border-box;
}
.fia_score_bottom_sec .range-slider__value {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 22px;
    height: 22px;
    background: #77b82a;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: bold;
    color: white;
}
.fia_score_bottom_sec ::-moz-range-track {
    background: #77b82a;
    border: 0;
}
.fia_score_bottom_sec input::-moz-focus-inner,
.fia_score_bottom_sec input::-moz-focus-outer {
    border: 0;
}
.fia_score_bottom_sec .tickmarks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 4px;
    position: relative;
    /* disable text selection */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
    /* disable click events */
    pointer-events: none;
    z-index: -1;
}
.fia_score_bottom_sec .tickmarks option {
    background-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 1px;
    border-radius: 50%;
    white-space: nowrap;
    margin: -14px 0 0 0;
    padding: 0;
    font-size: 0.825rem;
    font-weight: bold;
    line-height: 1;
    color: white;
    z-index: -1;
}
.fia_score_bottom_sec .tickmarks option:nth-child(even) {
opacity: 0 !important;
}
.fia_score_bottom_sec .tickmarks option:first-child {
opacity: 1 !important;
position: relative;
left: 6px;
}
.fia_score_bottom_sec .range-grid .middlelabel:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 10px;
    background: #1e1e1e;
    transform: translateY(-50%);
    z-index: 1;
}
.fia_score_bottom_sec .tickmarks option:before {
content: "";
width: 1px;
height: 20px;
background: #fff;
}
.fia_score_bottom_sec .tickmarks option:last-child:before,
.fia_score_bottom_sec .tickmarks option:first-child:before {
    height: 30px;
}
.fia_score_bottom_sec .range-slider__range {
    --thumb-height: none;
    --track-height: 0;
}
.fia_score_bottom_sec .range-grid .middlelabel {
    width: 83%;
    margin-left: 40px;
    margin-right: auto;
    position: relative;
}
.fia_score_bottom_sec .fia_score_bottom_main:not(:last-child) {
    margin-bottom: 60px;
}
.fia_score_bottom_sec .range-grid .middlelabel:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 22px;
    height: 10px;
    background: #1e1e1e;
    transform: translateY(-50%);
    z-index: 1;
}
.fia_score_bottom_sec .tickmarks option:last-child:before {
    left: -22px;
    position: relative;
}
section.desk_que.no_flex .score_bottom_btn {
    margin-top: 100px;
    max-width: 30%;
    margin-left: 40%;
    display: flex;
    justify-content: space-between;
}
.fia_score_bottom_sec .tickmarks option:first-child:before {
    position: relative;
    left: 10px;
}
.fia_score_bottom_sec .range-grid .middlelabel .middlelabel_number {
    position: absolute;
    top: -50px;
    left: 10px;
    color: #FF0004;
    font-weight: 400;
    font-size: 19.82px;
    line-height: 27.75px;
    font-family: 'Switzer';
}
.fia_score_bottom_sec .fia_score_bottom_main .fia_score_bottom span {
    font-weight: 400;
    font-family: 'General Sans Variable';
    font-size: 14px;
}

@media (max-width: 768px){
    .desktop_body{
        display: none;
    }
	.page-id-62 .site-header,
	.page-id-62 .wp-custom-logo .site-header{
		display:none !important;
	}
	.page-id-62 .site-main{
		padding-top: 0;
	} 
	 
	
}






















/*********************mobile************************/
.page-template-quiz{
	background: #2E2E2E !important;
}
 
@media (min-width: 768px){
	.desktop_body{
		display: none; 
	}
    .qz_section{
		 margin-top:100px !important;
      /*  display: none; */
    }
	.page-template-quiz {
		background: #1e1e1e !important;
		font-family: 'General Sans Variable';
	}
	
}

.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;
}

.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);
	}
	@media (max-width:330px){
		height: calc(100vh - 30px);
	}
}
.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: 20px;
	font-weight: 700;
	line-height: 24.2px;
	text-align: center; 
	color:  #B99763; 
}
.qzbox_question_txt{
	font-family: Inter;
	font-size: 20px;
	font-weight: 700;
	line-height: 24.2px;
	text-align: center; 	
	color: #fff;
}
.qzbox_description{
	font-family: Inter;
	font-size: 17px;
	font-weight: 400;
	line-height: 23.8px;
	text-align: center; 
	color: #898989; 
	margin: 20px auto 0;
	max-width: 290px;
}
[data-no="1"] .qzbox_description{
	font-family: Switzer;
}
.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: 20px;
	font-weight: 500;
	line-height: 21.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: 30px 40px 20px;
	@media (max-width:330px){
			padding:20px;
	}
}
.qzfst_heading{
	text-align: center;
	.qzfst_header_txt{		 
		color: #FFFFFF;
		margin: 30px 0 25px;
		font-family: General Sans Variable;
		font-size: 36px;
		font-weight: 600;
		line-height: 38.52px;
		text-align: center;
		@media (max-width:330px){
			margin:0;
		}
	}
}
.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: 0;
	padding: 15px 0;
	.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: Inter;
		font-size: 17px;
		font-weight: 400;
		line-height: 23.8px;
		text-align: center; 
		text-decoration-skip-ink: none;
		color: #898989;
		margin: 0; 
	}
	.qzfst_detail_hightlight{
		color:#B99763;
	}
}
.qzfst_bottom{
	margin-top: 30px;
	@media (max-width:330px){
		margin-top: 0;
	}
	.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;
	background-image: url(images/pdf_bg.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
	.qzboxrs_inner{
		width: 100%; 
		padding: 0 25px;
		max-width: 520px;
		margin: 0 auto;
	}
	.qzboxrs_header {
		text-align: center; 
		margin: 0 auto 20px;
        padding-top: 45px;
		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;
		}
	}
}

.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);
	}
  }

.rst_round {
  width: 100%;
  max-width: 320px;
  margin: 15px auto 100px;
  position: relative;
  aspect-ratio: 1 / 1;
}

.rst_inner { 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 0.75px solid #DCDCDC;
} 
 
.rst_txt svg {
  aspect-ratio: 1 / 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
} 
.rst_1 {
  width: 100%;
  background-image: url(images/adoption-green.png?var=01);
  &.red_style{
	background-image: url(images/adoption-red.png?var=01);
  }
  &.yellow_style{
	background-image: url(images/adoption-yellow.png?var=01);
  }
}

.rst_2 {
  width: calc(100% - 60px);
  background-image: url(images/execution-green.png?var=01);
  &.red_style{
	background-image: url(images/execution-red.png?var=01);
  }
  &.yellow_style{
	background-image: url(images/execution-yellow.png?var=01);
  }
}

.rst_3 {
  width: calc(100% - 120px);
  background-image: url(images/development-green.png?var=01);
  &.red_style{
	background-image: url(images/development-red.png?var=01);
  }
  &.yellow_style{
	background-image: url(images/development-yellow.png?var=01);
  }
}

.rst_4 {
  width: calc(100% - 180px);
  background-image: url(images/strategy-green.png?var=01);
  &.red_style{
	background-image: url(images/strategy-red.png?var=01);
  }
  &.yellow_style{
	background-image: url(images/strategy-yellow.png?var=01);
  }
}

.rst_5 {
  width: calc(100% - 240px);
  background-image: url(images/vision-green.png?var=01);
  &.red_style{
	background-image: url(images/vision-red.png?var=01);
  }
  &.yellow_style{
	background-image: url(images/vision-yellow.png?var=01);
  }
}

.rst_txt textPath{
  font-size: 14px;
  text-align: center;
  font-family: Switzer;
  font-size: 14px;
}
.rst_txt.red_style textPath{
	fill: #FF0000; 
}
.rst_txt.yellow_style textPath{
	fill: #EB9A3F; 
}
.rst_txt.green_style textPath{
	fill: #388770; 
}