.feature_login_register .form_login{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;

}
.img_feature_login_register img{
width: 158px;
}

/* .input-box{
  position: relative;
} */
.feature_login_register {
  max-width: 400px;
  height: 440px;
  margin: 0 auto;
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 10px;
  padding: 0 30px;
  position: relative;
  flex-direction: column;
}

.login_title h1{
  text-align: right;
  margin-bottom: 26px;
  font-size: 14px;
  font-weight: 500;
}
.change_nummber{
font-weight: 700;
}
.resend_box{
text-align: right;
margin-bottom: 15px;
font-size: 12px;
display: flex;
justify-content: space-between;
align-items: center;
}
.phone_detail{
  margin-bottom: 15px;
}
.email_detail{
  margin-bottom: 12px;
}
.phone_detail , .email_detail{
  position: relative;
}
.input-box .phone_number,
.input-box .email_login {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  border-radius: 8px;
  border: 2px solid #dedede;
  transition: border-color .3s ease;
  outline: none;
}
.email_detail .email_label{
  position: absolute;
}
.mobile_forget .login_title {
display: flex;
justify-content: space-between;
align-items: center;
}
.phone_detail .phone_label,
.email_detail .email_label{
  position: absolute;
  right: 12px;
  top: 50%;
  font-size: 13px;
  font-weight: 300;
  transform: translate(0, -50%);
  pointer-events: none;
  transition: all .3s ease;

}

.phone_detail input:focus+label,
.phone_detail input:valid +label,
.email_detail input:focus+label,
.email_detail input:valid +label
{
  top: 1px;
  right: 12px;
  font-size: 13px;
  background: #fff;
  padding: 0 6px;
}
.phone_detail input:focus,
.phone_detail input:valid,
.email_detail input:focus,
.email_detail input:valid{
  border-color: #0ef;

}

.guest-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;

}
.forget_password_btn{
  text-decoration: none;
}

.remmber_me label {
  display: flex;
  gap: 5px;
  cursor: pointer;
  transition: .3s ease;
}
.remmber_me label:hover{
  color: blue;
}
.feature_login_register .alert{
  width: 100%;
  text-align: right !important;
  margin-top: 17px;
  margin-bottom: 0 ;
}
.login_box .login_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login_btn,.password_btn,.success_otp,.forget_btn{
  position: relative;
}
.login_btn button , .success_otp button, .password_btn button, .forget_btn button{ 
  width: 100%;
  height: 40px;
  background: #e7004a;
  border: none;
  color: white;
  font-weight: 600;
  font-size: 14px;
  font-family: IRANsans;
  border-radius: 8px;
  cursor: pointer;
}
.mfp-content .feature_login_register:before {
content: "";
position: absolute;
display: inline-block;
width: 23px;
height: 397px;
background-color: #b7b6b8;
left: -16px;
z-index: -1;
border-radius: 3px 0px 0px 3px;
}
.phone_validate{
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  direction: ltr;
}
.phone_validate input.otp_nummber{
  width: calc(20% - 8px);
  padding: 15px 15px;
  text-align: center;
}
form.form_otp{
  width: 100%;
  position: absolute;
  bottom: 41px;
  right: 0;
  transform: translateX(100%);
  transition: .3s ease;
}

.send__otp .form_login_register , .send__password .form_login_register, .step_forget_password .form_login_register{
  transform: translateX(100%);
}
div.send__otp .box_forget_password{
  transform: translateX(100%) !important; 
}
.send__otp form.form_otp{
  transform: translateX(0);
}
.box_new_password {
  text-align: center;
}
.new_pass_title h1 {
  font-size: 16px;
  margin-bottom: 24px;
}
.current_password {
  display: inline-block;
  padding: 40px 40px;
  color: #ed2f6e;
  background-color: gainsboro;
  border-radius: 10px;
  margin-bottom: 18px;
}
.new_redirect_panel a {
  text-decoration: none;
  color: red;
  font-weight: 400;
}
.select_user select{
width: 100%;
padding: 12px;
outline: none;
border-radius: 7px;
font-family: inherit;
}
form.form_login_register{
width: 100%;
position: absolute;
right: 0;
bottom: 41px;
transition: .3s ease;
}
.img_feature_login_register{
margin-top: 30px;
}

form.chose_rols,
form.send_password,
form.box_forget_password
{
width: 100%;
position: absolute;
right: 0;
bottom: 41px;
transform: translate(101%);
transition: .3s ease;
}
.select_user {
margin-bottom: 25px;
}
.select_roles form.chose_rols,
.send__password form.send_password,
.step_forget_password form.box_forget_password
{
transform: translate(0);
}
.select_roles form.form_otp{
transform: translateX(100%);
}


.mfp-content .feature_login_register:after {
content: "";
position: absolute;
display: inline-block;
width: 23px;
height: 397px;
background-color: #b7b6b8;
right: -16px;
z-index: -1;
border-radius: 0px 3px 3px 0px;
}

.lds-ellipsis {
  display: none;
  z-index: 1;
  position: absolute;
  width: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -5px);
}
.lds-ellipsis div {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #050505;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.start-action button{
  pointer-events: none;
  filter: blur(4px);
}
.start-action .lds-ellipsis{
  display: block;
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
.elementor-widget-homeo_zhaket_property_compare_widget .btn-add-property-compare,.elementor-widget-homeo_zhaket_property_wishlist_widget .btn-add-property-favorite,
.elementor-widget-homeo_zhaket_property_print_widget .btn-print-property
{
  margin: 0 2px;
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
}
.elementor-widget-homeo_zhaket_property_compare_widget .btn-add-property-compare:before,
.elementor-widget-homeo_zhaket_property_wishlist_widget .btn-add-property-favorite:before
{
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  opacity: 0;
  filter: alpha(opacity=0);
  content: '\f110';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  line-height: 34px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.elementor-widget-homeo_zhaket_property_compare_widget .btn-add-property-compare.loading::before,
.elementor-widget-homeo_zhaket_property_wishlist_widget .btn-add-property-favorite.loading::before
{
  color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  animation: rotate_icon 1500ms linear 0s normal none infinite running;
  -webkit-animation: rotate_icon 1500ms linear 0s normal none infinite running;
}
.elementor-widget-homeo_zhaket_property_compare_widget .btn-added-property-compare,
.elementor-widget-homeo_zhaket_property_wishlist_widget .btn-added-property-favorite
{
  background-color: #ff5a5f;
  margin: 0 2px;
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    position: relative;
}
.elementor-widget-homeo_zhaket_property_compare_widget .btn-added-property-compare:hover i:before,
.elementor-widget-homeo_zhaket_property_wishlist_widget .btn-added-property-favorite:hover i:before
{
  font-size: 12px;
    content: "\f103";
    font-family: 'Flaticon';
    color: white;
}
.whatsapp_homeo_feature{
    padding: 10px;
    text-align: center;
    background-color: #2dcc15;
    border-radius: 10px;
}
.whatsapp_homeo_feature a{
  display: block;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}