@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: 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; height:auto}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%; height:auto;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}
.forMob,.forTab{ display:none ;}
.fl{ float:left;}
.fr{ float:right;}
/*-----------------------
	MAIN CSS font
------------------------*/
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'),
        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: local('Roboto Medium'), local('Roboto-Medium'),
        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: local('Roboto Regular'), local('Roboto-Regular'),
        url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}
	
	
/*-----------------------
	MAIN CSS START
------------------------*/
.container {
	width: 1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
.top{
	float:left;
	width:100%;
	border-bottom:1px solid #e5ecee;
	padding:15px 0;
	}
.logo{
	float:left;
	margin:0 0 0 0;
	}
.logo img{
	display:inline-block;
	vertical-align:middle;
	}	
.logo-txt{
	display:inline-block;
	vertical-align:middle;
    color: #000000;
    font-size: 14px;
    line-height:21px;
    text-align: left;
    border-left: 1px solid #c3c3c3;
    padding:0 0 0 15px;
    margin: 7px 0 0 10px;
	}	
.logo-txt span{
	text-transform:uppercase;
	font-weight:700;
	display:block;
	}
.phone{
	float:right;
	margin:5px 0 0 0;
	text-align:left;
	position:relative;
	padding:0 0 0 44px;
	}
.phone img{
	position:absolute;
	top:4px;
	left:0;
	max-width:100%;
	}	
.phone-text{
	font-size:14px;
	line-height:14px;
	color:#414141;
	padding-bottom:8px;
	}
.phone-text span{
	display:inline-block;
	vertical-align:top;
	}
.phone-text span:first-child{
	padding-left:15px;
	position:relative;
	}
.phone-text span:first-child:before{
	content:'';
	position:absolute;
	top:4px;
	left:0;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#0fae5a;
	animation:blinker 1s infinite ease-in-out;
	}
.hourglass{
	display:inline-block;
	vertical-align:middle;
	margin:-3px 2px 0 3px;
	}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.phone-text2{
	font-size: 24px;
    line-height: 24px;
    color: #1a597c;
    font-weight: 700;
    padding: 0 0 0 5px;
	}

/*======STEP_PAGE_CSS==================*/
.quiz_section{
	float:left;
	width:100%;
	min-height:calc(100vh - 210px);
	padding:60px 0 50px;
	background:#ebfaff;
	}
.quiz-inr-box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:630px;
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	padding:35px 30px 35px;
	box-shadow:0 2px 9px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 2px 9px 1px rgba(0,0,0,0.1);
	position:relative;
	}

.progressbar{
	float:left;
	width:93%;
	height:16px;	
	position:relative;
	background:#eeeeee;
	border-radius:30px;
	margin-top:10px;
	}
.prgress-1{
	float:left;
	height:100%;
	transition:all ease 1s;
	-webkit-transition:all ease 1s;	
	background:#0cc34d;
	border-radius:30px;
	position:relative;
	}	
.progress-val{
	position:absolute;
	top:-1px;
	right:-40px;
	color:#000000;
	font-size:18px;
	line-height:18px;
	font-weight:500;
	}
.question-Box{
	float:left;
	width:100%;
	margin-top:30px;
	}
.option-col{
	float:left;
	width:100%;
	position: relative;
	margin-top:15px;
	}
.option-col input[type="radio"]{
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	}
.option-col input[type="radio"] + span{
	width:18px;
	height:18px;
	position:absolute;
	right:15px;
	top: 50%;
    margin-top: -9px;
	border-radius:50%;
	z-index:1;
	background: url(../images/tk-chk.png) right top no-repeat;
	background-size:18px;
	}
.option-col input[type="radio"]:checked + span{
	background: url(../images/tk-chked.png) right top no-repeat;
	background-size:18px;
	}
.option-col:hover input[type="radio"] + span{
	background: url(../images/tk-chked.png) right top no-repeat;
	background-size:18px;
	transform: scale(1.01);
	}
.desc-opt{
	float:left;
	width:100%;
	min-height:60px;
	display:flex;
	-webkit-display:flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:start;
	color:#222222;
	font-size:19px;
	line-height:26px;
	letter-spacing:0.3px;
	font-weight:500;
	border:1px solid #a1a1a1;
	border-radius:5px;
	padding:10px 20px;
	position:relative;
	cursor:pointer;
	}
.inp-rad + .opt-rad{
	position:absolute;
	left:15px;
	top:32px;
	width:30px;
	height:30px;
	border-radius:50%;
	background:#f5f5f5;
	border:2px solid #c7c7c7;
	z-index:1;
	}
.option-col .desc-opt:hover{color:#fff; background:#13b50b;}
.option-col input[type="radio"]:checked + span + .desc-opt{
	background-color: #13b50b;
	transform: scale(1.01);
	color:#fff;
	}
.step-inrBox{
	float:left;
	width:100%;
	}
.step-hdng{
	float:left;
	width:100%;
	text-align:center;
	font-size:26px;
	line-height:32px;
	letter-spacing:0.3px;
	/* font-weight:bold; */
	color:#000;
	}
.step-hdng span{
		font-weight:bold;
	}	
.step-hdng2{
	float:left;
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:27px;
	letter-spacing:0.3px;
	font-weight:500;
	margin-top:5px;
	color:#000;
	}
.option-box1{
    display: inline-block;
    vertical-align: middle;
    width:100%;
	margin-top:10px;
	max-width: 430px;
	}
.option-box2 {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 10px;
	}
textarea{
	min-height:160px;
	width:100%;
	color:#000;
	font-size:17px;
	font-weight:normal;
	font-family: 'Roboto';
	padding:20px 20px;
	margin-top:15px;
	}
.plnfrmfield{
	float: left;
    width: 100%;
	margin-top:15px;
	}
.plnfrmfield.hlf{ width:49%;}
.plnfrmfield.fr{ float:right;}
.plnfrmfield.dob-field{ width:32%;}
.plnfrmfield label{
	float:left;
	width:100%;
	font-size:16px;
	line-height:22px;
	color:#000000;
	text-align:left;
	}
.plninput{
	float:left;
	width:100%;
	height:55px;
	border:1px solid #707070;
	padding:0 15px;
	font-size:17px;
	line-height:20px;
	font-family: 'Roboto';
	margin-top:5px;
	color:#000;
	border-radius:5px;
	outline:none;
	-webkit-appearance: none;
	}
.plninput:focus{
	border:1px solid #003b55;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.03),0 0 8px rgba(29,88,128,0.3);
	}	
.dwn-arw {
    background: url(../images/drop-arw.png) no-repeat right 10px center #fff;
	}
.terms-text{
	font-size:15px;
	line-height:23px;
	letter-spacing:0.3px;
	margin-top:15px;
	color:#333;
	text-align:left;
	padding:0 5px;
	}
	
.pg-btn{
	display:inline-block;
	vertical-align:top;
	max-width:430px;
    width: 100%;
    height:70px;
	line-height:70px;
	margin-top:25px;
	cursor:pointer;
	color:#fff;
	font-size:30px;
	font-weight:bold;
	font-family: 'Roboto';
	-webkit-appearance:none;
	text-transform:uppercase;
	position:relative;
	border:none;
	background:#13b50b;
	border-radius:6px;
	outline:none;
	}
.btn-back{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:15px;
	line-height:20px;
	text-transform:uppercase;
	color:#7d7d7d;
	cursor:pointer;
	margin-top:30px;
	}
.btn-back img{
	display:inline-block;
	vertical-align:middle;
	margin:-4px 8px 0 0;
	}

/*-----------------------
		Footer
------------------------*/
.footer{
	float: left;
    width: 100%;
	text-align:center;
    padding:30px 0;
	}
.ftr-txt{
    font-size: 16px;
    line-height:22px;
    color: #000000;
	margin-top:10px;
	}	
.footer .ftr-txt a{
    padding: 0 8px;
    color: #000000;
	}
	
/*=========RESULTS========*/
.results_section{
	float: left;
    width: 100%;
    padding: 60px 0 70px;
    background: #ebfaff;
	}
.result-text1{
	font-size: 35px;
    line-height: 37px;
    color: #000;
    font-weight: bold;
	}
.result-text2{
	font-size: 20px;
    line-height: 26px;
	letter-spacing:0.3px;
    color: #000;
	margin-top:15px;
	}
.results_outer{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:1000px;
	margin-top:20px;
	}
.results-box{
	float:left;
	width:100%;	
	border: 2px solid #104765;
	border-radius:10px;
	padding:25px 20px;
	margin-top:30px;
	background:#fff;
	
	transition:all ease 0.5s;
	letter-spacing:0.5px;
	
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
	overflow:hidden;
	position:relative;	
	}
.results-box:hover{
	transform: scale(1.025);
	transition:all ease 0.5s;
	box-shadow: 0px 0 25px -5px rgba(0,0,0,0.5);
	}
.results-box-lft{
    width: 22%;
	border: 1px solid #ddd;
    border-radius: 5px;
	}
.results-box-img{
	margin:0 auto 0;
	display:block;
	max-width:100%;
	}
.results-box-cont{
	width: 47%;
    text-align: left;
	}
.results-box-cont-head{
	font-size: 27px;
    line-height: 35px;
    color: #000;
    font-weight: bold;
	}
.results-box-cont-text{
	font-size: 18px;
    line-height:26px;
    color: #000;
	margin-top:15px;
	}
.results-box-right{
	width: 25%;
    text-align: center;
    padding: 30px 15px;
	}
a.call-btn{
	display:inline-block;
	vertical-align:top;
	background:#13b50b;
	width:100%;
	height:60px;
	border-radius:6px;
	text-align:center;
	font-size:21px;
	line-height:60px;
	color:#fff;
	font-weight:bold;
	}	

/*---------Media Querry---------*/

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

}

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

.logo img {width: 140px;}
.logo-txt {font-size: 13px; line-height: 17px;padding: 3px 0 3px 13px; margin: 5px 0 0 10px;}
.phone { padding: 0 0 0 39px;}
.phone img { top: 4px; width: 32px;}
.phone-text { font-size: 12px;line-height: 12px;}
.phone-text2 {font-size: 19px; line-height: 20px;}


}

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

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

.top{ padding:10px 0;}
.logo {float: none;margin: 0 auto; display: inline-block;width: 345px;max-width: 100%;}
.logo img {width: 118px;}
.logo-txt { width:calc(100% - 125px);font-size: 11px;line-height: 16px;padding: 0 0 0 8px;margin:2px 0 0 0;}
.desktop{ display:none !important;}
.container.mobile{
	display: flex !important;
	align-items: center;
	margin: 0;
	justify-content: center;
	max-width: 100%;
	flex-wrap: wrap;
}

.top-header.mobile{
	background-color: #1a597c;
	padding: 10px 0px;
	display: flex;
	color: #FFF;
	align-items: center;
	justify-content: center;
}

.footer {padding: 15px 0; border-top:1px solid #ddd;}
.ftr-txt {font-size: 15px; line-height: 26px;}



/*QUIZ*/

.progress-val{font-size: 16px; line-height: 17px;}
.quiz_section{padding:30px 0 40px; min-height: calc(100vh - 180px);background: #fff;}
.quiz-inr-box{padding:0 5px;box-shadow: none; border-radius: 0;}
.progressbar{width:87%; height:12px;}
.question-Box{margin-top:25px;}
.option-col{margin-top: 12px;}
.desc-opt {min-height: 55px;padding: 8px 10px;font-size: 18px;}
.step-hdng{font-size:24px; line-height:28px;}
.step-hdng2{font-size: 16px; line-height: 22px;}
.option-box1{ margin-top: 5px;}
.plnfrmfield{ margin-top:15px;}
.plnfrmfield.hlf{ width:100%;}
.plnfrmfield label{ font-size: 16px;line-height: 16px;}
.plninput{height:52px; font-size:17px;}
.terms-text{font-size: 14px;line-height: 22px;}
.pg-btn{height:55px; line-height:55px; font-size:22px; margin-top:20px;}
.btn-back{margin-top:20px;font-size: 14px;}


/*=========RESULTS========*/
.results_section{ padding:25px 0;}
.result-text1 {font-size: 28px;line-height: 30px;}
.result-text2 {font-size: 18px;line-height: 25px;margin-top: 12px;}
.results_outer{ margin-top:5px;}
.results-box{ margin-top:15px; padding:20px 10px;}
.results-box-lft{ width:110px; padding:10px 0;}
.results-box-cont{ width:calc(100% - 110px); padding-left:10px;}
.results-box-right{ width:100%; padding:15px 20px 0;}
a.call-btn{height: 55px;font-size: 20px;line-height: 55px;}
.results-box-cont-head {font-size: 20px;line-height: 22px;}
.results-box-cont-text {font-size: 15px;line-height: 21px;margin-top: 5px;}



}
		
/*---------Custom---------*/
.txt-left{text-align: left !important;}
.txt-cenetr{text-align: center;}
.fsize-12 {font-size: 12px !important;}
.btn-skip{
	display:block;
	vertical-align:top;
	text-align:center;
	font-size:15px;
	line-height:20px;
	text-transform:uppercase;
	color:#7d7d7d;
	cursor:pointer;
	margin-top:15px;
	}

.nm-result-box{
	background: #FFF;
	width:60%;
	margin:0 auto;
	min-height: 200px;
	border-radius: 15px;
	box-shadow: 0px 0 25px -5px rgba(0,0,0,0.5);
	margin-top: 30px;
	}
	
.nm-result-box:hover{
	transform: scale(1.025);
	transition: all ease 0.5s;
	}

.nm-result-box-header{
	text-align: center;
	width: 100%;
	font-weight: 600;
	background-color: #ebebeb;
	padding: 20px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	display: flex;
	}

.nm-result-box-call{
	background: #3792ff;
	width: max-content;
	min-width: 250px;
	margin: 25px auto 0px auto;
	color: #FFF;
	padding: 10px 10px 10px 40px;
	background-position: 5% center;
	background-size: 25px;
	background-repeat: no-repeat;
	background-image: url('../images/phone.png');
	text-align: left;
 	}	

.nm-result-box-call a{
	font-size: 15px;
	font-weight: 600;
	}

.nm-semi-bold{
	font-weight: 500;
	}

.nm-result-box-content{
	padding:30px 10px;
	}

.nm-result-header-image{
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 50%;
	text-align: left;
	padding-left: 70px;
	display: flex;
	align-items: center;
	}

.nm-result-header-rating{
	width: 50%;
	text-align:right;
	}

.nm-result-header-rating img{
	height: 50px;
}

.nm-result-humana{
	background-image: url('../images/humana.png');
	color: #538E27;
	}

.nm-result-black{
	background-image: url('../images/black-bg.png');
	color: #7d7d7d;
	}

.phone-text1{
	font-size: 15px;
	line-height: 24px;
	color: #1a597c;
	font-weight: 700;
	padding: 0 0 0 5px;
}

.mrg-tp5{
	margin-top: 5px;
}

.w60p{
	width: 60%;
}

.mobile .logo-txt{
	border-left: none;
}

.container.mobile .logo{
	width: auto;
	margin: 0;
	margin-right: 0px;
	border-right: 1px solid #c3c3c3;
	margin-right: 5px;
}

.container.mobile .logo img{
	width: auto;
}

.mobile{ display:none;}

.desktop{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 21%;
}

@media only screen and (max-width:767px){
	.nm-result-box{
		width:80%;
	}
}

@media only screen and (max-width:450px){
	.nm-result-box{
		width:100%;
	}
	
	.container.mobile .logo{
		border-right: none;
	}
}
