/* harvard university sign up css*/
.family{
	font-family: 'Roboto';
}
.title{
	font-weight: 700;
	font-size: 54px;
	line-height: 63px;
	color: #000000;
}
.greet{
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 25px;
    margin-top: 20px;

}
.form-group
{
	position: relative;
}
.input-icon-align
{
	position: absolute;
    top: 19px;
    right: 22px;
    font-size: 20px;
}
.about{
	font-weight: 400;
	font-size: 20px;
	margin-top: 2%;
	line-height: 36px;
	color: #000000;
}
.university-bio{
	height: 900px;
    width: 40%;
	padding: 6%;
	margin-top: 2%;
	margin-bottom: -16px;
	background: #EFEFEF;
}
.names{
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	color: #000000;
}
.inputs{
    height: 50px;
	padding-left: 18px;
}
.submit{
	width: 100%;
    height: 55px;
    background: #E35B01;
    color:white;
    }
.topper{
	padding-left: 10%; 
	margin-top: 15%;
	padding-right: 10%;
}
.forgot-pass{
	text-align: start;
	cursor: pointer;
	color: black !important;

}
.signingup{
    background: white;
    width: 60%;
    padding: 4%;
 }   
 .signingin{
	display:none;
	padding: 4%;
	width: 60%;
	background: white;
}
.responsive{
	 display: flex;
}
.harvard-logo{
	height: 100px; 
	width: 82%;
}
@media only screen and (max-width: 1023px){
.university-bio{
	margin-left: 0px;
    margin-top: 5%;
    margin-bottom: 0px;
    width: 100%;
    height: 444px;
}
.responsive{
	 display: block;
}
.topper{
	 margin-top: 5%;
	 padding: 0px;
}
.in-mail{
    left: 85% !important;
    top: 38% !important;
}
.in-pwd{
	left: 84% !important;
    top: 56% !important;
}
.forgot-pass{
	 margin-top:2px;
     margin-left: 30%;
	 width: 124px;
}
.harvard-logo{
	width: 90%;
}
.signingup{
	 width: 100%;
}
.signingin{
	 width: 100%;
    }
.in-circle{
	left: 85% !important;
    top: 28% !important;
}
.up-mail{
	left: 85% !important;
    top: 41% !important;
}
.up-pwd{
	left: 85% !important;
    top: 54% !important;
}
.up-cpwd{
	left: 85% !important;
    top: 67% !important;
}
.title{
	margin-top: 0px;
}
}


/* lpp sign up css*/
.login{
	background: #E35B01;
	border-radius: 28px;
	width: 250px;
	height: 56px;
	margin-left: 25%;
	margin-right: 25%;
	color: #FFFFFF;
}
.library {
    background: var(--rp-primary-color);
    border-radius: 28px;
    height: 56px;
    color: #FFFFFF !important;
    margin: 0px auto;
    display: block;
}
.social-icons{
	width: 40px;
    margin-right: 4%;
    cursor:pointer;
}
.account{
	text-align: center;
	font-weight: 700;
	font-size: 30px;
	line-height: 35px;
	color: var(--rp-secondary-color);
}
.adjust{
	margin-top: 10%;
	padding-right: 30%; 
	padding-left: 30%;
	margin-bottom: 5%;
}
.institution{
	margin-top: 10%;
    padding-right: 20%;
    padding-left: 20%;
    margin-bottom: 5%;
    text-align: center;
}
.lpp-bio{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: #000000;
}
.search-box{
	width: 620px;
	background: #FFFFFF;
	border: 1px solid #717171;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	color: #000000;
	height: 40px;
    padding-left: 30px;
}
.our-insti{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #000000;
}
.sign-in{
	width: 282px;
	height: 34px;
	background: papayawhip;
	border-radius: 17px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	color: #000000;
}
@media only screen and (max-width: 1023px){
.adjust {
    margin-top: 25%;
    padding-right: 5%;
    padding-left: 5%;
    margin-bottom: 5%;
}
.login{
	margin-left: 15%;
    margin-right: 0px;
}
.search_icon2
{
	top: -32px ! important;
    right: -135px! important;
}
.search_icon3
{
	float: right;
    right: -25px ! important;
	top: -32px ! important;
}
.media-acc
{
	padding-inline-start: 0px! important;
}
.account {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}
.our-insti
{
	margin-right: 1%! important;
}
.mailed-in{
	left: 84% !important;
    top: 13% !important;
}
.pass-in{
    left: 84% !important;
    top: 26% !important;
}
.circled-in{
	left: 84% !important;
    top: 11% !important;
}
.mailed-up{
	left: 84% !important;
    top: 22% !important;
}
.pass-up{
    left: 84% !important;
    top: 32.5% !important;
}
.cpass-up{
    left: 84% !important;
    top: 43% !important;
}
.institution {
    margin-top: 25%;
    padding-right: 10%;
    padding-left: 10%;
}
 .search-box{
	width: 300px;
}
.search-up{
	left: 78% !important;
    top: 64% !important;
}
.sign-in{
	margin-top: 20px;
}
}
.forgot-pass {
    margin-left: 66%!important;
}
.form-group {
    justify-content: space-between;
    align-items: center;
}

.col-2-align {
    justify-content: flex-end;
    flex-grow: 1;
}

.forgot-pass {
    margin: 0; 
}
.loginbtn {
    font-family: var(--rp-secondary-sans-font);
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    background: var(--rp-secondary-color);
    border: none;
    border-radius: 5px;
    color: var(--rp-white-color-3);
    width: 155px;
    height: 40px;
    margin: 0px !important;
}