body{
background: #ffffff;
font-family: 'Helvetica';
}
@font-face {
font-family: 'Helvetica';
src: url('../fonts/Helvetica.ttf'),url('../fonts/Helvetica-BoldOblique.ttf'),
url('../fonts/Helvetica-Bold-Font.ttf'),url('../fonts/Helvetica-BoldOblique.ttf'),
url('../fonts/helvetica-compressed-5871d14b6903a.otf'),
url('../fonts/helvetica-light-587ebe5a59211.ttf'),
url('../fonts/Helvetica-Oblique.ttf'),
url('../fonts/helvetica-rounded-bold-5871d05ead8de.otf');
}
.btn:hover,.btn:focus,.btn:active{
outline: none;
box-shadow: unset;
}
a:hover,a:active,a:focus{
text-decoration: none;
outline: none;
}
input.form-control:hover,input.form-control:active,input.form-control:focus,
select.form-control:hover,select.form-control:active,select.form-control:focus{
outline: none;
box-shadow: unset;
}
.btn:hover,.btn:active,.btn:focus{
outline: none;
}


.loginform{
display: flex;
align-items: center;
}
.loginform .leftlogin_image{
width: 30%;
position: relative;
height: 100vh;
background-size:100% 100%;
background-repeat: no-repeat;
background-position: center;
background-image: url('../images/login.webp');
}
.loginform .leftlogin_image img{
position: absolute;

height: 85px;
}
.leftlogin_image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Make sure parent has height */
    width: 100%;
    padding: 2rem;
}

.leftlogin_image img {
    max-width: 80%;
    height: auto;
    object-fit: contain;
    bottom: 10%;
    margin-left: -10px;
}
.loginform .rightloginform{
width: 70%;
}
.loginform{
background-size:contain;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url('../images/lion.svg');
}
.rightloginform h4{
font-family: 'Helvetica';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 38px;
text-transform: capitalize;
color: #315D80;
margin: 0 0 25px 0;
}
.frgt_andemail{
    display: flex;
    justify-content: space-between;
    padding:0 1.3em 0 2.5em;
}
.login_inputsdiv input.form-control{
background: #EDF2FA;
border-radius: 36px;
border:unset;
font-family: 'Helvetica';
font-size: 14px;
height: 46px;
padding: 3px 20px 3px 20px;
}
.login_inputsdiv .input-group-text{
background: #EDF2FA;
border-radius: 36px;
border: unset;
padding: 3px 20px 3px 20px;
}
.login_inputsdiv input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#6388A5;
}
.login_inputsdiv input.form-control::-moz-placeholder { /* Firefox 19+ */
color:#6388A5;
}
.login_inputsdiv input.form-control:-ms-input-placeholder { /* IE 10+ */
color:#6388A5;
}
.login_inputsdiv input.form-control:-moz-placeholder { /* Firefox 18- */
color:#6388A5;
}
.login_inputsdiv input.form-control::placeholder{
color:#6388A5;
}
.form_div {
    width:424px;
    margin: 0 auto;
}
.rememberemail label.form-check-label {
    color: #315D80;
    font-size: 12px;
    font-family: 'Helvetica';
    text-transform: capitalize;
}
.checkbox-round {
width: 11px;
height: 11px;
margin-top: 3.2px;
background-color: white;
border-radius: 4px;
vertical-align: middle;
border: 1px solid #315D80;
appearance: none;
-webkit-appearance: none;
outline: none;
cursor: pointer;
}
.forgetdiv a{
font-family: 'Helvetica';
font-style: normal;
font-weight: 500;   
color:#315D80;
font-size: 12px;
}

.checkbox-round:checked {
background-color: #315D80;
border: 1px solid #000000;
}
.accountcreate_btn .btn.accountbtn,.getstarted_btn .btn.btnget_start{
width: 100%;
border-radius: 100px;
font-family: 'Helvetica';
font-weight: bold;
font-size: 18px;
line-height: 20px;
text-transform: capitalize;
color: #FFFFFF;
border: unset;
padding: 4px 15px;
height: 44px;
}
.getstarted_btn .btn.btnget_start{
background: linear-gradient(281.64deg, #F8B195 -63.17%, #F2727F 63.95%);
}
.accountcreate_btn .btn.accountbtn{
background: #315D80;
}
.social_img{
display: flex;
justify-content: center;
margin: 0 0 2em 0;
}
.social_mediadiv p{
font-family: 'Helvetica';
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #315D80;
margin:0 0 7px 0;
}
.social_img img{
    margin: 0 17px;
    height: 33px;
}
.social_mediadiv{
text-align: center;
margin: 2em 0 0 0;
}
.form_div h4{
text-align: center;
}
.selectoptiondiv .media{
background: #EDF2FA;
box-shadow: 5px 4px 5px -1px rgba(49, 93, 128, 0.08), -2px -3px 10px rgba(49, 93, 128, 0.3), inset 4px 5px 5px rgba(57, 124, 238, 0.12);
border-radius: 17px;
align-items: center;
    padding: 13px;
justify-content: space-between;
margin: 0 0 20px 0;
}
.selectoptiondiv .media .hm_owntxt h2{
font-family: 'Helvetica';
font-weight: 700;
font-size: 18px;
line-height: 29px;
text-transform: capitalize;
color: #315D80;
margin:0 10px 0 20px;
}
.media h3{
font-family: 'Helvetica Light';
font-weight: 400;
font-size: 12px;
line-height: 19px;
color: #315D80;
margin: 0px 3em 0 0px;
}

.selectoptiondiv .media .media-body{
    flex:unset
}
.selectoptiondiv .media h3 {
    margin: 0;
    text-align: right;
}
.app_flex{
    display: flex;
}
.choose_option_block h2{
font-family: 'Helvetica';
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #FFFFFF;
margin: 0 0 20px 0;
}
.choose_option_block{
background: linear-gradient(180deg, #315D80 0%, #315D80 65.18%);
box-shadow: 5px 6px 5px -1px rgba(137, 174, 234, 0.1), inset 4px 5px 5px rgba(81, 93, 112, 0.1);
border-radius: 14px 14px 0 0;
padding: 2em 1em;
text-align: center;
width: 83%;
margin: 0 auto;
}
.choose_option_block p{
font-family: 'Helvetica';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
margin:0;
}
.img_option{
    flex:15%;
}
.hm_owntxt{
    flex:35%;
    border-right: 1px solid rgba(146, 163, 180, 0.3);
}
.img_option img{
    height:68px;
width: 68px;
}
.home_ptxt{
    flex:53%;
    padding: 0 40px 0 0px;
}
.home_ptxt.rentprop{
    padding: 0 60px 0 0px;  
}
.optionwidth_div{
    width: 58.8%;
    margin: 0 auto;
}
.createacc_btn{
    margin: 0.4em 0 0 0;
}
.login_inputsdiv.creat_login input.form-control{
height:42px;
}
.tnc label.form-check-label {
    color: #315D80;
    font-size: 12px;
    margin: 0 0 0 18px;
    letter-spacing: 0.3px;
}
.loginnow .getstarted_btn .btn.btnget_start{
background: #315D80;
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1), inset 4px 4px 10px 1px #468DC4;
border-radius: 40px;
}
.social_mediadiv.loginnow .createacc_btn {
margin:0.7em 0 0 0;
}
.mobile_headerview{
display:none;
}
.mobile_headerview {
background-repeat: no-repeat;
background-image: url(../images/mobilehead.svg);
background-size: cover;
background-position: bottom;
height: 181px;
}
.arrowmobile a{
background: #376990;
box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.05), inset 2px 4px 10px 1px #468DC4;
border-radius: 30px;
padding: 14px 11px;
}
.arrowmobile a i {
color: #EEF4FF;
font-size: 20px;
}
.headermobile {
    display: flex;
    align-items: center;
    height: 115px;
    justify-content: center;
}
.try_div,.back_login{
text-align: center;
}
.try_div p{
font-size: 13px;
}
.try_div p,.back_login a{
font-family: 'Helvetica';
font-weight: 400;
line-height: 19px;
color: #315D80;
}
.back_login a{
font-size: 14px;
}
.try_div{
    margin: 1.3em 0 1.9em 0;
}
.back_login{
margin:4em 0 1em 0; 
text-transform: capitalize;
}
.create_passwd .input-group .input-group-text{
font-family: 'Helvetica';
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: capitalize;
color: #9BB997;
}
.verfi_section p{
font-family: 'Helvetica';
font-weight: 500;
font-size: 12px;
line-height: 19px;
color: #315D80;
text-align: center;
margin:0;
}
.flex_inpt_div{
display: flex;
margin:1.5em 0 0 0;
}
.login_inputsdiv .flex_inpt_div input.form-control{
    text-align: center;
    width: 101px;
    margin: 0 3px;
    height: 46px;
}
.verfi_section{
margin:2.5em 0 0 0;
}
.verif_txt {
    margin: 0.7em 0 2.3em 0;
}
.create_passwd p{
font-family: 'Helvetica';
font-weight: 400;
font-size: 12px;
line-height: 19px;
text-align: center;
color: #315D80;
margin: 0;
}
.save_pass_div{
margin:2em 0 0 0;
}
.save_newpass{
margin:4em 0 0 0;
}
.passwd_success h4 span.green_clr{
color:#9BB997;
}
.passwd_success h4{
margin: 0 auto 3em auto;
font-size: 32px;
line-height: 36px;
}
.pass_inputsdiv{
    text-align: center;
    margin: 0 0 2em 0;
}
.pass_inputsdiv img{
height: 95px;
}
.tnc{
    text-align: center;
}