body{
	font-family: 'Roboto', sans-serif;
}
.wrapper{
		
background:#fff;
margin:auto;
padding:8rem 2rem;
	}
	.bg{
		background: #d3e056!important;
    padding: 1rem;
    border-radius: 10px;
	}
	.leftbg{
		background:url("../img/Gangotri.jpg");
		    height: 57vh;
	}
	.rightbg{
		    border-radius: 10px;
	}
.mt-6{
margin-top:4rem;
padding-left:4rem;
}
	
.card {
	padding: 0px 15px;
	border-radius: 20px
}

.c1 {
	background-color: #fff2f1;
	border-radius: 20px
}

a {
	margin: 0px;
	font-size: 13px;
	border-radius: 7px;
	text-decoration: none;
	color: black
}

a:hover {
	color: #e0726c;
	background-color: #fff2f1;
text-decoration: none!important;
}

.nav-link {
	padding: 1rem 1.4rem;
	margin: 0rem 0.7rem
}

.ac {
	font-weight: bold;
	color: #1ce3d4;
	font-size: 12px
}

input, select,
button {
	width: 96%;
	background-color: #fff2f1;
	border-radius: 8px;
	padding: 8px 17px;
	font-size: 13px;
	border: 1px solid #f5f0ef;
	color: #dccece
}
select{
	
	background-color: #fff2f1;
	border-radius: 8px;
	padding: 8px 17px;
	font-size: 13px;
	border: 1px solid #f5f0ef;
	color: #dccece
}

input {
	text-decoration: none;
    color : #000;
}

.bt {
	background-color: #CDDC39;
	border: 1px solid #CDDC39;
}

form {
	margin-top: 70px
}

form>* {
	margin: 10px 0px
}

#forgot {
	margin: 1px 11px;
}

#register {
	text-align: center
}



.wlcm {
	margin-top: 11rem;
    font-size: 33px;
    color: white;
    padding: 43px;
    background: #00000070;
	

.sp1 {
	font-size: 5px
}

.sp1>span {
	background-color: #f0c3be
}
	
		#img{	
			position: relative;
			left: 25%;
			height: 30%;

				

	}
	#login{     

			position: relative;
			left: 35%;
			text-align: center; 
			width: 40%;
			height: 50%;
			padding-top: 25px;
			background: unset;
				

			}

	#submitBtn{

				width: 100px;
	}	
	#head{
		position: relative;
       text-align: left;
    left: 40px;
    text-transform: uppercase;

	}	
	#form{
		   position: absolute;
    padding: 29px;
    border: 1px solid #747474;
    border-radius: 23px;
    height: 400px;
    box-shadow: 2px 2px 8px 2px;
	}	

	#error{
		font-size: 14px;
		color : #FF0000;
		padding-bottom: 2px;

	}

.group        { 
  position:relative; 
  margin-bottom:35px; 
}
input         {
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:300px;
  border:none;
  border-bottom:solid 2.5px #757575;
}
input:focus     { outline:none; }

label          {
  color:#999; 
  padding-top:5px;
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
}

input:focus ~ label, input:valid ~ label     {
  top:-25px;
  font-size:14px;
  color:#5264AE;
}

.bar  { position:relative; display:block; width:300px; }
.bar:before, .bar:after   {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}
select.select_role {
    width: 195px;
    height: 33px;
    text-align: center;
}



/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}