@charset "utf-8";
/* CSS Document */
body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #ffffff;
	color: #000000;
	text-align: center;
	font-family: 'Inter';
	font-weight: normal;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin: 0;padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border: 0;}
a {outline: none;color: inherit;text-decoration: none;}
img {border: none; max-width: 100%; height:auto;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}
.forMob{display:none;}

/*-----------------------
FONTS
------------------------*/

@font-face {
    font-family: 'Inter';
    src: url('Inter-Bold.woff2') format('woff2'),
        url('Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Medium.woff2') format('woff2'),
        url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-SemiBold.woff2') format('woff2'),
        url('Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Regular.woff2') format('woff2'),
        url('Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif';
    src: url('PTSerif-Bold.woff2') format('woff2'),
        url('PTSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width:1010px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}


/*==========Header==============*/
.topStrip{
    float: left;
    width: 100%;
    background: #302f2f;
    padding:7px 0;
	}
.topStrip p{
    color: #ffffff;
    font-size:17px;
	line-height:17px;
	letter-spacing:0.5px;
	font-weight:600;
	}
.topStrip p span{ color:#fe9314;}	
.topStrip p img{
	display:inline-block;
	vertical-align:middle;
	margin:0 7px 0 10px;
	width:11px;
	}
	
.header{
	float:left;
	width:100%;
	padding:12px 0;
	position:relative;
	z-index:1;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);	
	}
.logo{
	margin:0 auto 0;
	display:block;
	width:320px;
	}

.progressbar{
	background:#eff2f6;
	float:left;
	width:100%;
	height:12px;	
	position:relative;
	}
.prgress-1{
	float:left;
	height:100%;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;	
	background:#f28400;
	position:relative;
	}
.progress-val{
	position:absolute;
	top:0;
	right:-35px;
	color:#000;
	font-size:15px;
	line-height:17px;
	font-weight:500;
	}
	
/*=========sec1==============*/
.sec1{
	float:left;
	width:100%;
	background:#eff2f6;
	padding:40px 0 50px;
	}
.quiz-sec{
	float: left;
    width: 100%;
	}
.question-Box{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
	max-width:860px;
	}
.quiz-height{
	float:left;
	width:100%;
	min-height:550px;
	}
.quiz-top-text{
	font-size:20px;
	line-height:26px;
	color:#000000;
	margin-bottom:5px;
	}
.quiz-main-heading{
	font-size:50px;
	line-height:56px;
	color:#171d44;
	font-family: 'PT Serif';
	font-weight:bold;
	}		
.quiz-heading{
    font-size: 36px;
    line-height: 46px;
	color:#171d44;
	font-family: 'PT Serif';
	font-weight:bold;
	}

	.quiz-link {
		text-decoration:underline;
		color:#f48500;
	}
	
.quiz_list{
	display: inline-block;
    vertical-align: top;
	width:100%;
	max-width:400px;
	margin-top:10px;
	}	
.quiz_list li{
	background:url(../images/tike-img.png) no-repeat left 2px;
	float:left;
	width:100%;
	text-align:left;
	font-size:20px;
	line-height:26px;
	color:#000;
	background-size:22px;
	font-weight:600;
	padding-left:40px;
	margin-top:15px;
	}	
	
.review_box{
	margin:30px auto 0;
	width:100%;
	background:#fff;
	border-radius:12px;
	max-width:625px;
	border:1px solid #e5e5e5;
	position:relative;
	padding:15px 20px;
	
	display: -webkit-flex;
    display: flex;
    align-items: center;	
	}
.review_box_img{
	width:120px;
	border-radius:50%;
	overflow:hidden;
	}		
.review_box_img img{
	margin:0 auto 0;
	display:block;
	}
.review_box_cont{
	width:calc(100% - 120px);
	text-align:left;
	padding-left:25px;
	}
.rev_bx_heading{
	font-size:22px;
	line-height:26px;
	color:#000;
	font-weight:bold;
	}
.rev_bx_text{
	font-size:17px;
	line-height:24px;
	color:#000;
	margin-top:5px;	
	}				
.rev_bx_name{
	font-size:18px;
	line-height:20px;
	color:#000;
	margin-top:12px;	
	}	
.rev_bx_name span{
	font-weight:bold;
	border-right:2px solid #000;
	padding-right:8px;
	margin-right:4px;
	}	
		
.button_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:440px;
	text-align:center;	
	margin-top:30px;
	}
.btn_top_text{
	display:inline-block;
	vertical-align:top;
	font-size:15px;
	line-height:15px;
	color:#000;
	position:relative;
	margin-bottom:10px;
	}	
.btn_top_text:before, .btn_top_text:after{
	content: '';
    position: absolute;
    top: 7px;
    left: -46px;
    background: #8f8888;
    height: 1px;
    width: 40px;
	}	
.btn_top_text:after{
	left:auto;
	right:-46px;
	}			
.frmBtn{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:75px;
	background:#f48500;
	color:#ffffff;
	font-size:26px;
	line-height:75px;
	font-family: 'Inter';
	font-weight:bold;
	border-radius:8px;
	text-transform:uppercase;
	-webkit-appearance:none;
	border:none;
	outline:none;
	cursor:pointer;
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.3);	
	}	
.secure-info{
	display:inline-block;
	vertical-align:top;	
	font-size:15px;
	line-height:15px;
	color:#000;
	padding-left:24px;
	position:relative;
	letter-spacing:0.3px;
	margin-top:12px;
	}
.secure-info img{
    display: inline-block;
    vertical-align: middle;
    margin: -6px 7px 0 0;
    width: 12px;
	}	

.mb-30 {
    margin-bottom:30px;
}

.bottom-seal-box{
	float:left;
	width:100%;
	margin-top:30px;
	}
ul.btm_seal_list{
	width: 100%;
    margin: 0 auto 0;
    max-width: 545px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;	
	}
ul.btm_seal_list li{
	display:inline-block;
	vertical-align:middle;
	}
ul.btm_seal_list li img{
	display:inline-block;
	vertical-align:middle;
	}		
ul.btm_seal_list li:nth-child(1) img{ width:66px;}	
ul.btm_seal_list li:nth-child(2) img{ width:120px;}	
ul.btm_seal_list li:nth-child(3) img{ width:106px;}	
ul.btm_seal_list li:nth-child(4) img{ width:132px;}	

.btn-back{
	display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 19px;
    line-height: 18px;
    color: #000000;
    margin-top: 40px;
    cursor: pointer;
	}
.btn-back img{
	display: inline-block;
    vertical-align: middle;
    margin: -4px 5px 0 0;
    width: 18px;
	}		
	
/*==========STEPS_PAGE==============*/
.quiz-sub-heading{
	font-size:22px;
	line-height:26px;
	color:#424242;
	letter-spacing:0.3px;
	margin-top:26px;
	}
.frm-fields{
	display: inline-block;
    vertical-align: top;
	width:100%;
	max-width:430px;
	}
.option-box{
    display: inline-block;
    vertical-align: top;
    width: 100%;
	}
.frm-fields_option{ max-width:100%;}	
.option-box_flex{
	margin:0 auto 0;
	
	display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		column-gap: 3%;
	}	
.option-box_flex .option-col{ width:48.5%;}	
.frm_element{
	float:left;
	width:100%;
	margin-top:20px;
	}
.label_text{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 22px;
    line-height: 24px;
    color: #000;
    margin-bottom: 5px;
	}		
.quizInpt{
	float:left;
	width:100%;
	height:70px;
	border:1px solid #9e9e9e;
	color:#000;
	font-family: 'Inter';
	font-size:22px;
	font-weight:500;
	border-radius: 10px;
	outline:none;
	padding:0 15px;
	-webkit-appearance: none;
	}
.err{
	border:2px solid #E34234 !important;
}
.err-msg{
	float: left;
	color: #E34234;
	margin-top: 3px;
	font-size: 14px;
}
.frm-fields select{
    background: #fff url(../images/frm-down.png) no-repeat center right 15px;
    -webkit-appearance: none;
	}		
.option-col{
	float:left;
	width:100%;
	position:relative;
	}
.option-col input[type="radio"],.option-col input[type="checkbox"]{
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	}	
.desc-opt{
	float: left;
    width: 100%;
	background:#fff;
    position: relative;
    font-size: 24px;
    line-height: 30px;
	border:1px solid #9e9e9e;
	font-weight:500;
	padding:22px 15px;
	color:#000;
	font-family: 'Inter';
	border-radius:10px;
    margin-top: 15px;
    cursor: pointer;
	
	-webkit-display: flex;
    display: flex;
	text-align:center;
	justify-content: center;
	}
.desc-opt:hover{
	background:#f48500;
	border:1px solid #f48500;
	color:#fff;
	}
.option-col input[type="radio"]:checked + .desc-opt,.option-col input[type="checkbox"]:checked + .desc-opt{
	background:#f48500;
	border:1px solid #f48500;
	color:#fff;
	}	
.mt_22{ margin-top:22px;}	
.mt_7{ margin-top:10px;}

.fieldToggle{
    float: left;
    cursor: pointer;
    text-align: left;
    padding-left: 30px;
    position: relative;
    margin-top: 20px;
	}
.fieldToggle input[type=checkbox]{
	position:absolute;
	opacity:0;
	}
.fieldToggle input[type=checkbox] + span{
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #7b7b7c;
	position:relative;
	}
.fieldToggle input[type=checkbox] + span{
	position:absolute; 
	left:0; 
	top:5px;
	}
.fieldToggle input[type=checkbox]:checked + span:after{
	position:absolute;
	content:'';
	width:13px;
	height:13px;
	background:url(../images/tik-blk.svg) no-repeat center center;
	background-size:100%;
	left:0px;
	top:0px;
	}	
.fieldToggle p{
	font-size:14px;
	line-height:20px;
	color:#000;	
	text-align:left;
	}
.fieldToggle p a{ text-decoration:underline;}	

/*======Thankyou======*/
.thankyou_wrap{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:420px;
	margin-top:30px;
	}
.thankyou_left{
	float:left;
	width:100%;
	text-align:left;
	}	
.thankyou_text{
	font-size:20px;
	line-height:26px;
	color:#000;
	font-weight:bold;
	}

ul.thankyou_list{
    float: left;
    width: 100%;
    margin-top: 20px;
	}	
ul.thankyou_list li{
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 40px 70px;
	}	
ul.thankyou_list li:last-child{ padding-bottom:0;}	
ul.thankyou_list li:before{
    content: '';
    position: absolute;
    top: 62px;
    bottom: 0;
    left: 25px;
    border-left: 1px dashed #171d44;
	}
ul.thankyou_list li:last-child:before{ display:none;}	
ul.thankyou_list li .step_box{
    position: absolute;
    top: 5px;
    left: 0;
    background: #171d44;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
	}
ul.thankyou_list li h3{
	font-size:20px;
	line-height:24px;
	color:#171d44;
	font-weight:bold;
	}
ul.thankyou_list li p{
	font-size:18px;
	line-height:24px;
	color:#000;
	margin-top:4px;
	}						

.thankyou_right{
	float:left;
	width:100%;
	margin-top:80px;
	}			
.form_box{
	float:left;
	width:100%;
	background:#171d44;
	border-radius:12px;
	text-align:center;
	padding:0 20px 22px;
	}
.form_box_top{
	float:left;
	width:100%;
	}
.ty_bg_phn{
	margin:-34px auto 0;
	display:block;
	width:72px;
	}
.assistance_text{
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    margin-top: 15px;	
	}	
	
.ty_review_box{
	float: left;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-top: 20px;	
	}
.ty_review_box_img{
	width: 95px;
    border-radius: 50%;
    overflow: hidden;
	}		
.ty_review_box_img img{
	margin:0 auto 0;
	display:block;
	}
.ty_review_box_cont{
	width:calc(100% - 95px);
	text-align:left;
	padding-left:18px;
	}
.ty_review_box_cont h3{
	font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
	}	
	
.form_box_btm{
	float:left;
	width:100%;
	margin-top:25px;
	}	
.thank_Btn{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 440px;
    height: 75px;
    background: #f48500;
    color: #ffffff;
    font-size: 30px;
    line-height: 75px;
    font-family: 'Inter';
    font-weight: bold;
    border-radius: 8px;
    text-transform: uppercase;
    -webkit-appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
	box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.3);
	}
.thank_Btn img{
	display:inline-block;
	vertical-align:middle;
	width:37px;
	margin:-8px 16px 0 0;
	}
			
ul.ty_btm_seal_list li:nth-child(1) img{ width:55px;}	
ul.ty_btm_seal_list li:nth-child(2) img{ width:100px;}	
ul.ty_btm_seal_list li:nth-child(3) img{ width:90px;}	
ul.ty_btm_seal_list li:nth-child(4) img{ width:115px;}							

/*-----------------------
		FOOTER CSS
------------------------*/
.footer{
	float:left;
    width:100%;
	text-align:center;
    padding:26px 0 40px;
	}	
.ftr-txt{
    float:left;
    width:100%;
    font-size:16px;
    line-height:20px;
    color:#000;
	margin-top:14px;
	letter-spacing:0.3px;
	}	
.footer .ftr-txt a{
    padding:0 5px;
    color:#000;
	position:relative;
		cursor: pointer;
	}

.disble_btn {
	opacity: 0.6;
  cursor: not-allowed;
}
	
/*==============Media=============*/

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{display:block;}

.quiz-main-heading{ font-size: 46px; line-height: 52px;}
}


@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 15px;}

.forMob{ display:block;}
.hide-mob{ display:none;}

.topStrip{ padding:8px 0;}
.topStrip p{ font-size: 14px;line-height: 14px;}
.header{ padding:8px 0;}
.logo{ width:250px;}

.progressbar{ height:12px;}
.progress-val{ font-size: 13px;line-height: 14px;right: -32px;}

.sec1{ padding:20px 0 30px;}
.quiz-height{ min-height:auto;}
.quiz-top-text{ font-size: 17px; line-height: 24px; letter-spacing:0.3px;}
.quiz-main-heading{ font-size: 36px; line-height: 38px;}
.quiz_list{ margin-top:5px;}
.quiz_list li{ font-size: 18px; line-height: 22px; background-size: 18px; padding-left: 30px; margin-top: 12px;}

.review_box{ margin: 25px auto 0; padding:20px 15px; align-items: flex-start;}
.review_box_img{ width:75px;}
.review_box_cont{ width: calc(100% - 75px); padding-left: 12px;}
.rev_bx_heading{ font-size: 20px; line-height: 22px;}
.rev_bx_text{ font-size: 20px; line-height: 22px; margin-top: 7px; letter-spacing:0.3px;}
.rev_bx_name{ font-size: 12px; line-height: 14px; margin-top:15px;}
.rev_bx_name span{ border-right: 1px solid #000;}

.button_box{ margin-top: 25px;}
.frmBtn{ height: 65px; font-size: 21px; line-height: 65px;}
.secure-info{ font-size:14px;}

.bottom-seal-box{ margin-top:20px;}
ul.btm_seal_list li{ margin:0 5px;}
ul.btm_seal_list li:nth-child(1) img{ width: 42px;}
ul.btm_seal_list li:nth-child(2) img{ width: 75px;}
ul.btm_seal_list li:nth-child(3) img{ width: 72px;}
ul.btm_seal_list li:nth-child(4) img{ width: 90px;}

.btn-back{ font-size: 17px; line-height: 17px; margin-top:28px;}

.quiz-heading{ font-size: 29px; line-height: 36px;}
.quiz-sub-heading{ font-size: 18px; line-height: 20px;  margin-top: 22px;}

.desc-opt{ font-size: 20px; line-height: 24px; padding: 19px 15px; margin-top: 12px;}
.quizInpt{ height:65px; font-size:20px;}
.label_text{ font-size:18px;}
.fieldToggle p{ font-size: 13px; line-height: 19px;}

.thankyou_wrap{ margin-top:20px;}
.thankyou_text{ font-size: 18px; line-height: 24px;}
ul.thankyou_list li h3{ font-size: 19px; line-height: 23px;}
ul.thankyou_list li p{ font-size: 17px; line-height: 23px;}
ul.thankyou_list li{ padding: 0 0 25px 52px;}
ul.thankyou_list li .step_box{ width: 40px; height: 40px; line-height: 40px;}
ul.thankyou_list li:before{ top: 50px; left: 20px;}

.thankyou_right{ margin-top:40px;}
.form_box_top h3{ font-size: 24px; line-height: 32px;}
.assistance_text{ font-size: 16px;}
.ty_bg_phn{ display:none;}
.ty_review_box_img{ width:60px;}
.ty_review_box_cont{ width: calc(100% - 60px); padding-left: 12px;}
.ty_review_box_cont h3{ font-size: 17px; line-height: 22px;}

.thank_Btn{ height: 65px; font-size: 24px; line-height: 65px;}
.thank_Btn img{ width:26px;}

ul.ty_btm_seal_list li:nth-child(1) img{ width: 42px;}
ul.ty_btm_seal_list li:nth-child(2) img{ width: 75px;}
ul.ty_btm_seal_list li:nth-child(3) img{ width: 72px;}
ul.ty_btm_seal_list li:nth-child(4) img{ width: 90px;}

.footer{ padding:18px 0 25px;}
.ftr-txt{ font-size:14px; line-height:20px; letter-spacing:0.2px; margin-top:8px;}
.footer .ftr-txt a{ padding:0 1px;}
}

.model {
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9998;
	background-color: #000;
	display: none;
	filter: alpha(opacity=100); /* internet explorer */
	-khtml-opacity: 1; /* khtml, old safari */
	-moz-opacity: 1; /* mozilla, netscape */
	opacity: 1; /* fx, safari, opera */
	background-color: rgba(31,32,41,.75);
	text-align: left;
}

.model-content {
	height: 95%;
	background-color: #fff;
	margin: 20px;
	border: 1px solid #000;
	border-radius: 25px;
}

.model-content-head {
	height: 50px;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.model-content-head .cross:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "\274c"; /* use the hex value here... */
	font-size: 50px; 
	color: #FFF;
	line-height: 100px;
	text-align: center;
}

.model-content-content {
	height: 86%;
	overflow: auto;
}

.model-content-content a {
	color: #fc9315;
}


.model-content-footer {
	position: relative;
	/*bottom: 30px;*/
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5%;
}

.model-content-footer input {
	height: 30px;
	width: 120px;
	background-color: #E32636;
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	/*display: block;*/
	/*margin : 0 auto;*/
}

#pp-content, #tc-content, #dc-content {
	padding: 15px;
}