body{
/*	background: #0e1012db;*/
	font-family: "Poppins", sans-serif;
	overflow-y: hidden;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.each-type{
	font-size: 11px;
  line-height: 36px;
  cursor: pointer;
  text-align: center;
  border-radius: 15px;
  background: #e9ebed;
  font-weight: 400;
  margin-top: 5px;
  transition: 0.3s ease;
}
.each-type:hover{
	background:#d7dde3;
}

.create-account-title{
	font-size: 11px;
	padding-top: 6px;
}
.create-account-title > a{
	color:#0377eb;
	font-size: 14px;	
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
}
.sign-up-container{
	padding: 25px;
    background: #f8f9fa !important;
    margin: 106px 55px;
    border-radius: 40px;
    width: 69%;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}
.create-account-sub-title{	
	font-size: 21px;
    font-weight: 500;
}
.register-linebreak{
	position: relative;
	padding-top: 23px;
}
.or{
	position: absolute;
    top: 10px;
    left: 45%;
    text-align: center;
    background: #f8f9fa  !important;
    width: 39px;
    color: lightgray;
    font-size: 16px;
  }
.line-break{
	width:100%;
	height:1px;
	background: lightgray;
}

.name-container{	
	padding-top: 19px;
}
.input-name > input{
	width:94%;
	border: 1px solid lightgray !important;
	margin-top: 4px;
	border-radius: 6px;
	line-height: 28px;
	font-size: 12px;
	padding-left: 10px;
}
.input-name > input::placeholder{
	color:lightgray;
	font-size: 12px;
	
}
.input-name > input:focus{
	outline: none;
	box-shadow: 0 3px 7px 0px lightgray;
}

.each-name >label{
	font-size: 12px;
	font-weight: 500;
}
.each-reg-type{
	padding-top: 20px;
}
.term-container > span{
	font-size: 11px;
	font-weight: 500;
	padding-left: 10px;
}
.terms-one{
	color:#0377eb;
}
.term-container {
	padding-top: 7px;
}
.term-container > input{
	vertical-align: middle;
}
.sign-in-btn{
	background: #0377eb;
  color: white;
  text-align: center;
  line-height: 38px;
  border-radius: 6px;
  cursor: pointer;
  margin-right: auto;
  width: 32%;
  transition: 0.3s ease;
  font-size: 14px;
  border:none !important;
}
.sign-in-btn:hover{
	background: #1587f9;
}

.sign-img >img{
	width:43%;
	vertical-align: middle;
}
.sign-img {
	width:29px;
}
.sign-in-btn-container{
	display: flex;
}
.google-sign-up{
	border: 1px solid lightgray;
  	line-height: 31px;
    text-align: center;
    border-radius: 6px;
    padding: 0px 10px;
	display: flex;
	cursor: pointer;	
	justify-content: center;
	background:white;
	transition: 0.3s ease;
}
.google-sign-up:hover{
	background:#e9f3fd;
}
.sign-content{
	font-size: 10px;
	vertical-align: middle;
	padding-top: 2px;
}
.each-input > input{
	display: none;
}

.chip-input:checked ~ label > .each-type{
	background:#0377eb;
	color:white;
	border: none;
}
.register-container{
/*	background: linear-gradient(to right, #f89107d6, #ffb837); */
	

}
.signup-img{
	height: 100vh;
}
.signup-img > img{	
  width: 91%;     
  position: absolute;
  top: 30vh;
  left: 57px;
}
.sign-google-container{
	padding-top: 20px;
}
.profile-type-title{
	font-size: 13px;
	padding-top: 15px;
	font-weight:500;
}
.sign-up-img-container{
/*	background: #f5c00e;*/
/*    background: linear-gradient(to right, #f89107d6, #ffb837);*/
/*	border-radius: 40px 0 0 40px;*/
position: relative;
width:100%;
}
.sign-up-box-container{
	position: absolute;
    top: 287px;
    right: 3px;
    font-size: 18px;   
    padding: 5px 15px;
    border-radius: 10px;
    line-height: 48px;
    background: #f9f5e8;
}
.login-arrow{
	position: absolute;
	top:0px;
	left:0px;
	width: 50px;
	height: 50px;
	border:1px solid black;
	transform: rotate(45deg);
	background: red;
}
.sign-up-title{
	position: relative;
}
.sign-up-icon-one{
	position: absolute;
    bottom: 270px;
    right: 107px;
}

.sign-up-icon-two{
	position: absolute;
	top:40px;
	right: -116px;
}
.sign-up-icon-three{
	position: absolute;
	top:20px;
	right:20px;
}

.sign-up-icon-four{
	position: absolute;
    top:212px;
    right: 16px;
}
.sign-up-icon-five{
	position: absolute;
	top:55px;
	right:305px;
}

.sign-up-icon-five{
 	position: absolute;
    top: 12px;
    left: 108px;
}
.sign-up-icon-four > img{
	width:62%;
	opacity: 0.5;
}
.register-section{
	
}
.class-sign-up-img-title{
	position: absolute;
    top: 12px;
    left: 101px;
    padding-top: 71px;
    font-size: 42px;
    font-weight: 800;
    color: #292d31;  
    font-family: "Barlow", Sans-serif;
    text-transform: uppercase;
    text-align: center;
}
.sign-up-icon-six.sign-up-icon-one > img,.sign-up-icon-three,.sign-up-icon-six > img,.sign-up-icon-four > img,.sign-up-icon-five > img{
	opacity: 0.5;
}
.class-sign-up-img-title > span{
	display: block;
   
    font-size: 40px;
    padding-left: 432px;
}
.sign-up-section{
	padding:19px 35px;
}
.reg-eye-icon-container{
	position: absolute;
	top:10px;
	right: 23px;
	cursor: pointer;
}
.reg-eye-icon-container > i{
	font-size: 20px;
	color:gray;
	position: relative;
}	
.input-name{
	position: relative;
	flex:1;
	margin-top: -5px;
}
.reg-conf-eye-icon-container{
	position: absolute;
	top:10px;
	right: 23px;	
	cursor: pointer;
}
.reg-conf-eye-icon-container > i{
	font-size: 20px;
	color:gray;	
}
.error-container{
	color:red;
	font-size: 12px;
	padding-top: 8px;
}
.jobseeker-input{
	width: 88%;
}
.sign-up-icon-six{
	 position: absolute;
    bottom: 83px;
    left: 104px;
}
.sign-up-btn{
	text-decoration: none;
}

.hide-text{
	font-size: 10px;
  position: absolute;
  top: -24px;
  right: -12px;
  border: 1px solid lightgray;
  padding: 2px 10px;
  background: white;
  border-radius: 5px;
  display: none;	
}
.reg-eye-icon-container:hover > .hide-text{
	display: block;
}

@media only screen and (min-width:1200px) and (max-width:1400px){

	.class-sign-up-img-title > span{
		font-size: 34px;
		padding-left: 404px;
	}
	.class-sign-up-img-title {
		font-size: 40px;
		left:-13px;
	}
	.create-account-title {
		padding-top: 17px;
		
	}
	.sign-up-container {
		width:83%;
		margin: 108px 55px;
		padding: 0px 35px;
	}
	.sign-google-container {
		padding-bottom: 25px;
	}
	.container-fluid{
		padding: 0px;
		overflow-x:hidden;
	}
	.input-name > input {
		width:100%;
	}
	.each-type{
		width:121%;
		font-size: 10px;
	}
	.sign-up-section {
    padding: 0px 35px;
	}
	.reg-conf-eye-icon-container {
		right:8px;
	}
	.reg-eye-icon-container {
		right: 8px;

  }
  .sign-in-btn {
  	line-height: 30px;
  }
  .signup-img > img {
  	top:35vh;
  }
  .class-sign-up-img-title {
  	top:22px;
  }
  .sign-up-icon-four {
  	top:282px;
  }
  .sign-up-icon-one {
  	bottom: 221px;
  }
}

@media only screen and (min-width:992px) and (max-width:1200px){

	.class-sign-up-img-title > span{
		padding-left: 326px;
		font-size: 29px;
	}
	.class-sign-up-img-title{
		left:-34px;
		font-size: 31px;
	}
	.sign-up-container {
		margin: 111px 6px;
		padding:0px;
		width:93%;
	}
	.sign-up-section{
		padding:0px 35px;
	}
	.create-account-title{
		padding-top: 12px;
    padding-right: 20px;
	}
	.each-type {
		line-height: 28px;
		width:122%;
		margin-top: 9px;
		font-size: 9px;
	}
	.input-name > input {
		width:103%;
	}
	.each-name >label {
		font-size: 12px;
	}
	.reg-conf-eye-icon-container {
		right:0px;
	}
	.reg-eye-icon-container {
		right:0px;
	}
	.sign-in-btn {
		font-size: 14px;
		line-height: 32px;
	}
	.sign-google-container {
		padding-bottom: 26px;
	}
	
	.sign-up-icon-one{
		bottom: 338px;
    right: 42px;
	}
}

@media only screen and (min-width:768px) and (max-width:992px){

	.sign-up-container {
		
		margin: 88px 83px;
	}
	.sign-up-register-img-container{
		display: none;
	}
	.google-sign-up{
		line-height: 37px;
	}
	.input-name > input{
		width:100%;
	}
}
@media only screen and (min-width:576px) and (max-width:768px){

	.sign-up-register-img-container{
		display: none;
	}
	
	.sign-up-container {
			margin: 76px 35px;
      width: 90%;    
	}
	.each-type{
		font-size: 10px;
		width:121%;
	}

}
@media only screen and (max-width:576px){
	.sign-up-register-img-container{
		display: none;
	}
	
	.sign-up-container {
		margin: 139px 4px;
    width: 98%;
    padding: 0px;
	}
	.create-account-title {
		padding-top: 10px;
		padding-right: 30px;
	}

	.sign-up-section {
    padding: 0px 35px;
  }

  .each-type {
  	font-size: 9px;
  	line-height: 28px;
  	width:121%;
  }
  .each-name >label{
  	font-size: 12px;
  }
  .input-name > input {
  	width:100%;
 }
 .reg-conf-eye-icon-container,.reg-eye-icon-container {
 		right: 9px;
 }
 .sign-in-btn{
	 	line-height: 34px;
	 	font-size: 12px;
 }
 .sign-content{
 	font-size: 9px;
 }
 .sign-google-container {
 	padding-bottom: 24px;
 }
 .container-fluid {
    padding: 0px;
    overflow-x: hidden;
}
}