html{
	box-sizing: border-box;
}
body{
	margin: auto;
	opacity: 1;
	background: #fff;
	height: 100%;
	width: 100%;
	overflow-x: hidden;	
}
.svg-icon {
	width: 29px;
	height: 29px;	
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #aea9c3;
  stroke: #aea9c3;
  stroke-width: 0.5;
}

.svg-icon circle {
  stroke: #aea9c3;
  stroke-width: 1;
}

body * {
	margin: 0;
	list-style-type: none;
	outline: none;
	box-sizing: border-box;
	position: relative;
}

a {
    display: inline;
  /*  line-height: 1em;*/
}

a:link{
  text-decoration: none;
} 

a:visited{
  text-decoration: none;
} 

a:hover{
  text-decoration: none;
} 
  
a:active{
  text-decoration: none;
}
footer,section{
	display: block;
}

div{
	display: block;
}

.main-container{
	/*border: 4px dashed red;*/
	background: #fff;
	margin: 0 auto;/**/
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100%;
	z-index: 2;
}

.intro-container{
	border: 1px solid #fff;/*209eff*/
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100px;
	background: #fff;/*209eff*/
	z-index: 9;	
	
	padding: 0 10%;
	margin: auto;
	padding-top: 30px;
	/*padding-bottom: 15px;*/
}
.intro-container .main-image{
	/*border: 4px solid gold;*/
	position: relative;
	background: rgb(245,246,250);
	width: 100%;
	margin: auto;
	height: auto;
	height: calc(100vh - 200px);
	
	background: url('../files/images/registerimage.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


.intro-container .intro-head{
    /* border: 2px solid violet; */
    position: relative;
    width: 100%;
    height: auto;
    min-height: 10px;
    margin-top: 30px;
    color: #555965;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.intro-head .intro-heading{
	position: relative;
	color: #111;
	font-family: poppins_semi;
	font-size: 28px;
	font-weight: 300;
}
.intro-body{
    /* border: 2px solid red; */
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.intro-body .intro-body-content{
	color: #111;
	font-family: open_reg;
	font-size: 16px;
	font-weight: 300;
	/* letter-spacing: 0.7px; */
	position: relative;
	margin: auto;
	margin-left: 0;
	/* margin-top: 20px; */
	text-align: left;
	line-height: 170%;
}

.intro-body-content a span{
	cursor: pointer;
	color: #111;
	font-family: open_semi;
	line-height: 170%;
	border-bottom: 2px solid #3EB049;
	transition: all 0.45s;
}

.intro-body ul{
	color: #fff;
	font-family: open_semi;
	font-size: 20px;
	line-height: 200%;
	text-align: center;
	position: relative;
	margin: auto;
	margin-left: 0;
}
.intro-body ul li{
	text-align: left;
	display: list-item;
	list-style-type: disc;
}

/*blue area styles end*/
.blue-area{
	border: 1px solid #4F91CD;
	background: #4F91CD;
	position: relative;
	width: 100%;
	height: auto;
	color: #fff;
	min-height: 200px;
	padding: 0 10%;
	padding-top: 30px;
	padding-bottom: 30px;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.blue-area span{
	align-self: flex-start;
	font-size: 18px;
	font-family: open_semi;
	text-align: left;
}
.blue-area span a{
	align-self: center;
	font-size: 17px;
	font-family: open_semi;

	color: #fff;
	line-height: 170%;
	border-bottom: 2px solid #fff;
}

/*blue area styles*/

.main-container .register-container{
/*	border: 4px solid #000;*/
	
	display: flex;
	flex-direction: row;
	position: relative;
	width: 100%;
	height: auto;
	min-height: calc(100vh - 75px);
	background: #f2f3f8;
	z-index: 9;	
}

.register-container .register-image{
	/*border: 2px solid gold;*/
	background: url('../files/images/registerimage.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	min-height: calc(100vh - 75px);
	height: auto;
	width: 70%;
}
.register-image .overlay{
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #3EB049;
/*	background: linear-gradient(135deg,rgba(66,39,90,.4) 0%,rgba(115,75,109,.95) 100%);*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	

}
.overlay .overlay-content{
/*	border: 2px solid rgb(243, 17, 17);*/
	position: relative;
	/*margin: auto;
	margin-bottom: 0;*/
	/*padding: 30px;
	padding-left: 10%;*/
	/*	padding-right: 10%;*/
	height: auto;
	width: auto;
	max-width: 100%;
	padding: 0 3%;
	/*background: #209eff;*//*rgba(66,39,90,.4)*/
}
.overlay-content .overlay-header{
  margin-top: 30px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;	
	font-family: monts_semi;
}
.overlay-content .overlay-description{
	color: #fff;
	font-family: open_reg;
	margin-bottom: 30px;
	font-size: 3.2vmin;/*24px*/
	font-weight: 400;
	line-height: 140%;
}
.overlay-content  ul li {
	text-align: left;
	display: list-item;
	list-style-type: disc;
	margin-bottom: 10px;
	color: #fff;
	font-family: open_reg;
	font-size: 2.8vmin;/*22px*/
	line-height: 200%;
	/*text-align: center;
	position: relative;
	margin: auto;
	margin-left: 0;*/
}
/*****************MEDIA QUERIES FOR GREEN BLOCK***************************/
@media screen and (max-width: 1200px){
	.overlay-content .overlay-description{
		font-size: 3.5vmin;
	}
	.overlay-content  ul li{
		font-size: 3vmin;
	}
}














/*Sign up styles begin*/
.register-container .register-form-container{
	/*border: 4px solid red;*/
	height: auto;
	min-height: 100vh;
	width: 40%;	
	background: #fff;/*f2f3f8*/
}
.register-form-container .error-head{
	/*border: 2px solid red;*/
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 0;
	width: 80%;
	height: auto;
	max-height: 60px;
	color: red;
}
.error-head #error-message{
	font-family: monts_semi;
	font-size: 14px;
}
.register-form-container .signup-head{
	
/*	border: 2px solid red;*/
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 80%;
	height: auto;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	
}
.signup-head .signup-left h3{
	font-family: monts_semi;
	font-size: 15px;
	color: #1e3143;
}

.signup-head .signup-right{
	/*border: 2px dashed #000;*/
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.signup-head > .signup-right h3{
	font-family: monts_reg;
	font-weight: normal;
	font-size: 15px;
	color: #1e3143;
	margin: auto;
	margin-right: 0;
}
.signup-head > .signup-right h3 > span{
	font-family: monts_semi;
	color: #209eff;
	cursor: pointer;
}

.register-form-container .signup-body{
	/*border: 2px solid gold;*/
	margin: 0 auto;
	width: 80%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

.signup-body p{
	/*border: 1px dashed red;*/
	margin-bottom: 20px;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*.signup-body p:nth-child(5){
	height: auto;
}*/
.signup-body p:nth-child(7){
	text-align: center;
}
.signup-body label{
	cursor: pointer;
	font-family: monts_reg;
	font-size: 15px;
	margin-left: 10px;
}
.signup-body .i-field{
	
	display: block;
	height: 100%;
	width: 100%;
	/*padding: 0 15px;*/
	padding: 10px 10px 10px 5px;
	border: none;
	border-bottom: 1px solid #e4e8f0;
	background: none;
	font-family: monts_reg;
	font-size: 15px;
	
	transition: all 0.45s;
}
.signup-body .i-field:focus{
	outline: none;
	border-bottom: 1px solid #212529;
	/*border-color: #212529;*/
}
.signup-body .i-field::placeholder{
	font-family: monts_reg;
	font-size: 15px;
	color: #98a8b4;
}

.signup-body .create-account-btn{
	
	border: none;
	display: block;
	width: auto;
	height: 100%;
	padding: 0 50px;
	font-family: monts_semi;
	color: #fff;
	cursor: pointer;

	background: #209eff;
	transition: all 0.5s;
}
.signup-body .create-account-btn:hover{
	background: #0F84DF;
}
.signup-body p:nth-child(7) a{
	
	visibility: visible;
	border-bottom: 1px dashed #209eff;
	color: #209eff;
	transition: all 0.4s;
}
.signup-body p:nth-child(7) a:hover{
	border-bottom: 1px dashed #212529;
}

.List{
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #e4e8f0;
	padding: 1em 0 1em 0.5em;
	font-family: monts_reg;
	font-size: 15px;
	color: #98a8b4;
	
	cursor: pointer;
	
	/*background: url('images/icons/down-arrow.svg');
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: 50%;
	background-size: 24px;*/

    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
	-ms-appearance: none;
	-o-appearance: none;
	
	transition: border-color 0.5s;	
}
.List option{
	color: #8e8d8a;
	background: #fff;
	outline: none;
}
/*Signup styles end*/

/*MEDIA QUERIES FOR SCREEN SIZES*/

@media screen and (max-width: 1480px){
	.intro-container{
		padding-right: 5%;
		padding-left: 5%;
	}
}
@media screen and (max-width: 1320px){
	.intro-container{
		padding-right: 2%;
		padding-left: 2%;
	}
}

@media screen and (max-width: 1030px){

	

	.main-container .register-container{
		flex-direction: column;
	}	
	.register-container .register-image,.register-container .register-form-container{
		width: 100%;
	}
}