/**************** 

	fonts-css

****************/
@font-face {
  font-family: regular;
  src: url('../fonts/Barlow-Regular.ttf');
}
@font-face {
  font-family: bold;
  src: url('../fonts/Barlow-Bold.ttf');
}
@font-face {
  font-family: extra-bold;
  src: url('../fonts/Barlow-ExtraBold.ttf');
}
.loading{
	position: fixed !Important;
    height: 100% !Important;
    left: 0 !Important;
    right: 0 !Important;
    bottom: 0 !Important;
    top: 0 !Important;
    background: #000000d1 !Important;
    z-index: 100000 !Important;
    display: flex;
    align-items: center !Important;
    justify-content: center !Important;
	flex-flow: column !Important;
	flex-wrap: wrap;
}
.loading > img {
	border-radius: 100% !Important;
}
.loading > p {
	font-family: bold !Important;
	color: #fff !Important;
	font-size: 2rem !Important;
    margin: 2rem auto !Important;
}
/**************** 

	fonts-css

****************/
a,a:hover,a:focus{
	text-decoration : unset !Important;
}
.bold{
	font-weight: 600 !important;
}
#hero{	
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #CFEDEA !important;
    background-position: center !important;
	display: flex !important;
    flex-wrap: wrap !important;	
	margin-bottom: 0 !important;
}
.section{
	width: 100% !important;
	padding: 5% 0% !important;
	background: #CFEDEA !important; 
	position: relative !important;
	display: flex !important;
	flex-wrap: wrap !important;	
	margin-top : 0px !important;
}
.logo{
	margin: 0 !important;
	font-family: bold !important;
}
.hero-title{
	font-size: 40px !important;	
	margin: 3% 0 !important;
	font-family: bold !important;
}
.hero-subtitle{
	font-size: 20px !important;
	font-family: regular !important;
	margin: 0 !important;
	line-height: 2 !important;
}
.sub-text{
	margin: 2% 0% 3% !important;
}
.sub-text-title{
	font-size: 24px !important;
	font-family: regular !important;
    margin: 0 !important;
    line-height: 2 !important;
}

.advisor-btn{
    background: #0070BF !important;
    color: #fff !important;
    font-size: 15px !important;
    padding: 2px 10px 2px 10px !important;
    font-family: regular !important;
    margin: 0 !important;
    line-height: inherit !important;
    outline: 0 !important;
    border: 0 !important;
    max-width: inherit !important;
    border-radius: unset !important;
    height: auto !important;
    width: 110px !important;
}
	
.hero-btn,.call-btn{
	background: #474DFA !important;
    color: #fff !important;
	font-size: 20px !important;
	padding: .5em 1em !important;
	font-family: regular !important;
	margin: 0 !important;
    line-height: inherit !important;
    outline: 0 !important;
    border: 0 !important;
    max-width: inherit !important;
	border-radius: unset !important;
	height : auto !important;
	width: 123px !important;
}
.hero-btn:hover{
	color: #fff !important;
}
.hero-divider{
	border-top: 3px solid #474CF9 !important;
    max-width: 10rem !important;
    margin: 0% auto !important;
}
.zig-zag{
	background-image: url('../img/zig-zag.svg') !important;
    background-size: 100% 100px !important;
    bottom: 0 !important;
    height: 100px !important;
	position: absolute !important;
    pointer-events: none !important;
    width: 100% !important;
	margin-bottom: -2px !important;
	display: none !Important;
}
.img{
	width: 100% !important;
	max-width: 25% !important;
	margin-bottom: 20px!important;
}
.column-heading{
	font-size: 16px !important;
	font-family: regular !important;
	margin: 0 !important;
}
.column-text{
	font-size: 18px !important;
    color: grey !important;
}
#homeImages .img{
	max-width: 15rem !important;	
	margin : auto !important;
}

/*********************** 

	multistep-form-css 

************************/

.form-box{
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* min-height: 90vh !important; */
	background: #fff !important;
}
#regForm {
	margin: auto !important;
}
.formBtns{
	display : flex !important;
	justify-content : space-between !important;
	align-items : center !important;
	flex-wrap : wrap !important;
}
.tab input[type=number] {
	padding: 10px !important;
	width: 100% !important;
	font-size: 17px !important;
	max-width: 20rem !important;
	outline: 0 !important;
	margin: auto !important;
	border: solid #e9e9e9 2px !important;
	height: 60px !important;
	width: 60px !important;
}
.tab  div.input_type{
	width: 100% !important;
	overflow-x: auto !important;
}
input.invalid {
  background-color: #ffdddd !important;
}

.dirbutton{
  background-color: #4CAF50 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px !important;
  font-size: 14px !important;
  font-family: Raleway !important;
  cursor: pointer !important;
} 

button {
  background-color: #4CAF50 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px 20px !important;
  font-size: 17px !important;
  font-family: Raleway !important;
  cursor: pointer !important;
}
button:hover {
  opacity: 0.8!important;
}
#prevBtn {
	font-size: 18px !important;
	margin: unset !important;
	border: 0 !important;
	outline: 0 !important;
	border-radius: 0px!important;
	line-height: 1.4 !important;
}
#nextBtn{
	float:right !important;
	font-size: 18px !important;
	margin: unset !important;
	border: 0 !important;
	outline: 0 !important;
	border-radius: 0px!important;
	line-height: 1.4 !important;
}
#ques_save{
	font-size: 18px !important;
    border: 0px !important;
    outline: 0px !important;
    border-radius: 0px !important;
    line-height: 1.4 !important;
}
.buttons{
	overflow: auto !important;
	bottom: 0px !important;
	width: 100% !important;
	left: 0 !important;
	background-color: #E8C700 !important;
	margin-top : 20px !important;
	padding: 1.5em 1rem !important;
}
.tab, .next_form{
	padding: 2rem !important;
	box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
}
.tab h1{
	background: #00B6A7 !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 1% 0% !important;
	margin: 0 !important; 
}
.tab label , .form-group > label{
	font-size: 18px !important;
	font-family: regular!important;
	font-weight: 700 !important;
	color: #000 !Important;
}
.tab p{
	font-size: 18px !important;
	color: grey !important;
	font-family: regular !important;
}
.questiondiv{
	background: #A8D638 !important;
    padding: 2rem !important;
    align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 2% !important;
}
.progress{
	display: inline-block !important;
    width: 100% !important;
    border: 0px solid #ddd !important;
    background: #fff !important;
    padding: 5px !important;
	height: 30px !important;
	border-radius: 10px !important;
	margin: 0!important;
}
.progress-bar-warning{
	border-radius: 10px !important;
	background: #FF4F33 !important;
}
.form-control{
	display: block;
    width: 100% !important;
    height: 34px;  
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)!important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

/*********************** 

	multistep-form-css 

************************/


/*********************** 

	popup-css 

************************/
.modal-header{
	background: #00B6A7 !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
.modal-title{
	color: white !important;
}
.close{
	color: white !important;
	opacity: 1 !important;
}
.modal-dialog{
	margin-top:20% !important;
}
/*********************** 

	popup-css 

************************/
.formComments{
	display: flex !important;
    justify-content: space-between !important;
	align-items : center !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.table_score{
	font-family: regular !Important;
	font-size: 16px !important;
	display: table !important;
}
.table_score > thead > tr{
	background: #2B2E3D !important;
}
.table_score > thead > tr > th{
	text-align: center !important;
	color: white !important;
}
.table_score > tbody > tr > td{
	text-align: center !important;	
}
input[type='radio']{	
	width: 15px !important;	
	height: 15px !important;	
	border-radius: 15px !important;
	display: inline-block !important;	
	visibility: visible !important;	
	border: 1px solid #ddd !important;
	position: relative !important;
	min-width: auto !important;
    -webkit-appearance: auto !important;
}
input[type='radio']:checked:after {
	width: 15px !important;
	height: 15px !important;
	border-radius: 15px !important;
	top: 0px !important;
	left: 0px !important;
	position: absolute !important;
	background-color: #2B2E3D !important; 
	content: '';
	display: inline-block !important;
	visibility: visible !important;
	border: 1px solid #ddd !important;
}
.input_span{
	font-size: 15px !important;
	margin-left: 0.5% !important;
}
.table_score_radio:hover{
	background:#00b6a7 !important;
	color:white !important;
	cursor: pointer !important;
}
.check_radio{
	background:#00b6a7 !important;
	color:white !important;
	cursor: pointer !important;
}
.hide_input{
	display:none !important;
}
.chartdiv > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3) , .chartdiv > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(4){
	display: none !important;
}
#chartdiv > div{
	max-height: 600px !important;
}
/*************************
 
	last-form-step-css 
	
*************************/
.form_last_step{
	padding: 1.5rem !important;
}
.form_last_step p{
	font-size: 16px !important;
    font-family: regular !important;
}
.form_last_step .form-control {
    border-radius: 0px !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
	margin: 0 !important;
}
.form_last_step > .row > .form-group{ 
	padding-left : 0 !Important;
}
.questiondiv ul{
	list-style: none !important;
	position: relative !important;
    padding: 0 !important;
	margin-left: 2rem!important;
}
.questiondiv ul li{
	margin: 0 0 15px 20px !important;
    line-height: 1.2;
    font-family: 'regular';
    font-size: 20px;
}
.questiondiv ul li:before{
	text-align: center;
    content: "✔" !important;
    width: 30px !important;
    height: 30px !important;
    position: absolute !important;
    left: -15px !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(170, 170, 170);
    border-image: initial;
    border-radius: 50%;
    padding: 2px;
}
.final-step-heading{
	background: #A8D638 !important;
    padding: 2rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 2% !important;
    margin-top: 2% !important;
}
.radio-btn-div{
	height: auto !important;
	margin: 2rem auto !important;
}
.radio-btn-div label{
	width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
	font-family: 'regular' !important;
}
.radio-btn-div .radio-inline{
	padding-left: 0px !important;
}
.radio-btn-div .radio-inline input[type=radio]{
	position: absolute !important;
    right: 15px !important;
}  
.form-bottom-text{
	position: absolute !important;
	bottom: 20px !important;
	font-family: 'regular' !important;
}

/*************************

	register form css 
	
*************************/
.registerForm{
	margin : 100px auto !important;
	margin-bottom : 100px !important;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;
	padding: 2rem !important;
}
.registerForm .form-control {
	border-radius: 0 !important;
	font-size: 18px !important;
	padding: 12px !important;
	height: auto !important;
}

/*************************

	Login form css 
	
*************************/
/* .login_userForm{ */
	/* box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;  */
	/* padding: 2rem !important; */
	/* max-width: 45rem !important; */
	/* margin: 100px auto !important; */
	/* width: 100% !important; */
/* } */
.login_userForm .form-control {
	border-radius: 0 !important;
	font-size: 18px !important;
	padding: 12px !important;
	height: auto !important;
}

.loginForm{
	box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
    padding: 2rem !important;
    max-width: 50rem !important;
    margin: 100px auto !important;
    width: 100% !important;
}
/*************************

	Sidebar css 
	
*************************/
.navForm{
	padding: 0 !Important;
	margin: 0 !important;
}	
.navForm  > button{
	box-shadow: unset !important;
	height: auto !Important;
}
.pageInfo{
	font-size:20px !important;
	font-weight:600 !important;
	margin: 0 0 30px !important;
	font-family: bold !Important;
	color: #000 !important;
}
		
	
.logout{		
	background: transparent !Important;		
	padding: 0 !Important;		
	border: 0 !Important;		
	font-size: unset !Important;		
	outline: 0 !Important;		
	line-height: unset !Important;		
	font-family: unset !Important;	
}	
.home-section{
	position: relative !important;
	background: #fff !important;
	transition: all 0.5s ease !important;
	padding: 3rem 0 !important;
	margin: auto !Important;
	width: 100% !Important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.home-section .home-content{
	position: relative !important;
	padding : 0 15px !important;
	min-height: 25rem !important;
}
.home-section .home-content label{
	font-family: bold !Important;
	font-size: 16px !Important;
}
.Comp_add{
	max-width: 50rem !important;
    background: #fff !important;
    padding: 2rem !important;
    border-top: 5px solid #00B6A7 !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
}
	

@media ( max-width: 1091px ){
	#quiz_plugin_total_score{
		padding: unset !important;
		height: unset !important;
	}
}
@media ( max-width: 550px ){
	#hero {
		padding: 10% 0% 33% !important;
	}
	.hero-btn {
		font-size: 16px !important;
	}
	.questiondiv {
		flex-flow: column !important;
	}
	.hero-title{
		font-size: 26px !important;
	}
}
@media ( max-width: 767px ){
	.tab h1, .final-step-heading{
		padding: 1.5rem !important; 
	}
	input[type=submit]{
		margin-bottom: 2% !important;
	}
	.mb-sm-30{
		margin-bottom: 30px !important;
	}
	.buttons{
		position: unset !important;
	}
	.next, .previous{
		display: inline-block !important;
		margin-bottom: 2% !important;
	}
	#column-divider{
		margin: 30px auto !important;
	}
	.img{
		max-width: 20% !important;
		margin-bottom: 10px !important;
	}
	.last_form_step{
		padding: 50px 40px !important;
	}
	.radio-btn-div .radio-inline{
		padding-right: 15% !important;
	}
	.radio-btn-div label{
		font-size: 16px !important;
	}
	.form-bottom-text{
		position: unset !important;
	}
	div.form_last_step > div.row > div.form-group > div.radio-btn-div > label.radio-inline > input[type='radio']:checked:after{
		top: -2px !important !important;
		left: -1px !important !important;
		height: 16px !important !important;
		border-radius: 100% !important;
	}
	.navbar-nav{			
		flex-flow: column !important;		
	}				
	.navbar-toggle{					
		display: unset !important;  			
	}			
	.glyphicon{					
		left: 18px !important; 			
	}			
	.navbar-brand{					
		padding-top: 14px !important;			
	}	
}
@media( min-width: 768px ){
	#column-divider {
		display: none !important;
	}
}
@media only screen and (max-width: 992px){
	#hero {
		padding: 10% 0% 0% !important;
	}
	.section{
		padding: 10% 0% !important;
	}
	.hero-img {
		width: 60% !important;
		margin-left: auto!important;
		margin-right: auto !important;
	}
	.hero-btn {
		font-size: 20px !important;
	}
	#footer {
		padding-top: 100px !important;
	}
	.form-box{
		display: block !important;
	}
	#regForm{
		margin: auto !important;
	}
	.hero-divider{
		max-width: 7rem !important;
		border-width: 2px !important;
	}
	.sub-text{
		margin: 1% 0% 3% !important;
	}
	.last_form_step{
		margin-top: 2% !important;
	}
}
@media( min-width: 993px ){
	#hero{
		padding: 7% 0% 2% !important;
	}
}
@media (min-width: 1200px){
	.buttons .container{
		width: 1100px !important;
	}	
	#hero,.form-box,#quiz_plugin_total_score,.section{		
		min-width: 100% !important;	
		width: 100% !important;	
	}
	.container{
		width: 100% !important;
		max-width: 1170px !important;
	}
}
@media( min-width: 1600px ){
	.hero-subtitle , .sub-text-title, .hero-btn, .column-heading  {
		font-size: 22px !important;
	}
}

/**************** fonts-css ****************/
@font-face {
    font-family: regular;
    src: url("../fonts/Barlow-Regular.ttf");
}
@font-face {
    font-family: bold;
    src: url("../fonts/Barlow-Bold.ttf");
}
@font-face {
    font-family: extra-bold;
    src: url("../fonts/Barlow-ExtraBold.ttf");
}
@font-face {
    font-family: space-bold;
    src: url("../fonts/SpaceGrotesk-Bold.ttf");
}
@font-face {
    font-family: space-semi-bold;
    src: url("../fonts/SpaceGrotesk-SemiBold.ttf");
}
@font-face {
    font-family: space-medium;
    src: url("../fonts/SpaceGrotesk-Medium.ttf");
}
@font-face {
    font-family: space-regular;
    src: url("../fonts/SpaceGrotesk-Regular.ttf");
}
@font-face {
    font-family: jost-semi-bold;
    src: url("../fonts/Jost-Medium.ttf");
}
@font-face {
    font-family: jost-regular;
    src: url("../fonts/Jost-Regular.ttf");
}
#second {
    max-width: 845px;
    margin: auto;
}
.second_section h2,
.section-four h2,
.footer h5 {
    font-family: space-bold;
}
.second_section h4,
.second_section p,
.second_section span,
.section-four span,
.footer .left {
    font-family: space-regular;
} /**************** fonts-css ****************/
.loading {
    position: fixed !important;
    height: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    background: #000000d1 !important;
    z-index: 100000 !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-flow: column !important;
    flex-wrap: wrap;
}
.loading > p {
    font-family: bold !important;
    color: #fff !important;
    font-size: 2rem !important;
    margin: 2rem auto !important;
}
a,
a:hover,
a:focus {
    text-decoration: unset !important;
}
.bold {
    font-weight: 600 !important;
}
#hero {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #cfedea !important;
    background-position: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 0 !important;
}
.section {
    width: 100% !important;
    padding: 5% 0% !important;
    background: #cfedea !important;
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 0px !important;
}
.logo {
    margin: 0 !important;
    font-family: bold !important;
}
.hero-title {
    font-size: 40px !important;
    margin: 3% 0 !important;
    font-family: bold !important;
}
.hero-subtitle {
    font-size: 20px !important;
    font-family: regular !important;
    margin: 0 !important;
    line-height: 2 !important;
}
.sub-text {
    margin: 2% 0% 3% !important;
}
.sub-text-title {
    font-size: 24px !important;
    font-family: regular !important;
    margin: 0 !important;
    line-height: 2 !important;
}
.hero-btn,
.call-btn {
    background: #474dfa !important;
    color: #fff !important;
    font-size: 20px !important;
    padding: 0.5em 1em !important;
    font-family: regular !important;
    margin: 0 !important;
    line-height: inherit !important;
    outline: 0 !important;
    border: 0 !important;
    max-width: inherit !important;
    border-radius: unset !important;
    height: auto !important;
    width: 123px !important;
}
.hero-btn:hover {
    color: #fff !important;
}
.hero-divider {
    border-top: 3px solid #474dfa !important;
    max-width: 10rem !important;
    margin: 0% auto !important;
    height: 1px !important;
}
.zig-zag {
    background-image: url("../img/zig-zag.svg") !important;
    background-size: 100% 100px !important;
    bottom: 0 !important;
    height: 100px !important;
    position: absolute !important;
    pointer-events: none !important;
    width: 100% !important;
    margin-bottom: -2px !important;
    display: none !important;
}
.img {
    width: 100% !important;
    max-width: 25% !important;
    margin-bottom: 20px !important;
}
.column-heading {
    font-size: 16px !important;
    font-family: regular !important;
    margin: 0 !important;
}
.column-text {
    font-size: 18px !important;
    color: grey !important;
}
#homeImages .img {
    max-width: 15rem !important;
    margin: auto !important;
} /*********************** multistep-form-css ************************/
.form-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 90vh !important;
    background: #fff !important;
}
#regForm {
    margin: auto !important;
}
.formBtns {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.tab input[type="number"] {
    padding: 10px !important;
    width: 100% !important;
    font-size: 17px !important;
    max-width: 20rem !important;
    outline: 0 !important;
    margin: auto !important;
    border: solid #e9e9e9 2px !important;
    height: 60px !important;
    width: 60px !important;
}
.tab div.input_type {
    width: 100% !important;
    overflow-x: auto !important;
}
input.invalid {
    background-color: #ffdddd !important;
}
button {
    background-color: #4caf50 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 17px !important;
    font-family: Raleway !important;
    cursor: pointer !important;
}
button:hover {
    opacity: 0.8 !important;
}
#prevBtn {
    font-size: 18px !important;
    margin: unset !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0px !important;
    line-height: 1.4 !important;
}
#nextBtn {
    float: right !important;
    font-size: 18px !important;
    margin: unset !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0px !important;
    line-height: 1.4 !important;
}
.buttons {
    overflow: auto !important;
    bottom: 0px !important;
    width: 100% !important;
    left: 0 !important;
    background-color: #e8c700 !important;
    margin-top: 20px !important;
    padding: 1.5em 1rem !important;
}
.tab,
.next_form {
    padding: 2rem !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
}
.tab h1 {
    background: #00b3a4 !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 1% 0% !important;
    margin: 0 !important;
}
.tab label {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #000 !important;
}
.form-group > label {
    font-size: 18px !important; /* font-family: regular!important; */
    font-weight: 700 !important;
    color: #000 !important;
}
.tab p {
    font-size: 18px !important;
    color: grey !important;
    font-family: regular !important;
}
.questiondiv {
    background: #a8d638 !important;
    padding: 2rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 2% !important;
    margin-top: 2% !important;
}
.progress {
    display: inline-block !important;
    width: 100% !important;
    border: 0px solid #ddd !important;
    background: #fff !important;
    padding: 5px !important;
    height: 30px !important;
    border-radius: 10px !important;
    margin: 0 !important;
}
.progress-bar-warning {
    border-radius: 10px !important;
    background: #ff4f33 !important;
}
.form-control {
    display: block;
    width: 100% !important;
    height: 34px;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
} /*********************** multistep-form-css ************************/ /*********************** 	popup-css ************************/
.modal-header {
    background: #00b3a4 !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
.modal-title {
    color: white !important;
}
.close {
    color: white !important;
    opacity: 1 !important;
}
.modal-dialog {
    margin-top: 20% !important;
} /*********************** 	popup-css ************************/
.formComments {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-bottom: 5px;
}
.table_score {
    font-family: regular !important;
    font-size: 16px !important;
    display: table !important;
}
.table_score > thead > tr {
    background: #2b2e3d !important;
}
.table_score > thead > tr > th {
    text-align: center !important;
    color: white !important;
}
.table_score > tbody > tr > td {
    text-align: center !important;
}
input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px !important;
    display: inline-block !important;
    visibility: visible !important;
    border: 1px solid #ddd !important;
    position: relative !important;
    min-width: auto !important;
    -webkit-appearance: auto !important;
}
input[type="radio"]:checked:after {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px !important;
    top: 0px !important;
    left: 0px !important;
    position: absolute !important;
    background-color: #2b2e3d !important;
    content: "";
    display: inline-block !important;
    visibility: visible !important;
    border: 1px solid #ddd !important;
}
.input_span {
    font-size: 15px !important;
    margin-left: 0.5% !important;
}
.table_score_radio:hover {
    background: #2b2d3b !important;
    color: white !important;
    cursor: pointer !important;
}
.check_radio {
    background: #2b2d3b !important;
    color: white !important;
    cursor: pointer !important;
}
.hide_input {
    display: none !important;
}
#chartdiv > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3),
#chartdiv > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(4) {
    display: none !important;
}
#chartdiv2 > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3),
#chartdiv2 > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(4) {
    display: none !important;
}
#chartdiv > div {
    max-height: 600px !important;
} /************************* 	last-form-step-css 	*************************/
.form_last_step {
    padding: 1.5rem !important;
}
.form_last_step p {
    font-size: 16px !important;
    font-family: regular !important;
}
.form_last_step .form-control {
    border-radius: 0px !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
    margin: 0 !important;
}
.form_last_step > .row > .form-group {
    padding-left: 0 !important;
}
.questiondiv ul {
    list-style: none !important;
    position: relative !important;
    padding: 0 !important;
    margin-left: 2rem !important;
}
.questiondiv ul li {
    margin: 0 0 15px 20px !important;
    line-height: 1.2;
    font-family: "regular";
    font-size: 20px;
}
.questiondiv ul li:before {
    /* content: "" !important;    width: 5px !important;    height: 20px !important;    background: #00B3A4 !important;    position: absolute !important;    left: -10px !important; */
    content: "✔" !important;
    width: 30px !important;
    height: 30px !important;
    position: absolute !important;
    left: -15px !important;
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 50%;
    padding: 2px;
}
.final-step-heading {
    background: #00b3a4 !important;
    font-size: 20px !important;
    color: #fff !important;
    padding: 1.5rem !important;
    margin: 0 !important;
} /***************** /changes by ajay on 13-5-21 ************/
.radio-btn-div {
    height: auto !important;
    margin: 2rem auto !important;
}
.radio-btn-div label {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-family: "regular" !important;
}
.radio-btn-div .radio-inline {
    padding-left: 0px !important;
}
.radio-btn-div .radio-inline input[type="radio"] {
    position: absolute !important;
    right: 15px !important;
}
.form-bottom-text {
    position: absolute !important;
    bottom: 20px !important;
    font-family: "regular" !important;
} /*************************	register form css 	*************************/
.registerForm {
    margin: 100px auto !important; /* margin : 25px auto !important; */
    margin-bottom: 100px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;
    padding: 2rem !important;
}
.registerForm .form-control {
    border-radius: 0 !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
} /*************************	Login form css 	*************************/
.login_userForm {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;
    padding: 2rem !important;
    max-width: 45rem !important;
    margin: 100px auto !important;
    width: 100% !important;
}
.login_userForm .form-control {
    border-radius: 0 !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
} /*************************	Sidebar css 	*************************/
.navForm {
    padding: 0 !important;
    margin: 0 !important;
}
.navForm > button {
    box-shadow: unset !important;
    height: auto !important;
}
.pageInfo {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 0 30px !important;
    color: #000 !important;
}

.navbar-nav > li > a.active {
    background: #fff !important;
    color: #0070BF   !important; /* color: #00B3A4  !important;	 */
}
.navbar-nav > li > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    font-size: 14px !important;
    color: #fff !important;
    /* padding-bottom: 13px !important; */
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
}

.home-section {
    position: relative !important;
    background: #fff !important;
    transition: all 0.5s ease !important;
    padding: 3rem 0 !important;
    margin: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.home-section .home-content {
    position: relative !important;
    padding: 0 15px !important;
    min-height: 25rem !important;
}
.home-section .home-content label {
    font-size: 16px !important;
}
.Comp_add {
    max-width: 50rem !important;
    background: #fff !important;
    padding: 2rem !important;
    border-top: 5px solid #00b3a4 !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
}
html {
    scroll-behavior: smooth;
} /* first section  */
.paragraph {
    min-height: 55px;
}
.red :before {
    display: none !important;
}
.first_section {
    height: unset;
    background-color: #2b2d3b;
    padding-top: 96.34px;
    padding-bottom: 96px;
    color: white;
}
.first_section h3 {
    max-width: 670px;
    margin: auto;
    margin-top: 54.17px !important;
    font-size: 46px;
    font-family: jost-regular;
}
.first_section p {
    font-size: 20px;
    font-family: "SpaceGrotesk-Regular";
    margin-top: 5px;
}
.first_section .row2 div {
    margin-top: 53.07px;
}
.first_section .row2 .p1 {
    margin-top: 31.17px;
    font-size: 19px !important;
    font-size: 18px !important;
}
.first_section p {
    font-family: space-regular;
}
.fa-angle-down {
    /* -webkit-text-stroke: 3px #00B3A4; */
}
.first_section .row2 .p2 {
    margin-top: 49.04px;
    font-size: 19px !important;
}
.first_section .row2 .p3 {
    margin-top: 49.14px;
    font-size: 19px !important;
}
.first_section .row2 .green {
    color: #aad638;
    margin-top: 6px;
    font-size: 50px;
    font-weight: 600;
}
.first_section .row2 .green,
.first_section .row2 .blue,
.first_section .row2 .red {
    font-family: space-bold;
}
.first_section .row2 .blue {
    color: #474cf9;
    margin-top: 19px;
    font-size: 50px;
    font-weight: 600;
}
.first_section .row2 .red {
    color: #ff4f33;
    margin-top: 19px;
    font-size: 50px;
    font-weight: 600;
}
.row3 {
    margin-top: 65.19px;
}
.row3 .one {
    font-size: 50px;
    color: #63656f;
}
.row3 .two {
    font-size: 75px;
    margin-top: -48px;
    color: #fff;
}
.row3 .three {
    vertical-align: text-top;
    font-size: 50px;
    margin-top: -40px;
    color: #63656f;
} /* ---- second section ---*/
.second_section {
    padding-top: 79px;
    padding-bottom: 100px;
    color: black;
}
.second_section h2 {
    font-size: 43px;
    padding-bottom: 10px;
    font-weight: 600;
}
.second_section h4 {
    font-size: 26px;
    color: 2b2d3c;
    padding-bottom: 5px;
}
.second_section p {
    font-size: 18px;
    color: #2b2d3c;
}
.second_section p span {
    color: #2b2d3c;
    font-size: 20px;
    font-weight: 900;
}
.second_section h2 span {
    border-bottom: 2px solid black;
}
.second_section .row {
    margin-top: 13.56px;
    padding-left: 50px;
    padding-right: 50px;
}
.second_section img {
    margin-top: 43px;
} /*----- section three ---- */
.third_section {
    background-color: #2b2d3b;
    padding-top: 98px;
    padding-bottom: 94px;
}
.third_section .heading,
.section-five h3 {
    color: #ffffff;
    font-size: 46px;
    font-family: "jost-regular";
}
.third_section h2 {
    color: #ffffff;
    font-size: 46px;
    padding-top: 50px;
}
.third_section .red {
    color: #ff4f33;
    font-size: 34px;
    padding-bottom: 50px;
}
.third_section .row1 {
    /* background-color:#313247; */
    height: 469px;
}
.third_section .row1 iframe {
    height: 100%;
    width: 100%;
}
.row-2 h4 {
    color: white;
}
.row-2 {
    margin-right: 7%;
    margin-left: 7%;
}
.row-2 .img1 {
    margin-top: 107px;
    height: 109.62px;
    width: 155.14px;
}
.row-2 .img2 {
    margin-top: 98px;
    height: 128px;
    width: 120px;
}
.row-2 .img3 {
    margin-top: 96px;
    height: 132px;
    width: 104px;
}
.row-2 .heading1,
.row-2 .heading2,
.row-2 .heading3 {
    font-family: space-medium;
}
.row-2 .heading1 {
    padding-top: 37.93px;
    font-size: 24px;
}
.row-2 .heading2 {
    padding-top: 29px;
    font-size: 24px;
}
.row-2 .heading3 {
    padding-top: 26px;
    font-size: 24px;
} /*---- section four ----*/
.section-four {
    background-color: #aad638;
    padding-top: 91px;
    padding-bottom: 94px;
}
.section-four h2 {
    font-size: 50px;
    color: #2b2d3c;
    font-weight: 600;
}
.section-four span {
    border-radius: 8px;
    border: none;
    border-left: 2px solid black;
    border-right: 2px solid black;
    font-size: 26px;
    padding-left: 2px;
    padding-right: 2px;
}
.section-four img {
    margin-top: 27px;
} /*--- section -five ---*/
.section-five {
    background-color: #2b2d3b;
    padding-top: 50px;
    padding-bottom: 60px;
    border-bottom: 3px solid #aad638;
    color: white;
}
.section-five h3 {
    font-size: 35px;
}
.section-five img {
    margin-top: 23px;
} /*--- footer ---*/
.footer {
    background-color: #2b2d3b;
    padding-top: 50px;
    padding-bottom: 60px;
    color: white;
}
.footer h6 {
    font-size: 20px;
}
.footer img {
    position: relative; /* top: 8px; */
    height: 65px;
    right: 5px;
}
.footer .left {
    padding-top: 29px;
    font-size: 16px;
}
.footer h5 {
    font-size: 16px;
}
.footer p {
    padding-top: 64px;
    font-size: 16px;
}
.section-four h2 {
    margin: auto;
    max-width: 813px;
}
.btn-second {
    margin-top: 10px;
    background-color: #aad638 !important;
    color: #000000 !important;
    font-size: 21px;
    height: 55px;
    width: 271px;
    border-radius: 30px;
    border: none;
    margin-top: 43px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    font-size: 20px !important;
}
.btn-second:hover {
    border: 2px solid black !important;
}
.btn-four {
    height: 65px;
    width: 271px;
    background-color: #fff !important;
    font-size: 21px !important;
    border-radius: 30px;
    border: none;
    margin-top: 27px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    color: #000 !important;
}
.btn-four:hover {
    border: 2px solid black !important;
}
.btn-footer {
    height: 44px;
    width: 154px;
    background: transparent !important;
    border-radius: 25px;
    border: 2px solid white !important;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    margin-top: 8px;
}
.btn-footer:hover {
    border: 2px solid #aad638 !important;
}
.btn-five {
    height: 49px;
    width: 271px;
    background: transparent !important;
    font-size: 21px;
    border-radius: 25px;
    border: 2px solid #aad638 !important;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    margin-top: 23px;
}
.btn-five:hover {
    border: 2px solid #fff !important;
} /*--- media query -----*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
    .row_center {
        text-align: center !important;
    }
    .first_section {
        border-bottom-right-radius: 0%;
        border-bottom-left-radius: 0%;
    }
    .first_section {
        padding-top: 65px;
    }
    .first_section .img1 img {
        height: 100px;
        width: 210px;
    }
    .first_section p {
        font-size: 17px;
    }
    .first_section .row2 .green,
    .first_section .row2 .blue,
    .first_section .row2 .red {
        font-size: 40px;
    }
    .first_section .row2 img {
        height: 100px;
        width: 100px;
    }
    .first_section .row3 {
        display: none;
    }
    .first_section h3 {
        font-size: 28px;
    } /*--- section two -----*/
    .second_section img {
        height: 48px;
        width: 269px;
    }
    .second_section h2 {
        font-size: 30px;
    }
    .second_section h4 {
        font-size: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .second_section .row {
        margin-top: 13.56px;
        padding-left: 1px;
        padding-right: 1px;
    } /*--- section three -----*/
    .third_section {
        padding-top: 87px;
        padding-bottom: 87px;
    }
    .third_section .heading {
        font-size: 28px;
        padding-top: 1px;
    }
    .third_section h2 {
        font-size: 24px;
    }
    .third_section .row1 {
        height: 177px;
    }
    .third_section .row1 iframe {
        height: 100%;
        width: 100%;
    }
    .row-2 .img1 {
        margin-top: 94.03px;
    }
    .row-2 .img2 {
        margin-top: 18.93px;
    }
    .row-2 .img3 {
        margin-top: 22.03px;
    }
    .row-2 .heading1 {
        padding-top: 26.93px;
        padding-bottom: 20px;
        font-size: 20px;
    }
    .row-2 .heading2 {
        padding-top: 29px;
        padding-bottom: 20px;
        font-size: 21.42px;
    }
    .row-2 .heading3 {
        padding-top: 31.91px;
        padding-bottom: 20px;
        font-size: 20px;
    } /*--- section four -----*/
    .section-four {
        background-color: #aad638;
        padding-top: 71px;
        padding-bottom: 74px;
    }
    .section-four h2 {
        font-size: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-four img {
        height: 46px;
        width: 200px;
    }
    .section-four span {
        font-size: 20px;
    } /*--- section five-----*/
    .section-five h3 {
        font-size: 28px;
    }
    .section-five img {
        height: 44px;
        width: 269px;
    }
    .footer .row {
        width: 240px;
        margin: auto;
    }
}
@media (max-width: 1091px) {
    #quiz_plugin_total_score {
        padding: unset !important;
        height: unset !important;
    }
}
@media (max-width: 550px) {
    #hero {
        padding: 10% 0% 33% !important;
    }
    .hero-btn {
        font-size: 16px !important;
    }
    .questiondiv {
        flex-flow: column !important;
    }
    .hero-title {
        font-size: 26px !important;
    }
}
@media (max-width: 767px) {
    .tab h1,
    .final-step-heading {
        padding: 1.5rem !important;
    }
    input[type="submit"] {
        margin-bottom: 2% !important;
    }
    .mb-sm-30 {
        margin-bottom: 30px !important;
    }
    .buttons {
        position: unset !important;
    }
    .next,
    .previous {
        display: inline-block !important;
        margin-bottom: 2% !important;
    }
    #column-divider {
        margin: 30px auto !important;
    }
    .img {
        max-width: 20% !important;
        margin-bottom: 10px !important;
    }
    .last_form_step {
        padding: 50px 40px !important;
    }
    .radio-btn-div .radio-inline {
        padding-right: 15% !important;
    }
    .radio-btn-div label {
        font-size: 16px !important;
    }
    .form-bottom-text {
        position: unset !important;
    }
    div.form_last_step > div.row > div.form-group > div.radio-btn-div > label.radio-inline > input[type="radio"]:checked:after {
        top: -2px !important !important;
        left: -1px !important !important;
        height: 16px !important !important;
        border-radius: 100% !important;
    }
    .navbar-nav {
        flex-flow: column !important;
    }
    .navbar-toggle {
        display: unset !important;
    }
    .glyphicon {
        left: 18px !important;
    }
    .navbar-brand {
        padding-top: 14px !important;
    }
    .text-center-sm {
        text-align: center;
    }
}
@media (min-width: 768px) {
    #column-divider {
        display: none !important;
    }
    .container {
        width: 100%;
    }
    .entry .entry-content {
        padding: 0 !important;
        max-width: 100%;
        margin: 0 7%;
    }
    .row2 {
        margin: auto 7%;
    }
    .entry .entry-content > * {
        max-width: 100% !important;
    }
    .first_section {
        /* border-bottom-right-radius: 50%; */ /* border-bottom-left-radius: 50%; */
    }
}
@media only screen and (max-width: 992px) {
    #hero {
        padding: 10% 0% 0% !important;
    }
    .section {
        padding: 10% 0% !important;
    }
    .hero-img {
        width: 60% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .hero-btn {
        font-size: 20px !important;
    }
    #footer {
        padding-top: 100px !important;
    }
    .form-box {
        display: block !important;
    }
    #regForm {
        margin: auto !important;
    }
    .hero-divider {
        max-width: 7rem !important;
        border-width: 2px !important;
    }
    .sub-text {
        margin: 1% 0% 3% !important;
    }
    .last_form_step {
        margin-top: 2% !important;
    }
}
@media (min-width: 993px) {
    #hero {
        padding: 7% 0% 2% !important;
    }
}
@media (min-width: 1200px) {
    .buttons .container {
        width: 1100px !important;
    }
    #hero,
    .form-box,
    #quiz_plugin_total_score,
    .section {
        min-width: 100% !important;
        width: 100% !important;
    }
    .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (min-width: 1600px) {
    .hero-subtitle,
    .sub-text-title,
    .hero-btn,
    .column-heading {
        font-size: 22px !important;
    }
}
@media (min-width: 1251px) {
    /* .final-step{		height: 206px;	} */
}
html {
    scroll-behavior: smooth;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0px;
    margin-right: 0px;
} /* first section  */
.first_section {
    height: unset;
    background-color: #2b2d3b;
    padding-top: 96px;
    padding-bottom: 30px;
    color: white;
}
.first1_section {
    height: unset;
    background-color: #2b2d3b;
    color: white;
    border-radius: 0 0 100% 100%;
    padding-bottom: 86px;
    margin-top: -1px;
}
.first1_section h3 {
    margin-top: 24px;
    font-size: 46px;
    font-family: "Jost", sans-serif;
    padding-left: 70px;
    padding-right: 70px;
}
.first1_section p {
    font-size: 20px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 300;
    margin-top: 5px;
}
.first1_section .row2 div {
    margin-top: 53.07px; /* padding-left:60px; */
}
.d-flex {
    display: flex;
    flex-flow: column;
}
.questiondiv label {
    margin-bottom: 0 !important;
}
.mx-w-90 {
    max-width: 90%;
    margin: auto;
}
.first1_section .row2 .p1 {
    margin-top: 31.17px;
}
.first1_section .row2 .p2 {
    margin-top: 49.04px;
}
.first1_section .row2 .p3 {
    margin-top: 49.14px;
}
.first1_section .row2 .green {
    color: #aad638;
    margin-top: 6px;
    font-size: 50px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.first1_section .row2 .blue {
    color: #474cf9;
    margin-top: 19px;
    font-size: 50px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.first1_section .row2 .red {
    color: #ff4f33;
    margin-top: 19px;
    font-size: 50px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.row3 {
    margin-top: 65.19px;
}
.row3 .one {
    font-size: 45px;
    color: #63656f;
}
.row3 .two {
    font-size: 75px;
    margin-top: -48px;
    color: #fff;
}
.row3 .three {
    font-size: 45px;
    margin-top: -42px;
    color: #63656f;
} /* ---- second section ---*/
.second_section {
    padding-top: 79px;
    padding-bottom: 100px;
    color: #2b2d3c;
}
.second_section h2 {
    font-size: 45px;
    padding-bottom: 10px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.second_section h4 {
    font-size: 27px;
    padding-bottom: 5px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
}
.second_section p {
    font-size: 24px;
    color: #2b2d3c;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
}
.second_section p span {
    color: #2b2d3c;
    font-size: 30px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.second_section h2 span {
    text-decoration: underline 1px;
}
.second_section .row {
    margin-top: 20px;
    padding-left: 100px;
    padding-right: 100px;
}
.btn-second {
    margin-top: 10px;
    background-color: #aad638;
    font-size: 25px;
    height: 53px;
    width: 300px;
    border-radius: 25px;
    border: none;
    margin-top: 43px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.btn-second:hover {
    border: 2px solid black;
} /*----- section three ---- */
.third_section {
    background-color: #2b2d3b;
    padding-top: 98px;
    padding-bottom: 98px;
}
.third_section .heading {
    color: #ffffff;
    font-size: 46px;
    font-family: "Jost", sans-serif;
    padding-top: 1px;
}
.third_section h2 {
    color: #ffffff;
    font-size: 46px;
    padding-top: 50px;
}
.third_section .red {
    color: #ff4f33;
    font-size: 34px;
    padding-bottom: 50px;
}
.third_section .row1 {
    /* background-color:#313247; */
    height: 469px;
    margin-top: 15px;
}
.third_section .row1 iframe {
    height: 100%;
    width: 100%;
}
.row-2 h4 {
    color: white;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
}
.row-2 .img1 {
    margin-top: 107px;
    height: 109.62px;
    width: 155.14px; /* margin-right: 15px; */
}
.row-2 .img2 {
    margin-top: 98px;
    height: 128px;
    width: 120px; /* margin-right: 25px; */
}
.row-2 .img3 {
    margin-top: 96px;
    height: 132px;
    width: 104px; /* margin-right: 95px; */
}
.row-2 .heading1 {
    padding-top: 37.93px;
    font-size: 26px; /* padding-left: 25px;    padding-right: 25px; */
    line-height: 1.3;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
}
.row-2 .heading2 {
    padding-top: 29px;
    font-size: 26px; /* padding-left: 10px;    padding-right: 35px; */
    line-height: 1.3;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
}
.row-2 .heading3 {
    padding-top: 26px;
    font-size: 26px; /* padding-left:16px; */
    line-height: 1.3;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
} /*---- section four ----*/
.section-four {
    background-color: #aad638;
    padding-top: 94px;
    padding-bottom: 94px;
    color: #2b2d3c;
}
.section-four h2 {
    font-size: 48px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.section-four span {
    border-radius: 8px;
    border: none;
    border-left: 2px solid black;
    border-right: 2px solid black;
    font-size: 26px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px;
}
.btn-four {
    height: 65px;
    width: 271px;
    background-color: #fff;
    font-size: 21px;
    border-radius: 25px;
    border: none;
    margin-top: 27px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.btn-four:hover {
    border: 2px solid black;
} /*--- section -five ---*/
.section-five {
    background-color: #2b2d3b;
    padding-top: 58px;
    padding-bottom: 68px;
    border-bottom: 3px solid #aad638;
    color: white;
}
.section-five h3 {
    font-size: 35px;
    font-family: "Jost", sans-serif;
}
.btn-five {
    height: 53px;
    width: 300px;
    background: transparent;
    font-size: 25px;
    border-radius: 25px;
    border: 2px solid #aad638;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    margin-top: 23px;
}
.btn-five:hover {
    border: 2px solid #fff;
} /*--- footer ---*/
.footer {
    background-color: #2b2d3b;
    padding-top: 72px;
    padding-bottom: 82px;
    color: white;
    letter-spacing: 0.5;
}
.footer h6 {
    font-size: 20px;
}
.footer img {
    position: relative;
    top: 8px;
    right: 5px;
}
.footer .left {
    font-size: 16px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}
.footer h5 {
    font-size: 16px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 300;
    line-height: 1.4;
}
.footer a {
    font-size: 16px;
    color: white;
    text-decoration: underline;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 300;
}
.footer p {
    padding-top: 64px;
    font-size: 16px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 300;
}
.btn-footer {
    height: 44px;
    width: 154px;
    background: transparent;
    border-radius: 25px;
    border: 2px solid white;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
    margin-top: 8px;
}
.btn-footer:hover {
    border: 2px solid #aad638;
} /*--- media query -----*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
    .btn-second,
    .btn-five {
        width: 220px;
    }
    .row_center {
        text-align: center !important;
    }
    .first_section {
        padding-top: 65px;
    }
    .first1_section {
        padding-bottom: 65px;
        border-radius: 0 0 0 0;
    }
    .first_section .img1 img {
        height: 100px;
        width: 210px;
    }
    .first1_section p {
        font-size: 17px;
    }
    .first1_section .row2 .green,
    .first1_section .row2 .blue,
    .first1_section .row2 .red {
        font-size: 40px;
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .first1_section .row2 img {
        height: 100px;
        width: 100px;
    }
    .first1_section .row3 {
        display: none;
    }
    .first1_section h3 {
        font-size: 27px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 45px;
    }
    .first1_section .row2 .p1 {
        margin-top: 24.17px;
    }
    .first1_section .row2 .p2 {
        margin-top: 22px;
    }
    .first1_section .row2 .p3 {
        margin-top: 20px;
    }
    .first1_section .row2 div {
        margin-top: 40px;
        padding-left: 1px;
    } /*--- section two -----*/
    .second_section img {
        height: 48px;
        width: 269px;
    }
    .second_section h2 {
        font-size: 30px;
        padding-left: 17px;
        padding-right: 17px;
    }
    .second_section h4 {
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .second_section .row {
        margin-top: 30px;
        padding-left: 21px;
        padding-right: 21px;
    }
    .second_section p {
        font-size: 17px;
        color: #-2b2d3c;
    } /*--- section three -----*/
    .third_section {
        padding-top: 77px;
        padding-bottom: 77px;
    }
    .third_section .heading {
        font-size: 28px;
        padding-top: 1px;
    }
    .third_section h2 {
        font-size: 24px;
    }
    .third_section .row1 {
        height: 177px;
        margin-top: -8px;
    }
    .third_section .row1 iframe {
        height: 100%;
        width: 100%;
    }
    .row-2 .img1 {
        margin-top: 94.03px;
        margin-right: 1px;
    }
    .row-2 .img2 {
        margin-top: 18.93px;
        margin-right: 1px;
    }
    .row-2 .img3 {
        margin-top: 22.03px;
        margin-right: 1px;
    }
    .row-2 .heading1 {
        padding-top: 16px;
        padding-bottom: 20px;
        font-size: 20px;
        line-height: 1.1;
        padding-left: 18px;
        padding-right: 18px;
    }
    .row-2 .heading2 {
        padding-top: 19px;
        padding-bottom: 20px;
        font-size: 20px;
        line-height: 1.1;
        padding-left: 18px;
        padding-right: 18px;
    }
    .row-2 .heading3 {
        padding-top: 21px;
        padding-bottom: 20px;
        font-size: 20px;
        line-height: 1.1;
        padding-left: 18px;
        padding-right: 18px;
    } /*--- section four -----*/
    .section-four {
        background-color: #aad638;
        padding-top: 61px;
        padding-bottom: 75px;
    }
    .section-four h2 {
        font-size: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-four img {
        height: 46px;
        width: 200px;
    }
    .section-four span {
        font-size: 20px;
    } /*--- section five-----*/
    .section-five {
        padding-top: 70px;
        padding-bottom: 90px;
    }
    .section-five h3 {
        font-size: 28px;
    }
    .section-five img {
        height: 44px;
        width: 269px;
    } /*---- footer -----*/
    .footer {
        padding-top: 10px;
        padding-bottom: 60px;
    }
    .footer h6 {
        padding-bottom: 20px;
    }
    .footer h5 {
        padding-top: 30px;
        line-height: 1.3;
    }
    .btn-footer {
        margin-top: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .first1_section {
        border-radius: 0 0 0 0;
    }
    .first1_section .row3 {
        display: none;
    }
    .first1_section .row2 .p1,
    .first1_section .row2 .p2,
    .first1_section .row2 .p3 {
        margin-top: 22px;
    }
    .first1_section .row2 .green,
    .first1_section .row2 .blue,
    .first1_section .row2 .red {
        font-size: 44px;
    }
    .first1_section p {
        font-size: 15px;
    }
    .first1_section h3 {
        font-size: 42px;
        max-width: 842px;
        margin: auto;
    }
    .row2 {
        max-width: 1230px;
        margin: auto;
    } /*--- section three ---*/
    .third_section {
        padding-top: 78px;
        padding-bottom: 98px;
    }
    .row-2 .img1 {
        margin-top: 87px;
    }
    .row-2 .img2 {
        margin-top: 68px;
    }
    .row-2 .img3 {
        margin-top: 66px;
    } /*--- section four ---*/
    .section-four {
        padding-top: 84px;
        padding-bottom: 94px;
    }
} /* ----------------------------------------------------------------------------------------------------------------- */ /*************************	register form css 	*************************/
.registerForm {
    margin: 100px auto !important; /* margin : 25px auto !important; */
    margin-bottom: 100px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;
    padding: 2rem !important;
}
.registerForm .form-control {
    border-radius: 0 !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
} /*************************	Login form css 	*************************/
.login_userForm {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;
    padding: 2rem !important;
    max-width: 45rem !important;
    margin: 100px auto !important;
    width: 100% !important;
}
.login_userForm .form-control {
    border-radius: 0 !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
} /*************************	Sidebar css 	*************************/
.navForm {
    padding: 0 !important;
    margin: 0 !important;
}
.navForm > button {
    box-shadow: unset !important;
    height: auto !important;
}
.pageInfo {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 0 30px !important;
    color: #000 !important;
}


.home-section {
    position: relative !important;
    background: #fff !important;
    transition: all 0.5s ease !important;
    padding: 3rem 0 !important;
    margin: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.home-section .home-content {
    position: relative !important;
    padding: 0 15px !important;
    min-height: 25rem !important;
}
.home-section .home-content label {
    font-size: 16px !important;
}
.Comp_add {
    max-width: 50rem !important;
    background: #fff !important;
    padding: 2rem !important;
    border-top: 5px solid #00b3a4 !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
} /**************** 	fonts-css****************/
@font-face {
    font-family: regular;
    src: url("../fonts/Barlow-Regular.ttf");
}
@font-face {
    font-family: bold;
    src: url("../fonts/Barlow-Bold.ttf");
}
@font-face {
    font-family: extra-bold;
    src: url("../fonts/Barlow-ExtraBold.ttf");
}
.loading {
    position: fixed !important;
    height: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    background: #000000d1 !important;
    z-index: 100000 !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-flow: column !important;
    flex-wrap: wrap;
}
.loading > img {
    border-radius: 100% !important;
}
.loading > p {
    font-family: bold !important;
    color: #fff !important;
    font-size: 2rem !important;
    margin: 2rem auto !important;
} /**************** 	fonts-css****************/
a,
a:hover,
a:focus {
    text-decoration: unset !important;
}
.bold {
    font-weight: 600 !important;
}
#hero {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #cfedea !important;
    background-position: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 0 !important;
}
.section {
    width: 100% !important;
    padding: 5% 0% !important;
    background: #cfedea !important;
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 0px !important;
}
.logo {
    margin: 0 !important;
    font-family: bold !important;
}
.hero-title {
    font-size: 40px !important;
    margin: 3% 0 !important;
    font-family: bold !important;
}
.hero-subtitle {
    font-size: 20px !important;
    font-family: regular !important;
    margin: 0 !important;
    line-height: 2 !important;
}
.sub-text {
    margin: 2% 0% 3% !important;
}
.sub-text-title {
    font-size: 24px !important;
    font-family: regular !important;
    margin: 0 !important;
    line-height: 2 !important;
}
.hero-btn,
.call-btn {
    background: #474dfa !important;
    color: #fff !important;
    font-size: 20px !important;
    padding: 0.5em 1em !important;
    font-family: regular !important;
    margin: 0 !important;
    line-height: inherit !important;
    outline: 0 !important;
    border: 0 !important;
    max-width: inherit !important;
    border-radius: unset !important;
    height: auto !important;
    width: 123px !important;
}
.hero-btn:hover {
    color: #fff !important;
}
.hero-divider {
    border-top: 3px solid #474cf9 !important;
    max-width: 10rem !important;
    margin: 0% auto !important;
}
.zig-zag {
    background-image: url("../img/zig-zag.svg") !important;
    background-size: 100% 100px !important;
    bottom: 0 !important;
    height: 100px !important;
    position: absolute !important;
    pointer-events: none !important;
    width: 100% !important;
    margin-bottom: -2px !important;
    display: none !important;
}
.img {
    width: 100% !important;
    max-width: 25% !important;
    margin-bottom: 20px !important;
}
.column-heading {
    font-size: 16px !important;
    font-family: regular !important;
    margin: 0 !important;
}
.column-text {
    font-size: 18px !important;
    color: grey !important;
}
#homeImages .img {
    max-width: 15rem !important;
    margin: auto !important;
} /*********************** 	multistep-form-css ************************/
.form-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* min-height: 90vh !important; */
    background: #fff !important;
}
#regForm {
    margin: auto !important;
}
.formBtns {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.tab input[type="number"] {
    padding: 10px !important;
    width: 100% !important;
    font-size: 17px !important;
    max-width: 20rem !important;
    outline: 0 !important;
    margin: auto !important;
    border: solid #e9e9e9 2px !important;
    height: 60px !important;
    width: 60px !important;
}
.tab div.input_type {
    width: 100% !important;
    overflow-x: auto !important;
}
input.invalid {
    background-color: #ffdddd !important;
}
button {
    background-color: #4caf50 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 17px !important;
    font-family: Raleway !important;
    cursor: pointer !important;
}
button:hover {
    opacity: 0.8 !important;
}
#prevBtn {
    font-size: 18px !important;
    margin: unset !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0px !important;
    line-height: 1.4 !important;
}
#nextBtn {
    float: right !important;
    font-size: 18px !important;
    margin: unset !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0px !important;
    line-height: 1.4 !important;
}
#ques_save {
    font-size: 18px !important;
    border: 0px !important;
    outline: 0px !important;
    border-radius: 0px !important;
    line-height: 1.4 !important;
}
.buttons {
    overflow: auto !important;
    bottom: 0px !important;
    width: 100% !important;
    left: 0 !important;
    background-color: #e8c700 !important;
    margin-top: 20px !important;
    padding: 1.5em 1rem !important;
}
.tab,
.next_form {
    padding: 2rem !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
}
.tab h1 {
    background: #00b6a7 !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 1% 0% !important;
    margin: 0 !important;
}
.tab label,
.form-group > label {
    font-size: 18px !important;
    font-family: regular !important;
    font-weight: 700 !important;
    color: #000 !important;
}
.tab p {
    font-size: 18px !important;
    color: grey !important;
    font-family: regular !important;
}
.questiondiv {
    background: #a8d638 !important;
    padding: 2rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 2% !important;
}
.progress {
    display: inline-block !important;
    width: 100% !important;
    border: 0px solid #ddd !important;
    background: #fff !important;
    padding: 5px !important;
    height: 30px !important;
    border-radius: 10px !important;
    margin: 0 !important;
}
.progress-bar-warning {
    border-radius: 10px !important;
    background: #ff4f33 !important;
}
.form-control {
    display: block;
    width: 100% !important;
    height: 34px;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
} /*********************** 	multistep-form-css ************************/ /*********************** 	popup-css ************************/
.modal-header {
    background: #00b6a7 !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
.modal-title {
    color: white !important;
}
.close {
    color: white !important;
    opacity: 1 !important;
}
.modal-dialog {
    margin-top: 20% !important;
} /*********************** 	popup-css ************************/
.formComments {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.table_score {
    font-family: regular !important;
    font-size: 16px !important;
    display: table !important;
}
.table_score > thead > tr {
    background: #2b2e3d !important;
}
.table_score > thead > tr > th {
    text-align: center !important;
    color: white !important;
}
.table_score > tbody > tr > td {
    text-align: center !important;
}
input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px !important;
    display: inline-block !important;
    visibility: visible !important;
    border: 1px solid #ddd !important;
    position: relative !important;
    min-width: auto !important;
    -webkit-appearance: auto !important;
}
input[type="radio"]:checked:after {
    width: 15px !important;
    height: 15px !important;
    border-radius: 15px !important;
    top: 0px !important;
    left: 0px !important;
    position: absolute !important;
    background-color: #2b2e3d !important;
    content: "";
    display: inline-block !important;
    visibility: visible !important;
    border: 1px solid #ddd !important;
}
.input_span {
    font-size: 15px !important;
    margin-left: 0.5% !important;
}
.table_score_radio:hover {
    background: #00b6a7 !important;
    color: white !important;
    cursor: pointer !important;
}
.check_radio {
    background: #00b6a7 !important;
    color: white !important;
    cursor: pointer !important;
}
.hide_input {
    display: none !important;
}
.chartdiv > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(3),
.chartdiv > div > svg > g > g:nth-child(2) > g:nth-child(2) > g > g:nth-child(4) {
    display: none !important;
}
#chartdiv > div {
    max-height: 600px !important;
} /************************* 	last-form-step-css 	*************************/
.form_last_step {
    padding: 1.5rem !important;
}
.form_last_step p {
    font-size: 16px !important;
    font-family: regular !important;
}
.form_last_step .form-control {
    border-radius: 0px !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
    margin: 0 !important;
}
.form_last_step > .row > .form-group {
    padding-left: 0 !important;
}
.questiondiv ul {
    list-style: none !important;
    position: relative !important;
    padding: 0 !important;
    margin-left: 2rem !important;
}
.questiondiv ul li {
    margin: 0 0 15px 20px !important;
    line-height: 1.2;
    font-family: "regular";
    font-size: 20px;
}
.questiondiv ul li:before {
    text-align: center;
    content: "✔" !important;
    width: 30px !important;
    height: 30px !important;
    position: absolute !important;
    left: -15px !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(170, 170, 170);
    border-image: initial;
    border-radius: 50%;
    padding: 2px;
}
.final-step-heading {
    background: #a8d638 !important;
    padding: 2rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 2% !important;
    margin-top: 2% !important;
} /***************** /changes by ajay on 13-5-21 ************/
.radio-btn-div {
    height: auto !important;
    margin: 2rem auto !important;
}
.radio-btn-div label {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-family: "regular" !important;
}
.radio-btn-div .radio-inline {
    padding-left: 0px !important;
}
.radio-btn-div .radio-inline input[type="radio"] {
    position: absolute !important;
    right: 15px !important;
}
.form-bottom-text {
    position: absolute !important;
    bottom: 20px !important;
    font-family: "regular" !important;
} /*************************	register form css 	*************************/
.registerForm {
    margin: 100px auto !important;
    margin-bottom: 100px !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;
    padding: 2rem !important;
}
.registerForm .form-control {
    border-radius: 0 !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
} /*************************	Login form css 	*************************/ /* .login_userForm{ */ /* box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;  */ /* padding: 2rem !important; */ /* max-width: 45rem !important; */ /* margin: 100px auto !important; */ /* width: 100% !important; */ /* } */
.login_userForm .form-control {
    border-radius: 0 !important;
    font-size: 18px !important;
    padding: 12px !important;
    height: auto !important;
}
.loginForm {
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
    padding: 2rem !important;
    max-width: 50rem !important;
    margin: 100px auto !important;
    width: 100% !important;
} /*************************	Sidebar css 	*************************/
.navForm {
    padding: 0 !important;
    margin: 0 !important;
}
.navForm > button {
    box-shadow: unset !important;
    height: auto !important;
}
.pageInfo {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 0 30px !important;
    font-family: bold !important;
    color: #000 !important;
}

.home-section {
    position: relative !important;
    background: #fff !important;
    transition: all 0.5s ease !important;
    padding: 3rem 0 !important;
    margin: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.home-section .home-content {
    position: relative !important;
    padding: 0 15px !important;
    min-height: 25rem !important;
}
.home-section .home-content label {
    font-family: bold !important;
    font-size: 16px !important;
}
.Comp_add {
    max-width: 50rem !important;
    background: #fff !important;
    padding: 2rem !important;
    border-top: 5px solid #00b6a7 !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
}
@media (max-width: 1091px) {
    #quiz_plugin_total_score {
        padding: unset !important;
        height: unset !important;
    }
}
@media (max-width: 550px) {
    #hero {
        padding: 10% 0% 33% !important;
    }
    .hero-btn {
        font-size: 16px !important;
    }
    .questiondiv {
        flex-flow: column !important;
    }
    .hero-title {
        font-size: 26px !important;
    }
}
@media (max-width: 767px) {
    .tab h1,
    .final-step-heading {
        padding: 1.5rem !important;
    }
    input[type="submit"] {
        margin-bottom: 2% !important;
    }
    .mb-sm-30 {
        margin-bottom: 30px !important;
    }
    .buttons {
        position: unset !important;
    }
    .next,
    .previous {
        display: inline-block !important;
        margin-bottom: 2% !important;
    }
    #column-divider {
        margin: 30px auto !important;
    }
    .img {
        max-width: 20% !important;
        margin-bottom: 10px !important;
    }
    .last_form_step {
        padding: 50px 40px !important;
    }
    .radio-btn-div .radio-inline {
        padding-right: 15% !important;
    }
    .radio-btn-div label {
        font-size: 16px !important;
    }
    .form-bottom-text {
        position: unset !important;
    }
    div.form_last_step > div.row > div.form-group > div.radio-btn-div > label.radio-inline > input[type="radio"]:checked:after {
        top: -2px !important !important;
        left: -1px !important !important;
        height: 16px !important !important;
        border-radius: 100% !important;
    }
    .navbar-nav {
        flex-flow: column !important;
    }
    .navbar-toggle {
        display: unset !important;
    }
    .glyphicon {
        left: 18px !important;
    }
    .navbar-brand {
        padding-top: 14px !important;
    }
}
@media (min-width: 768px) {
    #column-divider {
        display: none !important;
    }
}
@media only screen and (max-width: 992px) {
    #hero {
        padding: 10% 0% 0% !important;
    }
    .section {
        padding: 10% 0% !important;
    }
    .hero-img {
        width: 60% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .hero-btn {
        font-size: 20px !important;
    }
    #footer {
        padding-top: 100px !important;
    }
    .form-box {
        display: block !important;
    }
    #regForm {
        margin: auto !important;
    }
    .hero-divider {
        max-width: 7rem !important;
        border-width: 2px !important;
    }
    .sub-text {
        margin: 1% 0% 3% !important;
    }
    .last_form_step {
        margin-top: 2% !important;
    }
}
@media (min-width: 993px) {
    #hero {
        padding: 7% 0% 2% !important;
    }
}
@media (min-width: 1200px) {
    .buttons .container {
        width: 1100px !important;
    }
    #hero,
    .form-box,
    #quiz_plugin_total_score,
    .section {
        min-width: 100% !important;
        width: 100% !important;
    }
    .container {
        width: 100% !important;
        max-width: 1170px !important;
    }
}
@media (min-width: 1600px) {
    .hero-subtitle,
    .sub-text-title,
    .hero-btn,
    .column-heading {
        font-size: 22px !important;
    }
}


html {
  scroll-behavior: smooth;
}
.row{
	margin-left:0px;
	margin-right:0px;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px!important;
	margin-left:0px;
	margin-right:0px;
}

/* first section  */
.first_section{
	height:unset;
	background-color:#2b2d3b;
	padding-top:96px;
	padding-bottom: 30px;
    color: white;
}

.first1_section{
	height:unset;
	background-color:#2b2d3b;
    color: white;
    border-radius: 0 0 100% 100%;
	padding-bottom: 86px;
    margin-top: -1px;
}


.first1_section h3{
	margin-top:24px;
	font-size:46px;
	font-family: 'Jost', sans-serif;
	padding-left: 70px;
    padding-right: 70px;
}

.first1_section p{
	font-size:20px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:300;
	margin-top:5px;
}

.first1_section .row2 div{
	margin-top: 53.07px;
	/* padding-left:60px; */
}

.d-flex{
	display: flex;
	flex-flow: column;
}

.questiondiv  label{
	margin-bottom : 0 !important;
}
.mx-w-90{
	max-width:90%;
	margin: auto;
}
.first1_section .row2 .p1{
	 margin-top: 31.17px;
}

.first1_section .row2 .p2{
	 margin-top: 49.04px;
}

.first1_section .row2 .p3{
	 margin-top: 49.14px;
}

.first1_section .row2 .green{
	color:#aad638;
	margin-top: 6px;
	font-size:50px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.first1_section .row2 .blue{
	color:#474cf9;
	margin-top: 19px;
	font-size:50px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.first1_section .row2 .red{
	color:#ff4f33;
	margin-top: 19px;
	font-size:50px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.row3 {
	margin-top:65.19px;
}

.row3 .one{
	font-size:45px;
	color:#63656f;
}

.row3 .two{
	font-size:75px;
	margin-top:-48px;
	color:#fff;
}

.row3 .three{
	font-size:45px;
	margin-top:-42px;
	color:#63656f;
}

/* ---- second section ---*/
.second_section{
	padding-top:79px;
	padding-bottom:100px;
	color:#2b2d3c;
}

.second_section h2{
	font-size:45px;
	padding-bottom:10px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.second_section h4{
	font-size:27px;
	padding-bottom:5px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:400;
	
}

.second_section p {
	font-size:24px;
	color:#2b2d3c;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:400;
}

.second_section p  span{
	color:#2b2d3c;
	font-size:30px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.second_section h2 span{
	text-decoration: underline 1px;
}

.second_section .row{
	margin-top:20px;
	padding-left: 100px;
	padding-right: 100px;
}


.btn-second{
	margin-top:10px;
	background-color:#AAD638;
	font-size:22px;
	height:53px;
	width:300px;
	border-radius:25px;
	border:none;
	margin-top:43px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.btn-second:hover{
	border:2px solid black;
}

/*----- section three ---- */
.third_section{
	background-color:#2b2d3b;
	padding-top:98px;
	padding-bottom:98px;
}

.third_section .heading{
	color:#ffffff;
	font-size:46px;
	font-family: 'Jost', sans-serif;
	padding-top: 1px;
}

.third_section h2{
	color:#ffffff;
	font-size:46px;
	padding-top:50px;
}

.third_section .red{
	color:#ff4f33;
	font-size:34px;
	padding-bottom:50px;
}


.third_section .row1{
	/* background-color:#313247; */
	height:469px;
	margin-top: 15px;
}

.third_section .row1 iframe{
		height:100%;
		width:100%;
    }

.row-2 h4{
	color:white;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:400;
}

.row-2 .img1{
	margin-top: 107px;
	height: 109.62px; 
	width: 155.14px;
	/* margin-right: 15px; */
}

.row-2 .img2{
	 margin-top: 98px;
	 height: 128px; 
	 width: 120px;
	 /* margin-right: 25px; */
}
.row-2 .img3{
	 margin-top: 96px;
	 height: 132px; 
	 width: 104px;
	 /* margin-right: 95px; */
}

.row-2 .heading1{
	padding-top:37.93px;
	font-size:26px;
	/* padding-left: 25px;
    padding-right: 25px; */
	line-height:1.3;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:400;
}
.row-2 .heading2{
	padding-top:29px;
	font-size:26px;
	/* padding-left: 10px;
    padding-right: 35px; */
	line-height:1.3;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:400;
}

.row-2 .heading3{
	padding-top:26px;
	font-size:26px;
	/* padding-left:16px; */
	line-height:1.3;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:400;
}

/*---- section four ----*/
.section-four{
	background-color:#aad638;
	padding-top:94px;
	padding-bottom:94px;
	color:#2b2d3c;
}

.section-four h2{
	font-size:48px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.section-four span{
	border-radius:8px;
	border:none;
	border-left:2px solid black;
	border-right:2px solid black;
	font-size:26px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:400;
	padding-left:2px;
	padding-right:2px;
}

.btn-four{
	height:65px;
	width:271px;
	background-color:#fff;
	font-size:21px;
	border-radius:25px;
	border:none;
	margin-top:27px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.btn-four:hover{
	border:2px solid black;
}
	
	
/*--- section -five ---*/
.section-five{
	background-color:#2b2d3b;
	padding-top:58px;
	padding-bottom:68px;
	border-bottom: 3px solid #aad638;
	color:white;
}

.section-five h3{
	font-size:35px;
	font-family: 'Jost', sans-serif;
}

.btn-five{
	height:53px;
	width:300px;
	background:transparent;
	font-size:25px;
	border-radius:25px;
	border:2px solid #aad638;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
	margin-top:23px;
}

.btn-five:hover{
	border:2px solid #fff;
}
	
	
/*--- footer ---*/
.footer{
	background-color:#2b2d3b;
	padding-top:72px;
	padding-bottom:82px;
	color:white;
	letter-spacing:0.5;
}

.footer h6{
	font-size:20px;
}

.footer img{
	position: relative;
    top: 8px;
    right: 5px;
}

.footer .left{
	font-size:16px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
}

.footer h5{
	font-size:16px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:300;
	line-height:1.4;
}


.footer a{
	font-size:16px;
	color:white;
	text-decoration: underline;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:300;
}
	
.footer p{
	padding-top:64px;
	font-size:16px;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:300;
}



.btn-footer{
	height:44px;
	width:154px;
	background:transparent;
	border-radius:25px;
	border:2px solid white;
	font-family: 'Space Grotesk', sans-serif;
	font-weight:700;
	margin-top:8px;
}

.btn-footer:hover{
	border:2px solid #aad638;
}
	

/*--- media query -----*/
@media only screen and (min-width: 320px) and (max-width: 768px){
	.btn-second ,.btn-five{
		width:220px;
	}
	
	.row_center{
		text-align : center !important;
	}
   .first_section{
		padding-top:65px;
	}
	
	.first1_section{
		padding-bottom: 65px;
		border-radius:0 0 0 0;
	}

	.first_section .img1 img{
		height:100px;
		width:210px;
	}
	
	.first1_section p {
		font-size: 17px;
	}

	.first1_section .row2 .green, .first1_section .row2 .blue, .first1_section .row2 .red  {
		font-size:40px;
		padding-top: 1px;
		padding-bottom:1px;
	}
	
	.first1_section .row2 img{
		height:100px;
		width:100px;
	}

	.first1_section .row3{
		display:none;
	}
	
	.first1_section h3 {
		font-size: 27px;
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 45px;
	}
	
	.first1_section .row2 .p1 {
		margin-top: 24.17px;
	}
	
	.first1_section .row2 .p2 {
		margin-top: 22px;
	}
	
	.first1_section .row2 .p3 {
		margin-top: 20px;
	}
	
	.first1_section .row2 div{
		margin-top: 40px;
		padding-left:1px;
	}
	
/*--- section two -----*/
	.second_section img {
		height:48px;
		width:269px;
	}
	
	.second_section h2 {
		font-size: 30px;
		padding-left: 17px;
		padding-right: 17px;
	}
	
	.second_section h4 {
		font-size: 20px;
		padding-top:20px;
		padding-bottom:30px;
	}
	
	.second_section .row{
		margin-top:30px;
		padding-left: 21px;
		padding-right: 21px;
	}
	
	.second_section p {
		font-size:17px;
		color:#-2b2d3c;
	}
	
/*--- section three -----*/
	.third_section {
		padding-top: 77px;
		padding-bottom: 77px;
	}

	.third_section .heading{
	font-size:28px;
	padding-top: 1px;
	}

	.third_section h2{
		font-size:24px;
	}
	
	.third_section .row1{
		height:177px;	
		margin-top: -8px;
    }
	
	.third_section .row1 iframe{
		height:100%;
		width:100%;
    }
	
	.row-2 .img1{
		 margin-top: 94.03px;
		 margin-right:1px;
	}

	.row-2 .img2{
		 margin-top: 18.93px;
		 margin-right:1px;
	}
	.row-2 .img3{
		 margin-top: 22.03px;
		 margin-right:1px;
	}
	
	.row-2 .heading1{
		padding-top:16px;
		padding-bottom: 20px;
		font-size:20px;
		line-height: 1.1;
		padding-left: 18px;
		padding-right: 18px;
	}
	.row-2 .heading2{
		padding-top:19px;
		padding-bottom: 20px;
		font-size:20px;
		line-height: 1.1;
		padding-left: 18px;
		padding-right: 18px;
	}

	.row-2 .heading3{
		padding-top:21px;
		padding-bottom: 20px;
		font-size:20px;
		line-height: 1.1;
		padding-left: 18px;
		padding-right: 18px;
	}
	
/*--- section four -----*/
	.section-four{
		background-color:#aad638;
		padding-top:61px;
		padding-bottom:75px;
	}
	
	.section-four h2 {
		font-size: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.section-four img {
		height:46px;
		width:200px;
	}
	
	.section-four span {
		font-size:20px;
	}
	
/*--- section five-----*/
	.section-five{
		padding-top:70px;
		padding-bottom:90px;
	}
	
	.section-five h3 {
		font-size:28px;
	}
	
	.section-five img {
		height: 44px;
		width: 269px;
	}
	
/*---- footer -----*/
	.footer{
		padding-top:10px;
		padding-bottom:60px;
	}
	
	.footer h6 {
		padding-bottom:20px;
	}
	
	.footer h5 {
		padding-top:30px;
		line-height:1.3;
	}
	
	.btn-footer{
		margin-top:15px;
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 1200px){
	.first1_section{
		border-radius:0 0 0 0;
	}
	
	.first1_section .row3{
		display:none;
	}
	
	.first1_section .row2 .p1, .first1_section .row2 .p2, .first1_section .row2 .p3 {
		margin-top: 22px;
	}
	
	.first1_section .row2 .green, .first1_section .row2 .blue, .first1_section .row2 .red{
		font-size:44px;
	}
	
	.first1_section p{
		font-size:15px;
	}
	
	.first1_section h3 {
		font-size:42px;
		max-width: 842px;
		margin: auto;
	}
	.row2{
		max-width: 1230px;
		margin: auto;
	}
	
	/*--- section three ---*/
	.third_section {
		padding-top: 78px;
		padding-bottom: 98px;
	}
	
	.row-2 .img1{
		margin-top: 87px;
	}

	.row-2 .img2{
		margin-top: 68px;
	}
	.row-2 .img3{
		margin-top: 66px;
	}
	
	/*--- section four ---*/
	.section-four {
		padding-top: 84px;
		padding-bottom: 94px;
	}

	
}
/* ----------------------------------------------------------------------------------------------------------------- */

/*************************

	register form css 
	
*************************/
.registerForm{
	margin : 100px auto !important;
	/* margin : 25px auto !important; */
	margin-bottom : 100px !important;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important;
	padding: 2rem !important;
}
.registerForm .form-control {
	border-radius: 0 !important;
	font-size: 18px !important;
	padding: 12px !important;
	height: auto !important;
}

/*************************

	Login form css 
	
*************************/
.login_userForm{
	box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 50px !important; 
	padding: 2rem !important;
	max-width: 45rem !important;
	margin: 100px auto !important;
	width: 100% !important;
}
.login_userForm .form-control {
	border-radius: 0 !important;
	font-size: 18px !important;
	padding: 12px !important;
	height: auto !important;
}
/*************************

	Sidebar css 
	
*************************/
.navForm{
	padding: 0 !Important;
	margin: 0 !important;
}	
.navForm  > button{
	box-shadow: unset !important;
	height: auto !Important;
}
.pageInfo{
	font-size:20px !important;
	font-weight:600 !important;
	margin: 0 0 30px !important;
	color: #000 !important;
}
.navbar-nav{		
	justify-content: flex-start !important;		
	float: unset !important;		
	/* background: #2B2D3B!important;	 */
	padding: 0 !Important;
	margin: 30px auto auto auto !Important;
	width: 100% !Important;
    max-width: 100% !important;
    min-width: 100% !important;
	flex-direction: inherit !important;
	/* border: 1px solid #2B2D3B; */
}	
.navbar-nav>li>a.active{		
	background: #fff !important;
	color : #0070BF !important; 
	/*color: #00B3A4  !important;	*/
}	
.navbar-nav>li>a ,.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{		
	font-size: 14px !important;		
	color: #fff!important;					
	/* padding-bottom: 13px !important;		 */
	background: transparent !important;		
	border: 0 !important;
    text-decoration: none !important;	
}	
.nav>li{		
	padding: inherit !important;
	float: right;
    margin: 6px !important;
	background: #0070Bf !important;
	border: 1px solid #0070BF !important;
}	
	
.home-section{
	position: relative !important;
	background: #fff !important;
	transition: all 0.5s ease !important;
	padding: 3rem 0 !important;
	margin: auto !Important;
	width: 100% !Important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.home-section .home-content{
	position: relative !important;
	padding : 0 15px !important;
	min-height: 25rem !important;
}
.home-section .home-content label{
	font-size: 16px !Important;
}
.Comp_add{
	max-width: 50rem !important;
    background: #fff !important;
    padding: 2rem !important;
    border-top: 5px solid #00B3A4 !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 10px 50px !important;
}