@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000000;
	text-align:center;
    font-family: 'Roboto';
	font-weight:400;
	}
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;}
a:hover {}
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;
	}

/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width:1030px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
	
/*=========Fonts=======*/
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Black.woff2') format('woff2'),
        url('Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

/*--------TOP STRIP--------*/
.top_strip{
	float:left;
	width:100%;
	padding:8px 0;
	background:#e30613;
	}
.top_strip_box{
	width:100%;
	
    display: -webkit-flex;
    display: flex;
	align-items:center;
	justify-content:center;
	}
.top_strip_text{
	font-size:20px;
	line-height:20px;
	color:#fff;
	font-weight:700;
	letter-spacing:0.5px;
	padding-right:10px;
	}

#clockdiv {
    display: -webkit-flex;
    display: flex;
	align-items:center;
	justify-content:center;
	}
#clockdiv > div{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 28px;
    height: 28px;
	background: #fff;
	border-radius: 2px;
	padding:2px 0;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	}
#clockdiv div > span{
    text-align: center;
    color: #00254e;
    font-size: 14px;
    line-height: 14px;
	font-weight:900;
	}
#clockdiv div > small{
    font-size:7px;
    line-height: 7px;
    color: #000;
    text-align: center;
	text-transform:uppercase;
	}
#clockdiv span.col{
    width:14px;
    color: #fff;
    font-size:16px;
	}
#clockdiv p{
    float: left;
    width: 13px;
    font-size: 22px;
    line-height: 20px;
    color: #fff;
    font-weight:500;
    text-align: center;
    padding: 0 0 2px 0;
	}

/*--------HEADER--------*/
.header{
	float:left;
	width:100%;
	padding:12px 0;
	background:#fff;
    -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .1);
    z-index: 2;
    position: relative;
	}	
.logo{
	display:block;
	margin:0 auto 0;
	width:127px;
	}

/*--------BLUE STRIP--------*/
.blue_strip{
	float:left;
	width:100%;
	padding:30px 0 40px;
	position:relative;
	background:url(../images/blue-strip-bg.webp) no-repeat #023772;
	background-position:top center;
	}
.blue_strip p{
    font-size: 30px;
    line-height:30px;
    color: #fff;
	}
.blue_strip h1{
    font-size: 32px;
    line-height:32px;
    color: #fff;
	font-weight:500;
	margin-top:11px;
	}
.blue-arrw{
	position:absolute;
	bottom:-15px;
	left:50%;
	width:38px;
	margin-left:-19px;
	}

/*--------QUIZ SECTION--------*/
.quiz_section{
	float:left;
	width:100%;
	padding:60px 0;
	background:#fff;
	}

.progress-container{
	display:inline-block;
	vertical-align:top;
	max-width:600px;
	width:100%;
	position:relative;
	margin-bottom:45px;
	}
.progressbar{
	display:inline-block;
	vertical-align:top;
	width:70%;
	background:#d9d9d9;
	height:3px;	
	position:relative;
	}
.prgress-1{
	background:#e30613;
	float:left;
	height:100%;
	position:relative;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;	
	}
ul.progress-list{
	float:left;
	width:100%;
	position:relative;
	z-index:11;
	margin-top:-34px;
	}
ul.progress-list li{
	float:left;
	width:33.33%;
	text-align:center;
	position:relative;
	}
ul.progress-list li span{
	display:inline-block;
	vertical-align:middle;
	width:31px;
	height:31px;
	font-size:21px;
	line-height:31px;
	color:#fff;
	font-weight:bold;
	background:#bdbdbd;
	border-radius:50%;
	position:relative;
	z-index:3;
	}
ul.progress-list li.active span{
	background:#e30613;
	}
ul.progress-list li.tick span{ background:url(../images/red-tick.webp) no-repeat; background-size:cover;}
ul.progress-list li.tick span > small{ display:none;}
ul.progress-list li p{
	font-size:15px;
	line-height:15px;
	color:#a7a7a7;
	letter-spacing:0.3px;
	margin-top:7px;
	}
ul.progress-list li.active p{
	color:#000;
	font-weight:bold;
	}
.quiz_heading{
	font-size: 32px;
	line-height: 40px;
	color:#000;
	font-weight:bold;
	}
	
.option-box{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width:450px;
	margin-top:20px;
	}
.plnfrmfield{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}	
.frmfield{
	float: left;
    width: 100%;
    border-radius: 7px;
	margin:12px 0 0;
	position:relative;
	}
.frmfield-fld-hlf{
	width:48%;
	}		
.input-fld{
	float: left;
    width: 100%;
    height: 72px;
    padding: 0 15px;
    font-size: 18px;
    color: #000;
    background: #fff;
    text-align: left;
    border-radius: 5px;
    outline: none;
    font-family: 'Roboto';
    font-weight: 400;
	border: 1px solid #cdcdcd;
	-webkit-appearance: none;
	padding-bottom: 3px;
	-webkit-box-shadow:0 3px 5px 1px rgba(0,0,0,.1);
	box-shadow:0 3px 5px 1px rgba(0,0,0,.1);
	}
.input-fld-padng{ padding-left:66px;}	
.input-dob::placeholder{ color:#000;}		
.pg-btn{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 70px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    font-family: 'Roboto';
    -webkit-appearance: none;
    position: relative;
    border-radius: 7px;
    border: none;
    background: #27b800;
    outline: none;
	box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
	}
.pg-btn img{
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 18px;
	width:20px;
	}	
.secure_text{
	font-size:16px;
	line-height:17px;
	color:#000;
	margin-top:18px;
	}	
.secure_text img{
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    margin:-4px 6px 0 0;
	}	
.card{
    display:block;
	width:380px;
	margin:25px auto 0;
	}
	
.trusted_box{
	width:100%;
	margin:35px auto 0;
	
	display:flex;
	display:-webkit-flex;
	justify-content: center;
	align-items: center;
	}
.trusted_box_left{
	width:93px;
	}
.trusted-img{
	display:block;
	margin:0 auto 0;
	width:100%;
	}
.trusted-star{
	display:block;
	margin:2px auto 0;
	width:80px;
	}
.trusted_box_right{
	padding-left:12px;
	text-align:left;
	}
.trusted_box_right p{
    font-size: 24px;
    line-height: 30px;
    color: #000;
	}


/*--------FOOTER--------*/
.footer{
	float:left;
	width:100%;
	padding:40px 0;
	border-top:1px solid #ebebeb;
	background:#fff;
	}
.footer_text a{
	font-size: 14px;
	line-height:14px;
	color: #666;
	margin: 5px 10px;
	}
.footer_copyright_text{
	font-size: 12px;
	line-height:12px;
	color: #666;
	margin-top: 20px;
	}
.footer_disclaimer_text{
	font-size: 13px;
	line-height:22px;
	color: #666;
	margin-top: 20px;
	}
	
	
	
/*==============STEP=============*/
	
.qualify_heading{
	font-size: 24px;
	line-height:30px;
	color: #000;
	font-weight:500;
	}
.top-box-row{
    width: 100%;
    max-width: 435px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    margin: 0 auto 35px;
	}
.progress-container2{
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:relative;
	}
.progressbar2{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	background:#e7e7e7;
	height:10px;	
	position:relative;
	border-radius:10px;
	overflow:hidden;
	}
.prgress2-1{
	float:left;
	height:100%;
	background:#00bc00;
	position:relative;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;	
	}
.count-text{
    font-size: 18px;
    line-height: 18px;
    color: #000;
	}		
	
	
.question_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:555px;
	margin-top:40px;
	padding:30px 30px 35px; 
	border-radius:10px;
	background:#fff;
	-webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.1);
	box-shadow: 0 0 8px 2px rgba(0,0,0,.1);
	}
.question-Box{
	float:left;
	width:100%;
	}
.step-inrBox{
	float:left;
	width:100%;
	}
.step-hdng{
	font-size: 32px;
	line-height: 38px;
    color: #000;
	font-family:'Roboto';
    font-weight: bold;
	}
.btn-back{
	display:inline-block;
	vertical-align:middle;
	margin:4px 0 0 0;
	width:18px;
	cursor:pointer;
	}
	
.step_answer-box{
	display:flex;
    display: -webkit-flex;
    justify-content: center;
	gap: 6%;
	margin:25px auto 0;
	width:100%;
	max-width:430px;
	}
.option-col{
	width:47%;
	position:relative;
	border-radius: 7px;
	display:flex;
    display: -webkit-flex;
    align-items:center;
    justify-content: center;
	font-size: 26px;
    line-height: 26px;
	padding:18px 10px;
    cursor: pointer;
    color: #fff;
	transition: all .15s ease-in-out;
	font-family:'Roboto';
	font-weight: bold;
	text-transform:capitalize;
	text-align:center;
	-webkit-box-shadow: 0 4px 6px 2px rgba(0,0,0,.1);
	box-shadow: 0 4px 6px 2px rgba(0,0,0,.1);
	}
	
.btn-true{background: #02b902;}	
.btn-false{ background:#e30613;}
.btn-false:hover {background: #c50510;}	
.btn-true:hover {background: #3cb853;}
	
	
/*==============APPROVED=============*/
.congrats_box{
	float:left;
	width:100%;
	}
.green-tick{
	display:block;
	margin:0 auto 0;
	width:50px;
	}
.congrats_sub_heading{
	font-size: 20px;
	line-height:22px;
	color: #000;
	font-weight:500;
	margin-top:12px;
	}
.congrats_heading{
	font-size:28px;
	line-height:28px;
	color: #000;
	font-weight:bold;
	margin-top:12px;
	}
.congrats_text{
	font-size:18px;
	line-height:26px;
	color: #000;
	margin-top:20px;
	}
	
.common_button_box{
	float:left;
	width:100%;
	margin-top:30px;
	}
.common_button_width{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:435px;
	}
.common_button_text{
	font-size:16px;
	line-height:17px;
	color:#000;
	margin-bottom:10px;
	}	
.common_button_text img{
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    margin:-4px 6px 0 0;
	}
.common_button_width .secure_text{ margin-top:14px;}

.common_button{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 435px;
    height: 70px;
    cursor: pointer;
    font-size: 26px;
	line-height:70px;
    color: #fff;
    font-weight: bold;
    border-radius: 7px;
    background: #27b800;
	box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 5px 2px rgba(0, 0, 0, 0.2);
	}
.common_button img{
    display: inline-block;
    vertical-align: middle;
    margin: -2px -10px 0 15px;
	width:20px;
	}	
.apply-green-tick{
    display: inline-block;
    vertical-align: middle;
    margin: -4px 12px 0 0;
	width:28px;
	}
	
/*==============license_section=============*/
.license_section{
	float:left;
	width:100%;
	padding:70px 0 60px;
	background:#f3f9ff;
	}
.license_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:430px;
	position:relative;
	}
.license{
	display:block;
	margin:0 auto 0;
	width:100%;
	}
.off-seal{
	position:absolute;
	top:-35px;
	right:-35px;
	width:125px;
	}
.permit_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:460px;
	margin-top:40px;
	}
.permit_col{
	width:100%;
	margin:0 auto 12px;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
	
    display:flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items:center;
	}
.permit_col:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
	}
.permit_icn_box{
	width:70px;
	height:70px;
	border-radius:5px;
	background:#01294f;
	
    display:flex;
    display: -webkit-flex;
    justify-content:center;
    align-items:center;
	}
.permit_icn_box img{
	display:block;
	margin:0 auto 0;
	width:40px;
	}
.permit_content{
	width:calc(100% - 70px);
	padding-left:20px;
	text-align:left;
	}
.permit_content h3{
	font-size:24px;
	line-height:28px;
	color:#000;
	font-weight:bold;
	}
.permit_content p{
	font-size:18px;
	line-height:26px;
	color:#000;
	margin-top:5px;
	}
.license_box.license_box2{ margin:55px 0 10px;}
.discount_strip{
	display:inline-block;
	vertical-align:top;
	margin-bottom:20px;
	font-size:26px;
	line-height:26px;
	color:#e30613;
	font-weight:bold;
	padding:10px 10px;
	border-radius:5px;
	border:1px dashed #ff0000;
	background:#fff1f0;
	}
.discount_strip img{
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
	width:28px;
	}
.discount_strip .discount-icn1{ margin-right:10px;}
.discount_strip .discount-icn2{ margin-left:10px;}



/*==============Media=============*/
.forMob,.forTab{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.red_color{ color:#e30613;}
.mrgT0{ margin-top:0 !important;}

@media only screen and (max-width:1200px){
.container{ width:1004px;}

}

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

.blue_strip{ padding: 25px 0 35px; background-size:cover;}
}


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

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


.top_strip{ padding: 5px 0;}
.top_strip_text{ font-size:17px; line-height:18px;}
#clockdiv > div{ width: 24px; height:24px; padding:2px 0;}
#clockdiv div > span{ font-size: 13px; line-height: 13px;}
#clockdiv div > small{ font-size:6px; line-height: 6px;}
#clockdiv span.col{ width:14px;}
#clockdiv p{ width: 10px; font-size: 20px; line-height: 20px;}

.header{ padding: 10px 0;}
.logo{ width:107px;}

.blue_strip{ padding: 18px 0 28px;}
.blue_strip p{ font-size: 25px; line-height:25px;}
.blue_strip h1{ font-size: 26px; line-height:26px; margin-top:10px;}

.progress-container{ margin-bottom: 25px;}
ul.progress-list li span{ width:25px; height:25px; font-size:17px; line-height:23px;}
ul.progress-list li p{ font-size:11px; line-height:11px; margin-top:7px;}
.quiz_heading{ font-size:24px; line-height:30px; text-align:left;}
.progress-container.mt-m15{ margin-top:15px;}

.quiz_section{ padding: 35px 0 30px;}
.frmfield{ margin:0;}
.input-fld{ height: 62px; padding: 0 15px; font-size: 16px;}
.pg-btn{ max-width: 435px; height: 65px;  margin-top: 20px; font-size: 22px; letter-spacing:0.5px;}
.pg-btn img{ width: 16px;}

.secure_text{ font-size:13px; line-height:14px; margin-top:18px;}	
.secure_text img{ width: 10px; margin:-4px 6px 0 0;}

.trusted_box{ margin: 30px auto 0;}
.trusted_box_left{ width:80px;}
.trusted-star{ width:70px;}
.trusted_box_right{ padding-left:12px;}
.trusted_box_right p{ font-size: 20px; line-height:24px;}

.card{  width: 360.5px; margin:20px auto 0;}

.footer{ padding:30px 0;}
.footer_text a{ font-size: 14px; line-height:28px;}
.footer_copyright_text{ font-size: 12px; line-height:12px;}
.footer_disclaimer_text{ font-size: 13px; line-height:22px;}


/*==============STEP=============*/

.qualify_heading{ font-size: 20px; line-height: 26px;}
.step-hdng{  font-size: 23px; line-height: 29px;}
.question_block{ margin-top: 25px; padding: 20px 18px 28px;}
.top-box-row{ column-gap: 15px; margin: 0 auto 20px;}
.progressbar2{ height: 8px;}
.count-text{ font-size: 13px; line-height: 16px;}

.step_answer-box{margin: 20px auto 0;gap: 4%;}
.option-col{width: 48%;font-size: 22px; line-height: 22px; padding: 15px 10px 16px;}

	
/*==============APPROVED=============*/
.green-tick{ width:38px;}
.congrats_sub_heading{ font-size: 16px; line-height:16px; margin-top:10px;}
.congrats_heading{ font-size:24px; line-height:25px; margin-top:10px;}
.congrats_text{ font-size:17px; line-height:24px; margin-top:15px;}

.common_button_box{ margin-top: 25px;}
.common_button_text{ font-size:13px; line-height:14px;}
.common_button_text img{ width: 10px; margin:-4px 6px 0 0;}
.common_button_width .secure_text{ margin-top: 12px;}
.common_button{ max-width: 435px; height: 63px; line-height:63px; font-size: 22px;}
.common_button img{ width: 16px;margin: -4px -5px 0 10px;}

/*==============license_section=============*/
.license_section{ padding: 50px 0 35px;}
.apply-green-tick{  margin: -4px 7px 0 0; width: 20px;}
.license_box{ max-width: 320px;}
.off-seal{ top: -25px; right: -25px; width: 105px;}

.permit_box{ margin-top: 30px;}
.permit_col{ align-items: flex-start;}
.permit_icn_box{ width: 46px; height: 46px;}
.permit_icn_box img{ width: 30px;}
.permit_content{ width: calc(100% - 46px); padding-left: 12px;}
.permit_content h3{ font-size: 19px; line-height: 24px;}
.permit_content p{ font-size: 15px; line-height: 20px;}
.license_box.license_box2{ margin:45px 0 5px;}

.discount_strip{ margin-bottom:15px; font-size: 22px; line-height: 22px; padding:10px 10px;}
.discount_strip img{ width: 20px;}
.discount_strip .discount-icn1{ margin-right: 7px;}
.discount_strip .discount-icn2{ margin-left: 7px;}

}