body{
	background: var(--Blue-25, #F7FBFF);
}
/*========== QUIZ START =========*/
.quiz-main{

}

.quiz-main h3{
	color: var(--Grey-950, #0A0D10);
	font-family: "Plus Jakarta Sans";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: -0.72px;
	margin:0;
	padding: 0;
}
.quiz-main div{
	box-sizing: border-box;
}
.quiz-main .header{
	border-bottom: 1px solid var(--Primary-50, #E6F0FF);
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(15px);
/*	height: 80px;*/
	padding: 16px 0px;
	text-align: center;
}
.quiz-main .header .logo img{
	height: 48px;
}
.quiz-main .main-wrapper .ad-unit{
/*	height: 220px;*/
	padding: 44px 0;
/*	background: var(--Grey-100, #D1D1DB);	*/
}
.quiz-main .main-wrapper .content-area{
	padding: 80px 0px 96px 0px;
/*	background: var(--Primary-50, #E6F0FF);*/
	background: url(/images/dot.svg) repeat var(--Blue-50, #D1EAFF);
}
.quiz-main .content-wrapper{
	width: 83%;
	margin: 0 auto;
	max-width: 1200px;
}
.quiz-main .main-wrapper .content-wrapper .box{
	padding: 8px;
	border-radius: 24px;
	background: var(--White, #FFF);
	box-shadow: 0px 118px 71px 0px rgba(0, 9, 41, 0.02), 0px 53px 53px 0px rgba(0, 9, 41, 0.03), 0px 13px 29px 0px rgba(0, 9, 41, 0.03);
	margin: 0 auto;
}
.quiz-main .main-wrapper .content-wrapper .box .inn{
	border-radius: 16px;
	border: 1px solid var(--Primary-100, #CCE1FF);
	background: var(--White, #FFF);
	box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
	overflow: hidden;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header{
	padding: 24px 32px;
	background: var(--White, #FFF);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar{
	padding: 8px 0px;
	position: relative;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar .progressbar-bg{
	border-radius: 4px;
	background: var(--Blue-50, #D1EAFF);
	height: 8px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar .progressbar-bg .current{
	border-radius: 4px;
    background: linear-gradient(90deg, #0887F7 50%, #2EDCFF 100%);                
    height: 100%;
    width: 0%;
    transition: .3s ease;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar .progressbar-thumb{
	width: 20px;
	height: 20px;
	border-radius: 100px;
	border: 2px solid var(--White, #FFF);
	background: radial-gradient(95.61% 95.61% at 31.25% 6.25%, #2EDCFF 0%, #0887F7 65%);
	box-shadow: 0px 24px 9px 0px rgba(10, 13, 16, 0.01), 0px 13px 8px 0px rgba(10, 13, 16, 0.05), 0px 6px 6px 0px rgba(10, 13, 16, 0.09), 0px 1px 3px 0px rgba(10, 13, 16, 0.10);
	position: absolute;
    top: 2px;
    left: calc(0% + -10px);
    transition: .3s ease;

		
	
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar.per50 .progressbar-thumb{
	left: calc(50% + -10px);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar.per100 .progressbar-thumb{
	left: calc(100% + -10px);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar.per50 .progressbar-bg .current{
	width: 50%;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .header .progressbar.per100 .progressbar-bg .current{
	width: 100%;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content{
	padding: 0;
	margin:0;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .left .steps-info{
	color: var(--Blue-300, #52AEFF);
	font-family: "Plus Jakarta Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 24px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip{
	color: var(--Grey-600, #475D71);
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/*display: grid;
	align-items: end;*/
	margin-top: 58px;
	position: relative;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .left{
	border-right: none !important;
}

.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .right .quiz-tip{
	margin-top: 0;
	background:none;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .tip{	
	padding: 16px;
	border-radius: 12px;
	background: var(--Blue-25, #F7FBFF);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .success-tip{
	top: 0;
	padding: 8px 14px;
	border-radius: 18px;
	border: 1px solid rgba(168, 215, 255, 0.40);
	background: linear-gradient(180deg, rgba(247, 251, 255, 0.80) 0%, rgba(168, 215, 255, 0.80) 50%), #FFF;
	box-shadow: 0px 12px 16px -4px rgba(0, 14, 26, 0.08), 0px 4px 6px -2px rgba(0, 14, 26, 0.03), 0px 2px 2px -1px rgba(0, 14, 26, 0.04);
	display: none;
	color: var(--Blue-800, #003F75);
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;	
	position: absolute;    
    opacity: 0;


}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .pre-success-tip{
	top: 0;
	padding: 8px 14px;
	border-radius: 18px;
	border: 1px solid rgba(168, 215, 255, 0.40);
	background: linear-gradient(180deg, rgba(247, 251, 255, 0.80) 0%, rgba(168, 215, 255, 0.80) 50%), #FFF;
	box-shadow: 0px 12px 16px -4px rgba(0, 14, 26, 0.08), 0px 4px 6px -2px rgba(0, 14, 26, 0.03), 0px 2px 2px -1px rgba(0, 14, 26, 0.04);
	display: none;
	color: var(--Blue-800, #003F75);
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;	
	position: absolute;    
    opacity: 0;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .success-tip.BL,.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .warning-tip.BL{
	top: unset !important;
	left: 0 !important;
	right: unset !important;
	bottom: 0 !important;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .success-tip.TL,.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .warning-tip.TL{
	top: 0 !important;
	left: 0 !important;
	right: unset !important;
	bottom: unset !important;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .success-tip.BR,.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .warning-tip.BR{
	top: unset !important;
	left: unset !important;
	right: 0 !important;
	bottom: 0 !important;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .success-tip.TR,.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .warning-tip.TR{
	top: 0 !important;
	left: unset !important;
	right: 0 !important;	
	bottom: unset !important;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip .warning-tip{
	top: 0;
	padding: 8px 14px;
	border-radius: 18px;
	border: 1px solid rgba(255, 184, 184, 0.40);
	background: linear-gradient(180deg, rgba(255, 248, 248, 0.80) 0%, rgba(255, 184, 184, 0.80) 50%), #FFF;
	box-shadow: 0px 12px 16px -4px rgba(85, 22, 12, 0.08), 0px 4px 6px -2px rgba(85, 22, 12, 0.03), 0px 2px 2px -1px rgba(85, 22, 12, 0.04);
	display: none;
	color: var(--Red-800, #840F0F);
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	position: absolute;    
    opacity: 0;


}


.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .quiz-tip strong{
	color: var(--Grey-900, #000929);
	font-weight: 700;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn{
	display: grid;
	grid-template-columns: 1fr 496px !important;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn .left{
	padding: 64px 48px;
	border-right: 1px solid var(--Primary-100, #CCE1FF);
	background: var(--White, #FFF);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed{
	
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn{
	display: grid;
	grid-template-columns: 50% 50% !important;	
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .left{
	padding: 80px 48px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .left > div.sub{
	margin-top: 24px;
	color: var(--Grey-600, #4E526F);
	font-family: "Plus Jakarta Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .left .quiz-tip{
	margin-top: 48px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .left .quiz-tip .tip{
	padding: 16px 20px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .left .quiz-tip .tip .h4{
	color: var(--Grey-950, #0A0D10);
	font-family: "Plus Jakarta Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .left .quiz-tip .tip > .sub{
	margin-top: 8px;
	color: var(--Grey-600, #475D71);
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn{
	grid-template-columns: 1fr 1fr !important;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left{
	padding: 48px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left .congrats{
	color: var(--Blue-300, #52AEFF);
	font-family: "Plus Jakarta Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left h3{
	margin: 16px 0 48px 0;
	color: var(--Grey-950, #0A0D10);
	font-family: "Plus Jakarta Sans";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: -0.72px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .quiz-tip{
	margin-top: 0;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .quiz-tip .tip{
	padding: 16px 20px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left .quiz-tip .tip .h4{
	color: var(--Grey-900, #000929);
	font-family: "Plus Jakarta Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left .quiz-tip .tip ul{
	margin: 12px 0 0 0;
	padding: 0;
	list-style: none;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left .quiz-tip .tip ul li{
	color: var(--Grey-600, #475D71);
	font-family: "Plus Jakarta Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-top: 12px;
	padding-left: 24px;
	background: url(/images/blue-check.svg) no-repeat 0px 4px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left .quiz-tip .tip ul li:fist-child{
	margin-top: 0;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right{
	padding: 94px 48px 64px 48px;
	background: var(--Blue-50, #D1EAFF);
	display: block;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right h3{
	color: var(--Grey-950, #0A0D10);
	font-family: "Plus Jakarta Sans";
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: -0.72px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right ul{
	margin: 24px 0 0 0;
	padding: 0;
	list-style: none;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right ul li{
	color: var(--Grey-700, #374858);
	font-family: "Plus Jakarta Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-top: 12px;	
	/*display: grid;
    grid-template-columns: 32px 1fr;*/
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right ul li span{
	background: url(/images/li-right-arrow.svg) no-repeat 0px 0px;
	padding-left: 30px;	
	display: inline-block;
	margin-right: 6px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right ul li:first-child{
	margin-top: 0;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right .resources-box{
	margin-top: 48px;
	padding: 16px 20px;
	background: url(/images/half-home.svg) no-repeat calc(100% + 114.5px) calc(100% + 16.5px) var(--Blue-25, #F7FBFF);
	border-radius: 8px;
	border: 1px solid var(--Blue-100, #A8D7FF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right .resources-box .h4{
	color: var(--Grey-950, #0A0D10);
	font-family: "Plus Jakarta Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right .resources-box a{
	text-decoration: none;
	color: var(--Blue-500, #0887F7);
	text-align: center;
	font-family: "Plus Jakarta Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px;
	margin-top: 12px;
	display: block;
    text-align: left;
}
.button3{
	user-select: none;
	text-decoration: none;
	padding: 5px 10px;
/*	height: 40px;*/
	color: var(--Blue-500, #0887F7);
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;	
/*	line-height: 28px;*/
	display:inline-block;


	border-radius: 4px;
	border: 1.5px solid var(--Blue-100, #A8D7FF);
	background: var(--Blue-25, #F7FBFF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);
}

.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .right{
	padding: 0 48px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .right.blueBG{	
	background: var(--Blue-50, #D1EAFF);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .right{
	background: var(--Blue-25, #F7FBFF);
	/*align-items: flex-start;
    justify-content: center;*/
    position: relative;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .right img.lock{
	position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn .right .checkboxes{
	width: 100%;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn .right .checkboxes .checkbox{	
	margin-top: 20px;
	cursor: pointer;
	user-select: none;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn .right .checkboxes .checkbox:first-child{
	margin-top: 0;
}
.quiz-main .main-wrapper .content-wrapper .box .inn .footer{
	padding: 24px 32px;
	background: var(--White, #FFF);
	border-top: 1px solid var(--Primary-50, #E6F0FF);
}
.quiz-main .checkbox{
/*	height: 56px;*/
	padding: 16px 20px;				
	display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;


	border-radius: 4px;
	border: 1px solid var(--Blue-100, #A8D7FF);
	background: var(--White, #FFF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);

}
.quiz-main .checkbox .tick{
	width: 20px;
	height: 20px;
	border-radius: 4px;
	border: 1px solid var(--Blue-100, #A8D7FF);
	background: var(--White, #FFF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);
}
.quiz-main .checkbox.checked{

	border-radius: 4px;
	border-top: 1.5px solid var(--Blue-500, #0887F7);
	border-right: 1.5px solid var(--Blue-500, #0887F7);
	border-bottom: 3px solid var(--Blue-500, #0887F7);
	border-left: 1.5px solid var(--Blue-500, #0887F7);
	background: var(--Blue-100, #A8D7FF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);

}
.quiz-main .checkbox.checked .tick{
	padding: 3px;

	background-image:url(/images/chkmark.svg);
	background-position: center calc(50% + 1px);
	background-repeat: no-repeat;


	border-radius: 4px;
	border: 1px solid var(--Blue-600, #0070D1);
	background-color: var(--Blue-500, #0887F7);
	box-shadow: 0px 0.5px 3px 2px rgba(255, 255, 255, 0.15) inset, 0px 4px 8px 1px rgba(255, 255, 255, 0.15) inset, 0px 17px 7px 0px rgba(10, 13, 16, 0.01), 0px 9px 6px 0px rgba(10, 13, 16, 0.04), 0px 4px 4px 0px rgba(10, 13, 16, 0.06), 0px 1px 2px 0px rgba(10, 13, 16, 0.07);

}
.quiz-main .checkbox.checked.red{
	border-radius: 4px;
	border-top: 1.5px solid var(--Red-500, #FF2F2F);
	border-right: 1.5px solid var(--Red-500, #FF2F2F);
	border-bottom: 3px solid var(--Red-500, #FF2F2F);
	border-left: 1.5px solid var(--Red-500, #FF2F2F);
	background: var(--Red-100, #FFB8B8);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);

}
.quiz-main .checkbox.checked.red .tick{
	background: url(/images/chkmark.svg) no-repeat center var(--Red-500, #FF2F2F);
	border-radius: 4px;
	border: 1px solid var(--Red-600, #EB1A1A);
	box-shadow: 0px 0.5px 3px 2px rgba(255, 255, 255, 0.15) inset, 0px 4px 8px 1px rgba(255, 255, 255, 0.15) inset, 0px 17px 7px 0px rgba(29, 3, 3, 0.01), 0px 9px 6px 0px rgba(29, 3, 3, 0.04), 0px 4px 4px 0px rgba(29, 3, 3, 0.06), 0px 1px 2px 0px rgba(29, 3, 3, 0.07);

}

.quiz-main .checkbox span{
	color: var(--Grey-700, #374858);
	text-align: center;
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	margin-left: 12px;
	display: inline-block;
	text-align: left;
	line-height: 24px;
}
.quiz-main .checkbox.checked span{
	color: var(--Blue-600, #0070D1);
}
.quiz-main .checkbox.red.checked span{
	color: var(--Red-600, #EB1A1A);
}
.quiz-main .footer .footer-inn{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.quiz-main .quiz-button{
	display: inline-block;
/*	height: 44px;*/
	border-radius: 8px;
	color: var(--White, #FFF);
	text-align: center;
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
	text-transform: uppercase;
	cursor: pointer;
}
.quiz-main .footer .footer-inn .button-place:last-child{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}
.quiz-main .quiz-button.left{
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 18px 10px 46px;		
	background: url(/images/arrow-left-blue.svg) no-repeat 18px center var(--Blue-25, #F7FBFF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);
	color: var(--Primary-500, #0072FB);

	border-radius: 4px;
	border: 1.5px solid var(--Blue-100, #A8D7FF);

/* Shadow xs */
box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);
}
.quiz-main .quiz-button.right{
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 46px 10px 18px;		
	
	background: url(/images/arrow-right-white.svg) no-repeat calc(100% - 18px) center var(--Blue-500, #0887F7);
	color: var(--White, #FFF);

	border-radius: 4px;
	border: 1.5px solid var(--Blue-600, #0070D1);	
	box-shadow: 0px 0.5px 3px 2px rgba(255, 255, 255, 0.15) inset, 0px 4px 8px 1px rgba(255, 255, 255, 0.15) inset, 0px 17px 7px 0px rgba(10, 13, 16, 0.01), 0px 9px 6px 0px rgba(10, 13, 16, 0.04), 0px 4px 4px 0px rgba(10, 13, 16, 0.06), 0px 1px 2px 0px rgba(10, 13, 16, 0.07);

}
.quiz-main .large-options{
	padding: 48px;
}
.quiz-main .large-options.two-options{
	background: var(--Blue-50, #D1EAFF);
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
}
.quiz-main .large-options.four-options{
	background: var(--Blue-50, #D1EAFF);
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
}

.quiz-main .large-options .lg-button{
	user-select: none;
	padding: 40px 20px;
	border-radius: 4px;
	border: 1px solid var(--Blue-100, #A8D7FF);
	background: var(--White, #FFF);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);

	color: var(--Grey-700, #374858);	
	text-align: center;
	font-family: "Plus Jakarta Sans";
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	cursor: pointer;

	display: grid;
    justify-content: center;
    align-items: center;
}
.quiz-main .large-options .lg-button.clicked{
	color: var(--Blue-600, #0070D1);
	border-radius: 4px;
	border-top: 1.5px solid var(--Blue-500, #0887F7);
	border-right: 1.5px solid var(--Blue-500, #0887F7);
	border-bottom: 3px solid var(--Blue-500, #0887F7);
	border-left: 1.5px solid var(--Blue-500, #0887F7);
	background: var(--Blue-100, #A8D7FF);
	box-shadow: 0px 5px 2px 0px rgba(0, 9, 41, 0.01), 0px 3px 2px 0px rgba(0, 9, 41, 0.03), 0px 1px 1px 0px rgba(0, 9, 41, 0.04), 0px 0px 1px 0px rgba(0, 9, 41, 0.05);
}

.quiz-main .large-options .lg-button.clicked.red{
	color: var(--Red-600, #EB1A1A);
	border-radius: 4px;
	border-top: 1.5px solid var(--Red-500, #FF2F2F);
	border-right: 1.5px solid var(--Red-500, #FF2F2F);
	border-bottom: 3px solid var(--Red-500, #FF2F2F);
	border-left: 1.5px solid var(--Red-500, #FF2F2F);
	background: var(--Red-100, #FFB8B8);
	box-shadow: 0px 1px 2px 0px rgba(10, 13, 16, 0.05);
}

.quiz-main .footer{
	background: var(--Blue-25, #F7FBFF);
	padding: 48px 0;
}
.quiz-main .footer .footer-split{
	display: grid;
	grid-template-columns: 1fr auto;
}
.quiz-main .footer .footer-split .left{
	color: var(--Grey-400, #82849C);
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}
.quiz-main .footer .footer-split .right{
	display: flex;
	justify-content: end;

}
.quiz-main .footer .footer-split .right ul{
	list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}
.quiz-main .footer .footer-split .right ul li{
	display: inline-block;
    margin: 0 24px 0 0;
}
.quiz-main .footer .footer-split .right ul li a{
	color: var(--Grey-600, #4E526F);
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px; /* 142.857% */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.quiz-main .tab-mobile-footer{
	display: none;
}
.quiz-main .fadeIn{
	opacity: 1;
	transition: 1s ease;
}
.quiz-main .fadeOut{
	opacity: 0;
	transition: 1s ease;
}

.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn{
	background: url(/images/tunnel.svg) no-repeat center   -531px,linear-gradient(180deg, rgba(168, 215, 255, 0.05) 0%, rgba(168, 215, 255, 0.80) 100%) !important
/*	background: linear-gradient(180deg, rgba(168, 215, 255, 0.05) 0%, rgba(168, 215, 255, 0.80) 100%);*/
}
.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content{
	max-width: 630px;
	margin: 0 auto;
	padding:80px 0;
	text-align: center;
}
.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content .welcome{
	color: var(--Blue-300, #52AEFF);
	text-align: center;
	font-family: "Plus Jakarta Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 16px;
}
.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content h2{
	color: var(--Grey-950, #0A0D10);
	text-align: center;
	font-family: "Plus Jakarta Sans";
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: -0.96px;
	margin: 0;
	padding: 0;
}
.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content p{
	margin:24px 0 48px 0;
	color: var(--Grey-700, #374858);
	text-align: center;
	font-family: "Plus Jakarta Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

/*.quiz-main .quiz-button.right{
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 46px 10px 18px;	
	border-bottom: 1.5px solid var(--Primary-600, #002EDF);
	background: url(/images/arrow-right-white.svg) no-repeat calc(100% - 18px) center var(--Primary-500, #0072FB);
	box-shadow: 0px 24px 9px 0px rgba(0, 9, 41, 0.01), 0px 13px 8px 0px rgba(0, 9, 41, 0.05), 0px 6px 6px 0px rgba(0, 9, 41, 0.09), 0px 1px 3px 0px rgba(0, 9, 41, 0.10);
	color: var(--White, #FFF);
}*/
/*========== QUIZ  END =========*/