/**************** 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: .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 ************************/
#regForm div.tab:not(:first-of-type) {
    display: none;
}
.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 .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: #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{		
	justify-content: flex-start !important;		
	float: unset !important;		
	background: #00B3A4!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;
}	
.navbar-nav>li>a.active{		
	background: #fff !important;
	color : #00B3A4 !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{		
	border: 0 !Important;		
	margin: 0 !important;	
	padding: inherit !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-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:72px;
	padding-bottom:100px;
	color:black;
}

.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:14px;
	padding-left: 50px;
	padding-right: 50px;
}

.second_section img{
	margin-top:43px;
}

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

.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;
}
.scale_ul{	text-align: left;    font-size: 20px;    line-height: 1.7;    width: 780px;    margin-left: auto;    margin-right: auto;	margin-bottom: 1rem;}	
/*--- 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;
}
.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:45px;
	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:14px;
		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: 35px;
    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{
	font-size:40px;
	font-family: 'Jost', sans-serif;
}

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

.first1_section .row2 div{
	margin-top: 70px;
}

.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: 31px;
}

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

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

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

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

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

.row3 {
	margin-top:65px;
}

.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:72px;
	padding-bottom:100px;
	color:#2b2d3c;
}
.second_section .heading{	font-size: 46px;    font-family: 'Jost', sans-serif;    font-weight: 700;    padding-top: 1px;}
.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:310px;
	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;	font-weight:700;
	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: 110px; 
	width: 155px;
	/* 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:38px;
	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:104px;
	color:#2b2d3c;
}

.section-four h2{
	font-size:46px;
	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:160px;
	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 screen and (min-width: 1330px){
	.section_third{		width:1140px !important;	}}
@media screen and (max-width: 1330px){	.first1_section{		border-radius:0 0 0 0;	}}@media only screen and (min-width: 768px) and (max-width: 1200px){
	.first1_section .row3{
		display:none;
	}
	
	.first1_section .row2 .p1, .first1_section .row2 .p2, .first1_section .row2 .p3 {
		margin-top: 22px;
		font-size:20px;
	}
	
	.first1_section .row2 .green, .first1_section .row2 .blue, .first1_section .row2 .red{
		font-size:44px;
	}
	
	.first1_section p{
		font-size:20px;
	}
	
	.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 : #2B2D3B !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{		
	border: 0 !Important;		
	margin: 0 !important;	
	padding: inherit !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-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;
}